@charset "UTF-8";
/**
* [Table of contents]
*/
/** @group Base */
/** @section Reset Styles */
html {
scroll-behavior: smooth;
}

.box-classic-text { font-size:16px; line-height:30px;}
.box-classic-title{ font-weight:800}

a:focus, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
*:focus {
outline: none;
}
blockquote {
padding: 0;
margin: 0;
}
input, button, select, textarea {
outline: none;
}
label {
margin-bottom: 0;
}
p {
margin: 0;
}
ul, ol {
list-style: none;
padding: 0;
margin: 0;
}
ul li, ol li {
display: block;
}
dl {
margin: 0;
}
dt, dd {
line-height: inherit;
}
dt {
font-weight: inherit;
}
dd {
margin-bottom: 0;
}
cite {
font-style: normal;
}
form {
margin-bottom: 0;
}
address {
margin-top: 0;
margin-bottom: 0;
}
figure {
margin-bottom: 0;
}
html p a:hover {
text-decoration: none;
}

/** @section Context Styles */
.context-dark, .bg-gray-700, .bg-primary, .context-dark h1, .bg-gray-700 h1, .bg-primary h1, .context-dark h2, .bg-gray-700 h2, .bg-primary h2, .context-dark h3, .bg-gray-700 h3, .bg-primary h3, .context-dark h4, .bg-gray-700 h4, .bg-primary h4, .context-dark h5, .bg-gray-700 h5, .bg-primary h5, .context-dark h6, .bg-gray-700 h6, .bg-primary h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-primary [class^='heading-'] {
color: #ffffff;
}
/** @section Page layout */
.page {
position: relative;
overflow: hidden;
min-height: 100vh;
opacity: 0;
}
.page.fadeIn {
animation-timing-function: ease-out;
}
.page.fadeOut {
animation-timing-function: ease-in;
}
[data-x-mode] .page {
opacity: 1;
}
html.boxed body {
background: #edeff4 url(../images/bg-pattern-boxed.png) repeat fixed;
}
@media (min-width: 1630px) {
html.boxed .page {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
}
html.boxed .rd-navbar-static {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
html.boxed .rd-navbar-static.rd-navbar--is-stuck {
max-width: 1600px;
width: 100%;
left: calc(50% - 1600px);
right: calc(50% - 1600px);
}
}
/** @section Offsets */
* + p {
margin-top: 15px;
}
p + p {
margin-top: 12px;
}
figure + p {
margin-top: 5px;
}
img + p {
margin-top: 15px;
}
h2 + p, .heading-2 + p {
margin-top: 15px;
}
p + h2, p + .heading-2 {
margin-top: 15px;
}
h3 + h5 {
margin-top: 10px;
}
h3 + figure {
margin-top: 20px;
}
h3 + img {
margin-top: 42px;
}
h1 + .unit {
margin-top: 35px;
}
* + .row {
margin-top: 30px;
}
* + .big {
margin-top: 20px;
}
* + .text-block {
margin-top: 30px;
}
* + .button {
margin-top: 25px;
}
.brand + h1 {
margin-top: 30px;
}
.row + h3, .row + .heading-3 {
margin-top: 80px;
}
.container + .container {
margin-top: 35px;
}
.row + .row {
margin-top: 35px;
}
@media (min-width: 1200px) {
* + .button {
margin-top: 36px;
}
.brand + h1 {
margin-top: 153px;
}
* + .rd-form {
margin-top: 30px;
}
.container + .container {
margin-top: 60px;
}
.row + .row {
margin-top: 60px;
}
* + .row {
margin-top: 60px;
}
h2 + p {
margin-top: 33px;
}
}
/** @group Utilities */
/** @section Text styling */
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
.font-weight-thin {
font-weight: 100;
}
.font-weight-light {
font-weight: 300;
}
.font-weight-regular {
font-weight: 400;
}
.font-weight-medium {
font-weight: 500;
}
.font-weight-sbold {
font-weight: 600;
}
.font-weight-bold {
font-weight: 700;
}
.font-weight-ubold {
font-weight: 900;
}
.font-size-custom {
font-size: 18px;
line-height: 1.666em;
}
.text-bordered-1 {
-webkit-text-stroke-color: rgba(2, 5, 73, 0.14);
-webkit-text-stroke-width: 2px;
color: transparent;
}
.ie-10 .text-bordered-1, .ie-11 .text-bordered-1, .edge .text-bordered-1 {
color: rgba(2, 5, 73, 0.2);
}
.text-spacing-0 {
letter-spacing: 0;
}
.text-primary {
color: #39BA82 !important;
}
.text-secondary {
color: #FDB818 !important;
}
.text-gray-600 {
color: #8A8A8A;
}
/** @section Row spacing */
.row-0 {
margin-bottom: 0px;
}
.row-0:empty {
margin-bottom: 0;
}
.row-0 > * {
margin-bottom: 0px;
}
.row-15 {
margin-bottom: -15px;
}
.row-15:empty {
margin-bottom: 0;
}
.row-15 > * {
margin-bottom: 15px;
}
.row-20 {
margin-bottom: -20px;
}
.row-20:empty {
margin-bottom: 0;
}
.row-20 > * {
margin-bottom: 20px;
}
.row-30 {
margin-bottom: -30px;
}
.row-30:empty {
margin-bottom: 0;
}
.row-30 > * {
margin-bottom: 30px;
}
.row-50 {
margin-bottom: -50px;
}
.row-50:empty {
margin-bottom: 0;
}
.row-50 > * {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.row-xl-80 {
margin-bottom: -80px;
}
.row-xl-80:empty {
margin-bottom: 0;
}
.row-xl-80 > * {
margin-bottom: 80px;
}
}
/** @section Sections */
.section-xs {
padding: 70px 0;
}
.section-sm, .section-md, .section-lg, .section-xl, .section-xxl, .section-xxxl {
padding: 70px 0;
}
.section-collapse + .section-collapse {
padding-top: 0;
}
.section-collapse:last-child {
padding-bottom: 0;
}
html [class*='section-'].section-bottom-0 {
padding-bottom: 0;
}
@media (min-width: 768px) {
.section-xs {
padding: 37px 0 127px;
}
.section-sm {
padding: 60px 0;
}
.section-md {
padding: 70px 0;
}
.section-lg {
padding: 85px 0;
}
.section-xl {
padding: 90px 0;
}
.section-xxl {
padding: 100px 0;
}
.section-xxxl {
padding: 110px 0;
}
}
@media (min-width: 992px) {
.section-md {
padding:50px 0 50px;
}
.section-lg {
padding: 100px 0;
}
.section-xl {
padding: 110px 0;
}
.section-xxl {
padding: 120px 0;
}
.section-xxxl {
padding: 130px 0;
}
}
@media (min-width: 1200px) {
.section-lg {
padding:50px 0;
}
.section-xl {
padding: 130px 0 122px;
}
.section-xxl {
padding: 130px 0 167px;
}
.section-xxxl {
padding: 158px 0 201px;
}
}
.section-single {
display: flex;
text-align: center;
}
.section-single p {
margin-left: auto;
margin-right: auto;
}
.section-single * + .rights {
margin-top: 35px;
}
@media (min-width: 992px) {
.section-single * + .rights {
margin-top: 60px;
}
}
.section-single .rd-mailform-wrap {
max-width: 670px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.section-single * + .rd-mailform-wrap {
margin-top: 20px;
}
.section-single-header {
padding: calc(1em + 3vh) 0 calc(1em + 2vh);
}
.section-single-main {
padding: calc(1em + 4vh) 0;
}
.section-single-footer {
padding: calc(1em + 2vh) 0 calc(1em + 3vh);
}
.section-single-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 100vh;
}
.section-single-inner > * {
width: 100%;
}
/** @section Grid modules */
.grid-demo {
letter-spacing: 0;
text-align: center;
}
.grid-demo p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.grid-demo * + p {
margin-top: 5px;
}
.grid-demo * + .row {
margin-top: 20px;
}
.grid-demo .row + .row {
margin-top: 0;
}
@media (min-width: 1200px) {
.grid-demo {
text-align: left;
}
.grid-demo p {
white-space: normal;
overflow: visible;
text-overflow: unset;
}
.grid-demo * + p {
margin-top: 25px;
}
}
.grid-demo-bordered .row {
border: 0 solid #d7d7d7;
border-top-width: 1px;
}
.grid-demo-bordered .row:last-child {
border-bottom-width: 1px;
}
.grid-demo-bordered [class*='col'] {
padding: 5px 15px;
}
.grid-demo-bordered [class*='col']:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -1px;
border-left: 1px solid #d7d7d7;
}
@media (min-width: 768px) {
.grid-demo-bordered [class*='col'] {
padding: 30px;
}
}
@media (min-width: 1200px) {
.grid-demo-bordered [class*='col'] {
padding: 50px 50px 45px;
}
}
.grid-demo-underlined .row {
border-bottom: 1px solid #d7d7d7;
}
.grid-demo-underlined [class*='col'] {
padding: 5px 15px;
}
@media (min-width: 768px) {
.grid-demo-underlined [class*='col'] {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (min-width: 1200px) {
.grid-demo-underlined [class*='col'] {
padding-top: 45px;
padding-bottom: 45px;
}
}
.row-narrow {
margin-left: -10px;
margin-right: -10px;
}
.row-narrow > [class*='col'] {
padding-left: 10px;
padding-right: 10px;
}
.row-gutter-42 {
margin-left: -21px;
margin-right: -21px;
}
.row-gutter-42 > [class*='col'] {
padding-left: 21px;
padding-right: 21px;
}
/** @section Backgrounds */
.context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark {
display: none;
}
.context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-primary .brand .brand-logo-light {
display: block;
}
.bg-default {
background-color: #ffffff;
}
.bg-default:not([style*="background-"]) + .bg-default:not([style*="background-"]) {
padding-top: 0;
}
.bg-gray-100 {
background-color: #edeff4;
}
.bg-gray-100:not([style*="background-"]) + .bg-gray-100:not([style*="background-"]) {
padding-top: 0;
}
.bg-gray-700 {
background-color: #8F8F8F;
}
.bg-gray-700:not([style*="background-"]) + .bg-gray-700:not([style*="background-"]) {
padding-top: 0;
}
.bg-primary + .bg-primary {
padding-top: 0;
}
.bg-image {
background-size: cover;
background-position: center;
}
/*
Gradient BG
*/
.bg-gradient-1 {
background: linear-gradient(131.93deg, #fff9eb 0%, #FCF7F4 77.11%);
}
.bg-gradient-1-reverse {
background: linear-gradient(131.93deg, #FCF7F4 0%, #fff9eb 77.11%);
}
.bg-gradient-2 {
background: linear-gradient(122.08deg, #fff9eb 0%, #FCF7F4 77.11%);
}
@media (min-width: 992px) {
html:not(.tablet):not(.mobile) .bg-fixed {
background-attachment: fixed;
}
}
/** @section Utilities custom */
.height-fill {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
}
.height-fill > * {
flex-grow: 1;
flex-shrink: 0;
}
.object-inline {
white-space: nowrap;
}
.object-inline > * {
display: inline-block;
min-width: 20px;
vertical-align: top;
white-space: normal;
}
.object-inline > * + * {
margin-left: 5px;
}
.oh {
position: relative;
overflow: hidden;
}
.text-decoration-lines {
position: relative;
overflow: hidden;
width: 100%;
}
.text-decoration-lines-content {
position: relative;
display: inline-block;
min-width: 170px;
font-size: 13px;
text-transform: uppercase;
}
.text-decoration-lines-content::before, .text-decoration-lines-content::after {
content: '';
position: absolute;
height: 1px;
background: #d7d7d7;
top: 50%;
width: 100vw;
}
.text-decoration-lines-content::before {
left: 0;
transform: translate3d(-100%, 0, 0);
}
.text-decoration-lines-content::after {
right: 0;
transform: translate3d(100%, 0, 0);
}
* + .text-decoration-lines {
margin-top: 30px;
}
p.rights {
font-size: 14px;
color: #5E5F6B;
}
p.rights a {
color: inherit;
}
p.rights a:hover {
color: #39BA82;
}
* + .rights {
margin-top: 40px;
}
@media (min-width: 576px) {
* + .rights {
margin-top: 50px;
}
}
[style*='z-index: 1000;'] {
z-index: 1101 !important;
}
.text-block > * {
margin-left: .125em;
margin-right: .125em;
}
.privacy-link {
display: inline-block;
}
* + .privacy-link {
margin-top: 30px;
}
/*
Z index 0
*/
.zindex-0 {
z-index: 0;
}

/*
Container Custom Width
*/
@media (min-width: 1600px) {
.container {
max-width: 1480px;
}
}
@media (min-width: 1200px) {
.inset-custom-1 {
padding-right: 70px;
}
}

/*
Custom Animations
*/
@keyframes rotate {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate-reverse {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(-90deg);
}
50% {
transform: rotate(-180deg);
}
75% {
transform: rotate(-270deg);
}
100% {
transform: rotate(-360deg);
}
}
.animation-rotate-1 {
animation: rotate 9s infinite;
}
.animation-rotate-2 {
animation: rotate-reverse 7s infinite;
}
/** @group Components */
/** @section Typography */
body {
font-size: 15px;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
}
h1, h2, h3, h4, h5, h6, [class^='heading-'] {
margin-bottom: 0;
letter-spacing: -.01em;
color: #020549;
}

h1 .big, .heading-1 .big { font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a {
color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover {
color: #39BA82;
}
h1, .heading-1 {
font-size: 32px;
letter-spacing: -0.03em;
text-transform: uppercase;
font-weight: 700;
}
h1 .big, .heading-1 .big {
font-size: 1.4em;
line-height: 1em;
}
@media (min-width: 1200px) {
h1,  .heading-1 {
font-size: 75px;
line-height: 1.04;
}
}
@media (min-width: 1600px) {
h1 .big,  .heading-1 .big {
font-size: 1.92em;
}
}
h2, .heading-2 {
font-size: 28px;
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 1200px) {
h2,  .heading-2 {
font-size: 44px;
line-height: 1.29545;
}
}
h3, .heading-3 {
font-size: 24px;
}
@media (min-width: 1200px) {
h3,  .heading-3 {
font-size: 36px;
line-height: 1.33333;
}
}
h4, .heading-4 {font-size:22px;}

@media (min-width: 1200px) {
h4,  .heading-4 {
font-size: 22px;
line-height: 1.29167;
}
}
h5, .heading-5 {
font-size: 20px;
line-height: 1.65;
font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
h6, .heading-6 {
font-size: 15px;
line-height: 1.6;
font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
small, .small {
display: block;
font-size: 14px;
line-height: 1.28571;
}
mark, .mark {
padding: 3px 5px;
color: #ffffff;
background: #39BA82;
}
.big {
font-size: 18px;
line-height: 1.4em;
}
@media (min-width: 576px) {
.big {
font-size: 20px;
line-height: 1.4;
}
}
.lead {
font-size: 24px;
line-height: 34px;
font-weight: 300;
}
code {
padding: 3px 5px;
border-radius: 0.2rem;
font-size: 90%;
color: #111111;
background: #edeff4;
}
p [data-toggle='tooltip'] {
padding-left: .25em;
padding-right: .25em;
color: #39BA82;
}
p [style*='max-width'] {
display: inline-block;
}

::selection {
background: #fff6e2;
color: #000;
}

::-moz-selection {
background: #fff6e2;
color: #000;
}
/** @section Brand */
.brand {
display: inline-block;
}
.brand .brand-logo-light {
display: none;
}
.brand .brand-logo-dark {
display: block;
}
/** @section Links */
a {
transition: all 0.3s ease-in-out;
}
a, a:focus, a:active, a:hover {
text-decoration: none;
}
a, a:focus, a:active {
color: #39BA82;
}
a:hover {
color: #000;
}
a[href*='tel'], a[href*='mailto'] {
white-space: nowrap;
}
.link-hover {
color: #000;
}
.link-press {
color: #000;
}
.link-underline {
position: relative;
font-weight: 600;
color: #FDB818;
}
.link-underline:after {
content: '';
position: absolute;
bottom: -3px;
transition: inherit;
height: 1px;
left: 0;
right: auto;
opacity: 0;
width: 0;
background: #39BA82;
}
.link-underline:hover, .link-underline:focus, .link-underline:active {
color: #39BA82;
}
.link-underline:hover:after, .link-underline:focus:after, .link-underline:active:after {
opacity: 1;
width: 100%;
}
/** @section Blocks */
.block-center {
margin-left: auto;
margin-right: auto;
}
.block-sm {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.block-sm {
margin-left: 0;
}
}
.block-md {
max-width: 500px;
}
.block-lg {
max-width: 640px;
}
.block-xl {
max-width: 800px;
}
/** @section Boxes */
.box-minimal {
text-align: center;
}
.box-minimal .box-minimal-icon {
font-size: 50px;
line-height: 50px;
color: #39BA82;
}
.box-minimal-divider {
width: 36px;
height: 4px;
margin-left: auto;
margin-right: auto;
background: #39BA82;
}
.box-minimal-text {
width: 100%;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
* + .box-minimal {
margin-top: 30px;
}
* + .box-minimal-title {
margin-top: 10px;
}
* + .box-minimal-divider {
margin-top: 20px;
}
* + .box-minimal-text {
margin-top: 15px;
}
.context-dark .box-minimal p, .bg-gray-700 .box-minimal p, .bg-primary .box-minimal p {
color: #5E5F6B;
}
/*
Box Classic
*/
.box-classic {
max-width: 346px;
transition: 0.33s all ease-in-out;
padding: 0 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.box-classic-icon {
position: relative;
display: inline-block;
transition: inherit;
}
.box-classic-icon .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.box-classic-icon svg {
transition: inherit;
}
.box-classic-icon-1 {
color: #AA51BB;
}
.box-classic-icon-1 svg {
fill: #DDC2E5;
}
.box-classic-icon-2 {
color: #FD7C45;
}
.box-classic-icon-2 svg {
fill: #FFD5C5;
}
.box-classic-icon-3 {
color: #4FD7E5;
}
.box-classic-icon-3 svg {
fill: #C5EDF1;
}
.box-classic-icon-4 {
color: #FBB611;
}
.box-classic-icon-4 svg {
fill: #FAE3AF;
}
* + .box-classic-title {
margin-top: 15px;
}
@media (min-width: 768px) {
.box-classic {
margin-left: 0;
}
}
@media (min-width: 992px) {
.box-classic {
text-align: left;
}
}
@media (min-width: 1200px) {
.desktop .box-classic:hover {
box-shadow: -4px 20px 40px rgba(0, 0, 0, 0.15);
}
.desktop .box-classic:hover svg {
transform: rotate(90deg);
}
.box-classic {
padding:15px 15px 15px 15px; min-height:330px; 
}
* + .box-classic-title {
margin-top: 37px;
}
}
/*
Box Modern
*/
.box-modern {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.box-modern:not(.box-modern-soon) .box-modern-figure {
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.box-modern:not(.box-modern-soon):hover .box-modern-figure {
transform: translate(0, -10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.box-modern-figure {
position: relative;
overflow: hidden;
border-radius: 6px;
transition: all 0.3s ease-in-out;
}
.box-modern-figure a {
display: block;
}
* + .box-modern-title {
margin-top: 16px;
}
@media (min-width: 576px) {
.box-modern-soon {
margin-bottom: 49px;
}
.box-modern {
max-width: none;
}
}
/*
Box Corporate
*/
.box-corporate {
padding: 17px 19px;
box-shadow: -4px 20px 40px rgba(0, 0, 0, 0.15);
transition: 0.33s all ease-in-out;
background: #ffffff;
text-align: center;
max-width: 320px;
margin-left: auto;
margin-right: auto;font-size:16px; min-height:250px
}
.box-corporate .icon {
color: #FDB818;
transition: 0.53s all ease-in-out;
}
.box-corporate:hover .box-corporate-corner {
transform: none;
opacity: 1;
}
.box-corporate:hover .icon {
color: #39BA82;
}
.box-corporate-inner {
position: relative;
padding: 15px 12px 12px 12px;
}
.box-corporate-corner {
position: absolute;
width: 18px;
height: 18px;
transition: 0.33s all ease-in-out;
opacity: 0;
border-color: #39BA82;
border-style: solid;
}
.box-corporate-corner-tl {
top: 0;
left: 0;
transform: translate(120%, 120%);
border-width: 1px 0 0 1px;
}
.box-corporate-corner-tr {
top: 0;
right: 0;
transform: translate(-120%, 120%);
border-width: 1px 1px 0 0;
}
.box-corporate-corner-br {
bottom: 0;
right: 0;
transform: translate(-120%, -120%);
border-width: 0 1px 1px 0;
}
.box-corporate-corner-bl {
bottom: 0;
left: 0;
transform: translate(120%, -120%);
border-width: 0 0 1px 1px;
}
* + .box-corporate-title {
margin-top: 10px;
}
* + .box-corporate-text {
margin-top: 10px;
}
@media (min-width: 576px) {
.box-corporate {
max-width: none;
}
}
@media (min-width: 992px) {
.box-corporate {
text-align: left;
}
}
@media (min-width: 1200px) {
.box-corporate-inner {
padding: 23px 30px 28px 30px;
}
}
@media (min-width: 1600px) {
.box-corporate-inner {
padding:20px;
}
}
/*
Box Side
*/
.box-side {
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
left: 0;
top: 0;
}
@media (min-width: 576px) {
.box-side-left {
border-radius: 0 10px 10px 0;
top: 197px;
right: 74.2%;
bottom: 85px;
}
}
@media (min-width: 576px) {
.box-side-right {
border-radius: 10px 0 0 10px;
top: 197px;
left: 74.2%;
bottom: 85px;
}
}
/*
Page Figure
*/

.page-figure {
display: block;
border-radius: 6px;
margin-bottom:40px;
box-shadow: -4px 20px 40px rgba(0, 0, 0, 0.15);
overflow: hidden;
transition: 0.33s all ease-in-out;
}
.page-figure + .page-figure {
margin-top: 13px;
}
.page-figure:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
/*
Box Scene
*/
.box-scene {
position: relative;
}
.box-scene-img {
max-width: 150px;
z-index: 2;
}
@media (min-width: 768px) {
.box-scene-img {
max-width: 260px;
}
}
@media (min-width: 992px) {
.box-scene-img {
max-width: 300px;
}
}
@media (min-width: 1200px) {
.box-scene-img {
max-width: 350px;
}
}
@media (min-width: 1600px) {
.box-scene-img {
max-width: none;
}
}
/*
Box Samples
*/
.box-samples {
position: relative;
min-height: 100%;
display: flex;
justify-content: space-between;
}
.box-samples-img {
max-width: 30%;
}
@media (min-width: 1200px) {
.box-samples {
display: block;
}
.box-samples-img {
position: absolute;
max-width: 300px;
}
.box-samples-img-1 {
top: 0;
left: 0;
transform: translateY(16%);
}
.box-samples-img-2 {
right: -70px;
transform: translateY(-65%);
bottom: 0;
}
.box-samples-img-3 {
right: -70px;
transform: translateY(46%);
bottom: 0;
}
}
@media (min-width: 1600px) {
.box-samples-img {
max-width: none;
}
.box-samples-img-1 {
left: 65px;
top: 0;
transform: translateY(16%);
}
.box-samples-img-2 {
right: -111px;
bottom: 0;
transform: translateY(-45%);
}
.box-samples-img-3 {
right: -111px;
bottom: 0;
transform: translateY(66%);
}
}
/*
Box Divided
*/
.box-divided {
display: flex;
}
.box-divided-line {
background-color: #5E5F6B;
height: 1px;
width: 37px;
flex-grow: 1;
flex-shrink: 0;
position: relative;
top: 20px;
display: none;
}
.box-divided-text {
line-height: 1.66em;
}
* + .box-divided {
margin-top: 10px;
}
.box-divided + * {
margin-top: 25px;
}
@media (min-width: 1200px) {
.box-divided-line {
display: block;
}
* + .box-divided-text {
margin-top: 0;
margin-left: 20px;
}
* + .box-divided {
margin-top: 38px;
}
}
/*
Box Promo
*/
.box-promo {
position: relative;
}
* + .box-promo {
margin-top: 15px;
}
@media (min-width: 1200px) {
* + .box-promo {
margin-top: 34px;
}
}
/*
Decor Elements
*/
.decor-element {
position: absolute;
}
.decor-element-1 {
top: 50%;
transform: translateY(-50%);
left: 27px;
display: none;
}
.decor-element-2 {
display: none;
}
.decor-element-4 {
display: none;
}
.decor-element-5 {
display: none;
}
@media (min-width: 768px) {
.decor-element-3 {
top: 49.1%;
transform: translateY(-50%);
left: 50px;
z-index: 2;
}
}
@media (min-width: 992px) {
.decor-element-3 {
left: 162px;
}
}
@media (min-width: 1200px) {
.decor-element-1 {
left: -50px;
display: block;
}
.decor-element-2 {
left: 276px;
transform: translateY(-88%);
top: 0;
display: block;
}
.decor-element-3 {
top: 49.1%;
transform: translateY(-50%);
left: 162px;
z-index: 1;
}
.decor-element-4 {
top: 0;
right: 12px;
z-index: 0;
display: block;
}
.decor-element-5 {
top: 70.9%;
transform: translateY(-50%);
right: -13px;
z-index: 1;
display: block;
}
}
@media (min-width: 1600px) {
.decor-element-1 {
left: 27px;
}
.decor-element-2 {
left: -127px;
}
.decor-element-5 {
top: 47.9%;
}
}
/** @section Groups */
html .group {
margin-bottom: -20px;
margin-left: -15px;
}
html .group:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group > * {
margin-top: 0;
margin-bottom: 20px;
margin-left: 15px;
}
html .group-sm {
margin-bottom: -10px;
margin-left: -10px;
}
html .group-sm:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-sm > * {
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
html .group-xl {
margin-bottom: -20px;
margin-left: -30px;
}
html .group-xl:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-xl > * {
margin-top: 0;
margin-bottom: 20px;
margin-left: 30px;
}
@media (min-width: 992px) {
html .group-xl {
margin-bottom: -20px;
margin-left: -45px;
}
html .group-xl > * {
margin-bottom: 20px;
margin-left: 45px;
}
}
html .group-custom {
display: flex;
flex-flow: wrap column;
max-width: 100%;
margin-bottom: -10px;
}
html .group-custom > * {
flex-grow: 1;
width: 100%;
margin-top: 0;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 576px) {
html .group-custom {
flex-flow: row nowrap;
align-items: center;
}
html .group-custom > * {
margin-right: 10px;
}
html .group-custom > *:last-child {
margin-right: 0;
}
}
* + .group-custom {
margin-top: 30px;
}
* + .group {
margin-top: 30px;
}
* + .group-sm {
margin-top: 30px;
}
* + .group-xl {
margin-top: 20px;
}
/** @section Responsive units */
.unit {
display: flex;
flex: 0 1 100%;
margin-bottom: -30px;
margin-left: -20px;
}
.unit > * {
margin-bottom: 30px;
margin-left: 20px;
}
.unit:empty {
margin-bottom: 0;
margin-left: 0;
}
.unit-body {
flex: 0 1 auto;
}
.unit-left, .unit-right {
flex: 0 0 auto;
max-width: 100%;
}
.unit-spacing-xs {
margin-bottom: -15px;
margin-left: -7px;
}
.unit-spacing-xs > * {
margin-bottom: 15px;
margin-left: 7px;
}
.unit-spacing-md {
margin-bottom: 0;
margin-left: -20px;
}
.unit-spacing-md > * {
margin-bottom: 0;
margin-left: 20px;
}
/** @section Lists */
.list > li + li {
margin-top: 10px;
}
.list-xs > li + li {
margin-top: 5px;
}
.list-sm > li + li {
margin-top: 10px;
}
.list-md > li + li {
margin-top: 18px;
}
.list-lg > li + li {
margin-top: 25px;
}
.list-xl > li + li {
margin-top: 30px;
}
@media (min-width: 768px) {
.list-xl > li + li {
margin-top: 60px;
}
}
.list-inline > li {
display: inline-block;
}
.list-inline-md {
transform: translate3d(0, -8px, 0);
margin-bottom: -8px;
margin-left: -10px;
margin-right: -10px;
}
.list-inline-md > * {
margin-top: 8px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.list-inline-md {
margin-left: -15px;
margin-right: -15px;
}
.list-inline-md > * {
padding-left: 15px;
padding-right: 15px;
}
}
.list-terms dt + dd {
margin-top: 5px;
}
.list-terms dd + dt {
margin-top: 25px;
}
* + .list-terms {
margin-top: 25px;
}
.index-list {
counter-reset: li;
}
.index-list > li .list-index-counter:before {
content: counter(li, decimal-leading-zero);
counter-increment: li;
}
.list-marked > li {
position: relative;
padding-left: 15px;
}
.list-marked > li::before {
position: absolute;
display: inline-block;
left: 0;
top: 50%;
transform: translateY(-50%);
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #FDB818;
}
.list-marked > li + li {
margin-top: 4px;
}
* + .list-marked {
margin-top: 18px;
}
p + .list-marked {
margin-top: 10px;
}
@media (min-width: 1200px) {
* + .list-marked {
margin-top: 27px;
}
}
.list-marked.list-inline li + li {
margin-left: 5px;
}
@media (min-width: 768px) {
.list-marked.list-inline li + li {
margin-left: 15px;
}
}
@media (min-width: 1200px) {
.list-marked.list-inline li + li {
margin-left: 35px;
}
}
.list-ordered {
counter-reset: li;
text-align: left;
}
.list-ordered > li {
position: relative;
padding-left: 25px;
}
.list-ordered > li:before {
position: absolute;
content: counter(li, decimal) ".";
counter-increment: li;
top: 0;
left: 0;
display: inline-block;
width: 15px;
color: #b7b7b7;
}
.list-ordered > li + li {
margin-top: 10px;
}
* + .list-ordered {
margin-top: 15px;
}
/** @section Images */
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.img-responsive {
width: 100%;
}
.img-modern {
border-radius: 6px;
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
}
.img-classic {
box-shadow: 10px 28px 40px rgba(0, 0, 0, 0.15);
border-radius: 37px;
}
/** @section Icons */
.icon {
display: inline-block;
font-size: 18px;
line-height: 1;
}
.icon::before {
position: relative;
display: inline-block;
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
}
.icon-default {
color: #8F8F8F;
}
.icon-primary {
color: #39BA82;
}
.icon-circle {
border-radius: 50%;
}
.icon-xs {
font-size: 14px;
}
.icon-sm {
font-size: 16px;
}
.icon-lg {
font-size: 33px;
}
.icon-xl {
font-size: 40px;
}
/** @section Tables custom */
.table-custom {
width: 100%;
min-width: 510px;
max-width: 100%;
text-align: left;
background: #ffffff;
border-collapse: collapse;
}
.table-custom th, .table-custom td {
color: #8F8F8F;
background: #ffffff;
}
.table-custom th {
padding: 35px 24px;
font-size: 14px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
background: #d7d7d7;
}
@media (max-width: 991.98px) {
.table-custom th {
padding-top: 20px;
padding-bottom: 20px;
}
}
.table-custom td {
padding: 17px 24px;
}
.table-custom tbody tr:first-child td {
border-top: 0;
}
.table-custom tr td {
border-bottom: 1px solid #cccccc;
}
.table-custom tfoot td {
font-weight: 700;
}
* + .table-custom-responsive {
margin-top: 30px;
}
@media (min-width: 768px) {
* + .table-custom-responsive {
margin-top: 40px;
}
}
.table-custom.table-custom-primary thead th {
color: #ffffff;
background: #39BA82;
border: 0;
}
.table-custom.table-custom-primary tbody tr:hover td {
background: #d7d7d7;
}
.table-custom.table-custom-bordered tr td:first-child {
border-left: 0;
}
.table-custom.table-custom-bordered tr td:last-child {
border-right: 0;
}
.table-custom.table-custom-bordered td {
border: 1px solid #cccccc;
}
.table-custom.table-custom-bordered tbody > tr:first-of-type > td {
border-top: 0;
}
.table-custom.table-custom-striped {
border-bottom: 1px solid #cccccc;
}
.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td {
background: transparent;
}
.table-custom.table-custom-striped tbody tr:nth-of-type(even) td {
background: #d7d7d7;
}
.table-custom.table-custom-striped tbody td {
border: 0;
}
.table-custom.table-custom-striped tfoot td:not(:first-child) {
border-left: 0;
}
@media (max-width: 991.98px) {
.table-custom-responsive {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-custom-responsive.table-bordered {
border: 0;
}
}
/** @section Dividers */
hr {
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #d7d7d7;
}
.divider {
font-size: 0;
line-height: 0;
}
.divider::after {
content: '';
display: inline-block;
width: 60px;
height: 2px;
background-color: #39BA82;
}
/** @section Buttons */
.button {
position: relative;
overflow: hidden;
display: inline-block;
padding: 17px 40px;
font-size: 14px;
line-height: 1.25;
border: 2px solid;
font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
letter-spacing: 0.031em;
text-transform: uppercase;
border-radius: 60px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
cursor: pointer;
vertical-align: middle;
user-select: none;
transition: .2s all ease-in-out;
}
.button.button-icon {
display: inline-flex;
justify-content: center;
align-items: center;
vertical-align: middle;
}
.button.button-icon .icon {
position: relative;
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: 1.55em;
line-height: 1em;
}
.button.button-icon-left .icon {
padding-right: 11px;
}
.button.button-icon-right {
flex-direction: row-reverse;
}
.button.button-icon-right .icon {
padding-left: 11px;
}
.button.button-icon.button-link .icon {
top: 5px;
font-size: 1em;
}
.button.button-icon.button-xs .icon {
top: .05em;
font-size: 1.2em;
padding-right: 8px;
}
.button.button-icon.button-xs .button-icon-right {
padding-left: 8px;
}
.button-block {
display: block;
width: 100%;
}
.button-default, .button-default:focus {
color: #cccccc;
background-color: #8F8F8F;
border-color: #8F8F8F;
}
.button-default:hover, .button-default:active, .button-default.active {
color: #ffffff;
background-color: #39BA82;
border-color: #39BA82;
}
.button-default.button-ujarak::before {
background: #39BA82;
}
.button-gray-100, .button-gray-100:focus {
color: #151515;
background-color: #edeff4;
border-color: #edeff4;
}
.button-gray-100:hover, .button-gray-100:active, .button-gray-100.active {
color: #151515;
background-color: #dde1ea;
border-color: #dde1ea;
}
.button-gray-100.button-ujarak::before {
background: #dde1ea;
}
.button-primary, .button-primary:focus {
color: #ffffff;
background-color: #39BA82;
border-color: #39BA82;
}
.button-primary:hover, .button-primary:active, .button-primary.active {
color: #ffffff;
background-color: #FDB818;
border-color: #FDB818;
}
.button-primary.button-ujarak::before {
background: #FDB818;
}
.button-default-outline, .button-default-outline:focus {
color: #cccccc;
background-color: transparent;
border-color: #8F8F8F;
}
.button-default-outline:hover, .button-default-outline:active, .button-default-outline.active {
color: #ffffff;
background-color: #39BA82;
border-color: #39BA82;
}
.button-default-outline.button-ujarak::before {
background: #39BA82;
}
.button-ghost {
border: 0;
background-color: transparent;
}
.button-ghost:hover {
color: #ffffff;
background: #39BA82;
}
.button-facebook, .button-facebook:focus {
color: #ffffff;
background-color: #4d70a8;
border-color: #4d70a8;
}
.button-facebook:hover, .button-facebook:active, .button-facebook.active {
color: #ffffff;
background-color: #456497;
border-color: #456497;
}
.button-facebook.button-ujarak::before {
background: #456497;
}
.button-twitter, .button-twitter:focus {
color: #ffffff;
background-color: #02bcf3;
border-color: #02bcf3;
}
.button-twitter:hover, .button-twitter:active, .button-twitter.active {
color: #ffffff;
background-color: #02a8da;
border-color: #02a8da;
}
.button-twitter.button-ujarak::before {
background: #02a8da;
}
.button-google, .button-google:focus {
color: #ffffff;
background-color: #e2411e;
border-color: #e2411e;
}
.button-google:hover, .button-google:active, .button-google.active {
color: #ffffff;
background-color: #cc3a1a;
border-color: #cc3a1a;
}
.button-google.button-ujarak::before {
background: #cc3a1a;
}
.button-shadow {
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
}
.button-shadow:hover {
box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.2);
}
.button-shadow:focus, .button-shadow:active {
box-shadow: none;
}
.button-ujarak {
position: relative;
z-index: 0;
transition: background .4s, border-color .4s, color .4s;
}
.button-ujarak::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #39BA82;
z-index: -1;
opacity: 0;
transform: scale3d(0.7, 1, 1);
transition: transform 0.42s, opacity 0.42s;
border-radius: inherit;
}
.button-ujarak, .button-ujarak::before {
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-ujarak:hover {
transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
}
.button-ujarak:hover::before {
opacity: 1;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.button-xs {
padding: 8px 17px;
}
.button-sm {
padding: 5px 25px;
font-size: 12px;
line-height: 1.5;
}
.button-lg {
padding: 12px 50px;
font-size: 14px;
line-height: 1.5;
}
.button-xl {
padding: 16px 50px;
font-size: 16px;
line-height: 28px;
}
@media (min-width: 992px) {
.button-xl {
padding: 20px 80px;
}
}
.button-circle {
border-radius: 30px;
}
.button-round-1 {
border-radius: 5px;
}
.button-round-2 {
border-radius: 10px;
}
.btn-primary {
border-radius: 3px;
font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase;
transition: .33s;
}
.btn-primary, .btn-primary:active, .btn-primary:focus {
color: #ffffff;
background: #39BA82;
border-color: #39BA82;
}
.btn-primary:hover {
color: #ffffff;
background: #000000;
border-color: #000000;
}
/** @section Forms */
.rd-form {
position: relative;
text-align: left;
}
.rd-form .button {
padding-top: 10px;
padding-bottom: 10px;
min-height: 50px;
}
* + .rd-form {
margin-top: 20px;
}
input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation {
color: #000000 !important;
}
.form-wrap {
position: relative;
}
.form-wrap.has-error .form-input {
border-color: #f5543f;
}
.form-wrap.has-focus .form-input {
border-color: #39BA82;
}
.form-wrap + * {
margin-top: 20px;
}
.form-input {
display: block;
width: 100%;
min-height: 50px;
padding: 12px 19px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #b7b7b7;
background-color: #f5f5f5;
background-image: none;
border-radius: 60px;
-webkit-appearance: none;
transition: .3s ease-in-out;
border: 1px solid #f5f5f5;
}
.form-input:focus {
outline: 0;
}
textarea.form-input {
height: 135px;
min-height: 50px;
max-height: 230px;
resize: vertical;
}
.recaptcha div {
display: block;
transform-origin: 0 0;
}
.recaptcha iframe {
display: block;
}
.form-label, .form-label-outside {
margin-bottom: 0;
color: #b7b7b7;
font-weight: 400;
}
.form-label {
position: absolute;
top: 25px;
left: 0;
right: 0;
padding-left: 19px;
padding-right: 19px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
pointer-events: none;
text-align: left;
z-index: 9;
transition: .25s;
will-change: transform;
transform: translateY(-50%);
}
.form-label.focus {
opacity: 0;
}
.form-label.auto-fill {
color: #b7b7b7;
}
.form-label-outside {
width: 100%;
margin-bottom: 4px;
}
@media (min-width: 768px) {
.form-label-outside {
position: static;
}
.form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill {
transform: none;
}
}
[data-x-mode='true'] .form-label {
pointer-events: auto;
}
.form-validation {
position: absolute;
right: 8px;
top: 0;
z-index: 11;
margin-top: 2px;
font-size: 9px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0;
color: #f5543f;
transition: .3s;
}
.form-validation-left .form-validation {
right: auto;
left: 8px;
}
#form-output-global {
position: fixed;
bottom: 30px;
left: 15px;
z-index: 2000;
visibility: hidden;
transform: translate3d(-500px, 0, 0);
transition: .3s all ease;
}
#form-output-global.active {
visibility: visible;
transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
#form-output-global {
left: 30px;
}
}
.form-output {
position: absolute;
top: 100%;
left: 0;
font-size: 10px;
font-weight: 400;
line-height: 1.2;
margin-top: 2px;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.form-output.active {
opacity: 1;
visibility: visible;
}
.form-output.error {
color: #f5543f;
}
.form-output.success {
color: #98bf44;
}
.radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom {
opacity: 0;
}
.radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy {
position: absolute;
left: 0;
width: 14px;
height: 14px;
outline: none;
cursor: pointer;
}
.radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy {
pointer-events: none;
background: #ffffff;
}
.radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after, .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after {
position: absolute;
opacity: 0;
transition: .22s;
}
.radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus {
outline: none;
}
.radio input, .radio-inline input, .checkbox input, .checkbox-inline input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after {
opacity: 1;
}
.radio, .radio-inline {
padding-left: 28px;
}
.radio .radio-custom-dummy, .radio-inline .radio-custom-dummy {
top: 1px;
left: 0;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #b7b7b7;
}
.radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after {
content: '';
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background: #8F8F8F;
border-radius: inherit;
}
.checkbox, .checkbox-inline {
padding-left: 28px;
}
.checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy {
left: 0;
width: 18px;
height: 18px;
margin: 0;
border: 1px solid #b7b7b7;
}
.checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after {
content: '\f222';
font-family: "Material Design Icons";
position: absolute;
top: -1px;
left: -2px;
font-size: 20px;
line-height: 18px;
color: #cccccc;
}
.toggle-custom {
padding-left: 60px;
-webkit-appearance: none;
}
.toggle-custom:checked ~ .checkbox-custom-dummy::after {
background: #39BA82;
transform: translate(20px, -50%);
}
.toggle-custom ~ .checkbox-custom-dummy {
position: relative;
display: inline-block;
margin-top: -1px;
width: 44px;
height: 20px;
background: #f5f5f5;
cursor: pointer;
}
.toggle-custom ~ .checkbox-custom-dummy::after {
content: '';
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
left: 0;
top: 50%;
background: #b7b7b7;
transform: translate(4px, -50%);
opacity: 1;
transition: .22s;
}
.rd-form-inline {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
text-align: center;
margin-bottom: -10px;
margin-left: -10px;
}
.rd-form-inline:empty {
margin-bottom: 0;
margin-left: 0;
}
.rd-form-inline > * {
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.rd-form-inline > * {
margin-top: 0;
}
.rd-form-inline .form-wrap {
flex-grow: 1;
min-width: 270px;
}
.rd-form-inline .form-wrap-select {
text-align: left;
}
.rd-form-inline .form-button {
flex-shrink: 0;
max-width: calc(100% - 10px);
min-height: 50px;
}
.rd-form-inline .form-button .button {
min-height: inherit;
}
@media (min-width: 576px) {
.rd-form-inline .button {
display: block;
}
}
.rd-form-inline.rd-form-inline-centered {
justify-content: center;
}
.form-sm .form-input, .form-sm .button {
padding-top: 9px;
padding-bottom: 9px;
min-height: 40px;
}
.form-sm .form-validation {
top: -16px;
}
.form-sm .form-label {
top: 20px;
}
.form-sm * + .button {
margin-top: 10px;
}
.form-lg .form-input, .form-lg .form-label, .form-lg .select2-container .select2-choice {
font-size: 16px;
}
.form-lg .form-input, .form-lg .select2-container .select2-choice {
min-height: 58px;
padding-top: 17px;
padding-bottom: 17px;
font-size: 16px;
}
.form-lg .form-button {
min-height: 60px;
}
.form-lg .form-label {
top: 30px;
}
/** @section Posts */
/** @section Quotes */
.quote-primary-mark {
position: relative;
top: 6px;
display: block;
width: 37px;
height: 27px;
fill: #39BA82;
flex-shrink: 0;
}
.quote-primary-body {
position: relative;
padding: 25px 0;
border-top: 1px solid #d7d7d7;
}
.quote-primary-body::before, .quote-primary-body::after {
content: '';
position: absolute;
bottom: 0;
height: 13px;
border-style: solid;
border-color: #d7d7d7;
}
.quote-primary-body::before {
left: 0;
width: 78px;
border-width: 1px 1px 0 0;
}
.quote-primary-body::after {
right: 0;
width: calc(100% - 78px - 12px);
border-width: 1px 0 0 1px;
transform-origin: 0 0;
transform: skew(-45deg);
}
.quote-primary-text {
padding-top: 20px;
}
.quote-primary-cite {
font-weight: 700;
}
.quote-primary-footer {
padding-left: 5px;
}
* + .quote-primary {
margin-top: 30px;
}
* + .quote-primary-footer {
margin-top: 8px;
}
@media (min-width: 576px) {
.quote-primary-body {
display: flex;
padding: 32px 20px 40px 30px;
}
.quote-primary-text {
padding-top: 0;
padding-left: 20px;
}
.quote-primary-footer {
padding-left: 30px;
}
}
@media (min-width: 768px) {
.quote-primary-body {
padding-right: 40px;
}
}
/** @section Thumbnails */
.figure-light figcaption {
padding-top: 10px;
color: #b7b7b7;
}
/** @section Breadcrumbs */
.breadcrumbs-custom {
position: relative;
padding: 35px 0 40px;
text-align: center;
background-color: #cccccc;
background-position: center;
}
.breadcrumbs-custom-path {
margin-left: -15px;
margin-right: -15px;
}
.breadcrumbs-custom-path > * {
padding-left: 15px;
padding-right: 15px;
}
.breadcrumbs-custom-path a {
display: inline;
vertical-align: middle;
}
.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
color: #39BA82;
}
.breadcrumbs-custom-path li {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 1.7;
}
.breadcrumbs-custom-path li::after {
content: "";
font-family: 'FontAwesome';
position: absolute;
top: 52%;
right: -5px;
display: inline-block;
font-size: inherit;
font-style: normal;
color: rgba(255, 255, 255, 0.5);
transform: translate3d(0, -50%, 0);
}
.breadcrumbs-custom-path li:last-child:after {
display: none;
}
.breadcrumbs-custom-path a:hover, .breadcrumbs-custom-path li.active {
color: #ffffff;
}
.breadcrumbs-custom-path li.active {
top: 2px;
}
* + .breadcrumbs-custom-path {
margin-top: 14px;
}
@media (max-width: 991.98px) {
.breadcrumbs-custom-title {
font-size: 26px;
}
}
@media (min-width: 576px) {
.breadcrumbs-custom {
margin-left: -30px;
margin-right: -30px;
}
.breadcrumbs-custom > * {
padding-left: 30px;
padding-right: 30px;
}
* + .breadcrumbs-custom-path {
margin-top: 18px;
}
}
@media (min-width: 768px) {
.breadcrumbs-custom {
padding: 70px 0 80px;
}
.breadcrumbs-custom-path li {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.breadcrumbs-custom {
padding: 80px 0 100px;
}
}
@media (min-width: 1600px) {
.breadcrumbs-custom {
padding: 80px 0 100px;
}
}
/** @section Pagination custom */
.pagination {
font-size: 0;
line-height: 0;
margin-bottom: -10px;
margin-left: -10px;
}
.pagination:empty {
margin-bottom: 0;
margin-left: 0;
}
.pagination > * {
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.page-item {
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: 700;
}
.page-link {
display: inline-block;
min-width: 48px;
padding: 10px 10px;
border: 2px solid #d7d7d7;
font-size: 14px;
line-height: 1.71429;
background-color: #ffffff;
color: #5E5F6B;
transition: all 0.3s ease-in-out;
}
.page-link:hover, .page-link:focus, .page-link:active {
color: #ffffff;
background-color: #39BA82;
border-color: #39BA82;
}
.page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active {
color: #ffffff;
background-color: #39BA82;
border-color: #39BA82;
}
.page-item.disabled > .page-link, .page-item.disabled > .page-link:hover, .page-item.disabled > .page-link:focus, .page-item.disabled > .page-link:active {
color: #b7b7b7;
background-color: #d7d7d7;
border-color: #d7d7d7;
}
.page-item-control .icon::before {
font-family: 'FontAwesome';
font-size: 11px;
line-height: 24px;
}
.page-item-control:first-child .icon::before {
content: '\f053';
margin-left: -1px;
}
.page-item-control:last-child .icon::before {
content: '\f054';
margin-right: -1px;
}
/** @section Snackbars */
.snackbars {
padding: 9px 16px;
margin-left: auto;
margin-right: auto;
color: #ffffff;
text-align: left;
background-color: #151515;
border-radius: 0;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
font-size: 14px;
}
.snackbars .icon-xxs {
font-size: 18px;
}
.snackbars p span:last-child {
padding-left: 14px;
}
.snackbars-left {
display: inline-block;
margin-bottom: 0;
}
.snackbars-right {
display: inline-block;
float: right;
text-transform: uppercase;
}
.snackbars-right:hover {
text-decoration: underline;
}
@media (min-width: 576px) {
.snackbars {
max-width: 540px;
padding: 12px 15px;
font-size: 15px;
}
}
/** @section Footers */
.footer-classic {
padding: 30px 0;
background: #edeff4;
}
/** @group Plugins */
/** @section Animate */
.animated {
animation-duration: 1s;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
html:not(.lt-ie10) .not-animated {
opacity: 0;
}
.ipad .not-animated, .ios .not-animated {
opacity: 1 !important;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideOutDown {
0% {
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
/** @section Preloader */
.preloader {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background: #ffffff;
transition: .3s all ease;
}
[data-x-mode='true'] .preloader, .preloader.loaded {
opacity: 0;
visibility: hidden;
}
.preloader-body {
text-align: center;
}
.preloader-body p {
position: relative;
right: -8px;
}
.cssload-container {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
animation: loader 1.2s infinite ease-in-out;
}
.cssload-container span {
position: absolute;
display: block;
width: 40px;
height: 40px;
background-color: #39BA82;
animation: loaderBlock 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(1) {
top: 0;
left: 0;
}
.cssload-container span:nth-child(2) {
top: 0;
right: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(3) {
bottom: 0;
left: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(4) {
bottom: 0;
right: 0;
}
@keyframes loader {
0%, 10%, 100% {
width: 86px;
height: 86px;
}
65% {
width: 150px;
height: 150px;
}
}
@keyframes loaderBlock {
0%, 30% {
transform: rotate(0);
}
55% {
background-color: #FDB818;
}
100% {
transform: rotate(90deg);
}
}
@keyframes loaderBlockInverse {
0%, 20% {
transform: rotate(0);
}
55% {
background-color: #FDB818;
}
100% {
transform: rotate(-90deg);
}
}
/** @section ToTop */
.ui-to-top {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 100;
width: 50px;
height: 50px;
font-size: 20px;
line-height: 46px;
color: #ffffff;
background: #FDB818;
overflow: hidden;
text-align: center;
text-decoration: none;
transition: .45s all ease-in-out;
transform: translate3d(0, 100px, 0);
}
.ui-to-top:hover {
color: #ffffff;
background: #111111;
text-decoration: none;
}
.ui-to-top:focus {
color: #ffffff;
}
.ui-to-top.active {
transform: translate3d(0, 0, 0);
}
html.mobile .ui-to-top, html.tablet .ui-to-top {
display: none !important;
}
@media (min-width: 576px) {
.ui-to-top {
right: 40px;
bottom: 40px;
}
}
/** @section Owl Carousel */
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav, .owl-carousel .owl-dots {
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next, .owl-carousel .owl-dot {
cursor: pointer;
user-select: none;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .owl-nav {
pointer-events: none;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next {
position: absolute;
top: 47%;
transform: translateY(-47%);
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
border-radius: 3px;
font-size: 26px;
line-height: 1;
cursor: pointer;
pointer-events: auto;
background: transparent;
color: #151515;
}
.owl-carousel .owl-prev::before, .owl-carousel .owl-prev::after, .owl-carousel .owl-next::before, .owl-carousel .owl-next::after {
display: block;
font-family: "FontAwesome";
}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {
text-decoration: none;
color: #39BA82;
}
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled {
opacity: .5;
cursor: default;
}
.owl-carousel .owl-prev {
left: 10px;
}
.owl-carousel .owl-prev::before {
content: '\f104';
}
.owl-carousel .owl-next {
right: 10px;
}
.owl-carousel .owl-next::before {
content: '\f105';
}
.owl-carousel .owl-dots {
text-align: center;
}
.owl-carousel .owl-dot {
display: inline-block;
zoom: 1;
margin: 0 5px;
}
.owl-carousel .owl-dot span {
position: relative;
width: 10px;
height: 10px;
background: #151515;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 5px;
}
.owl-carousel .owl-dot span:before {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
}
.owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover span {
background: #39BA82;
}
.owl-carousel * + .owl-dots {
margin-top: 30px;
}
.owl-carousel[data-auto-height="true"] .owl-height {
transition: .3s ease-out height;
}
/*
Owl Style 1
*/
.owl-carousel.owl-style-1 {
text-align: center;
max-width: 59.33%;
margin-left: auto;
margin-right: auto;
}
.owl-carousel.owl-style-1 .owl-stage-outer {
overflow: visible;
}
.owl-carousel.owl-style-1 .owl-prev, .owl-carousel.owl-style-1 .owl-next {
background-color: transparent;
background-size: cover;
background-position: center center;
color: #ffffff;
}
.owl-carousel.owl-style-1 .owl-prev:before, .owl-carousel.owl-style-1 .owl-next:before {
font-family: "Material Design Icons";
}
.owl-carousel.owl-style-1 .owl-prev svg, .owl-carousel.owl-style-1 .owl-next svg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
transition: 0.33s all ease-in-out;
will-change: transform;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.owl-carousel.owl-style-1 .owl-prev svg path, .owl-carousel.owl-style-1 .owl-next svg path {
transition: inherit;
}
.owl-carousel.owl-style-1 .owl-prev:hover svg, .owl-carousel.owl-style-1 .owl-next:hover svg {
transform: rotate(90deg);
}
.owl-carousel.owl-style-1 .owl-prev:hover svg path, .owl-carousel.owl-style-1 .owl-next:hover svg path {
fill: #FDB818;
}
.owl-carousel.owl-style-1 .owl-next:before {
content: '\f14f';
}
.owl-carousel.owl-style-1 .owl-prev:before {
content: '\f14a';
}
.owl-carousel.owl-style-1 .owl-prev {
left: -40px;
}
.owl-carousel.owl-style-1 .owl-next {
right: -40px;
}
@media (min-width: 992px) {
.owl-carousel.owl-style-1 .owl-prev {
left: -45px;
}
.owl-carousel.owl-style-1 .owl-next {
right: -45px;
}
}
@media (min-width: 1200px) {
.owl-carousel.owl-style-1 .owl-prev {
left: -48px;
}
.owl-carousel.owl-style-1 .owl-next {
right: -48px;
}
}
* + .owl-style-1 {
margin-top: 50px;
}
.container-custom {
width:85%;
margin:0 auto
}
@media (min-width: 767px) {
.col-lg-2 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 991px) {
.col-lg-2 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1100px) {
.col-lg-2 {
flex: 0 0 20%;
max-width: 20%;
}
}