html *:first-child {
margin-top: 0;
}
html *:last-child {
margin-bottom: 0;
}
body {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.71429;
color: #9b9b9b;
background-color: #fff;
}
mark {
background: #8f859e;
color: #fff;
padding: 2px 4px;
}
a {
color: #8f859e;
text-decoration: none;
transition: all 250ms ease-in;
}
a:hover,
a:focus {
color: #695f77;
text-decoration: none;
outline: none;
}
a[href*="callto"],
a[href*="mailto"] {
white-space: nowrap;
}
a.hover,
a.active {
color: #1d8047;
}
.link-gray,
.link-gray:active,
.link-gray:focus {
color: #9b9b9b;
}
.link-gray:hover {
color: #8f859e;
}
.link-gray-dark,
.link-gray-dark:active,
.link-gray-dark:focus {
color: #363d41;
}
.link-gray-dark:hover {
color: #8f859e;
}
.link-gray-darker,
.link-gray-darker:active,
.link-gray-darker:focus {
color: #151515;
}
.link-gray-darker:hover {
color: #8f859e;
}
.link-hover {
color: #695f77;
}
.link-press {
color: #695f77;
}
.link-underline {
text-decoration: underline;
}
.site-map-link {
color: #151515;
}
.site-map-link:before {
padding-right: 17px;
color: #151515;
font-size: 15px;
}
.heading-link {
font-size: 18px;
font-family: "Poppins", Helvetica, Arial, sans-serif;
}
.p a:hover,
.list a:hover {
text-decoration: underline;
}
.p a.site-map-link,
.list a.site-map-link {
text-decoration: none;
}
.overflow-hidden {
overflow: hidden;
}
p {
margin-bottom: 0;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 4px;
} /*
*
* Typography
* ==================================================
*/
h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
margin-top: 0;
margin-bottom: 0;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 0;
color: #151515;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.heading-1 a,
.heading-2 a,
.heading-3 a,
.heading-4 a,
.heading-5 a,
.heading-6 a {
transition: 0.3s all ease;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.heading-1 a:hover,
.heading-2 a:hover,
.heading-3 a:hover,
.heading-4 a:hover,
.heading-5 a:hover,
.heading-6 a:hover {
color: #695f77;
}
h1,
.heading-1 {
font-size: 48px;
line-height: 1.2;
}
h2,
.heading-2 {
font-size: 32px;
line-height: 1.5;
}
h3,
.heading-3 {
font-size: 28px;
line-height: 1.5;
}
h4,
.heading-4 {
font-size: 20px;
line-height: 1.5;
}
h5,
.heading-5 {
font-size: 18px;
line-height: 1.5;
}
h6,
.heading-6 {
font-size: 17px;
line-height: 1.5;
}
@media (min-width: 768px) {
h6,
.heading-6 {
line-height: 1.25;
font-size: 16px;
}
}
.heading-variant-1 > span {
display: inline-block;
}
.heading-variant-1 > span + * {
margin-top: 15px;
}
* + .page .subtitle-group-variant-1 {
margin-top: 15px;
}
@media (min-width: 1200px) {
.page .subtitle-group-variant-1 {
padding-top: 10px;
padding-bottom: 20px;
}
}
.big {
font-size: 16px;
}
small,
.small {
display: block;
font-size: 12px;
}
hr {
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #ebebeb;
}
.divider {
display: inline-block;
margin-bottom: 0;
border: none;
height: 1px;
width: 100%;
background-color: #8f859e;
}
.divider-xs {
max-width: 45px;
height: 2px;
}
.divider-xs-2 {
max-width: 85px;
height: 2px;
}
.divider-sm {
max-width: 160px;
}
.divider-left {
margin-left: 0;
}
.divider-custom {
position: relative;
background-color: #ddd;
}
.divider-custom:before {
position: absolute;
top: 0;
left: 0;
width: 45px;
border-top: 1px solid #8f859e;
content: "";
display: inline-block;
}
.divider-secondary {
background: #dcd1d5;
}
.heading-subtitle-divider-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
* + .heading-subtitle-divider-wrap {
margin-top: 15px;
}
.heading-subtitle-divider-wrap:before {
content: "";
display: inline-block;
margin-bottom: 15px;
border-top: 4px solid #dcd1d5;
width: 125px;
}
@media (min-width: 768px) {
.heading-subtitle-divider-wrap {
align-items: center;
flex-direction: row;
}
* + .heading-subtitle-divider-wrap {
margin-top: 25px;
}
.heading-subtitle-divider-wrap:before {
margin-bottom: 0;
margin-right: 15px;
}
} /*
*
* Backgrounds
* ==================================================
*/
.bg-white {
background-color: #fff;
}
.bg-white + .bg-white {
padding-top: 0;
}
.bg-gray-dark {
background-color: #363d41;
}
.bg-gray-dark + .bg-gray-dark {
padding-top: 0;
}
.bg-gray-light {
background-color: #f2f3f8;
}
.bg-gray-light + .bg-gray-light {
padding-top: 0;
}
.bg-primary {
background-color: #8f859e;
}
.bg-primary + .bg-primary {
padding-top: 0;
}
.bg-gray-10 {
background-color: #6f6f6f;
}
.bg-gray-10 + .bg-gray-10 {
padding-top: 0;
}
.bg-gray-13 {
background-color: #323232;
}
.bg-gray-13 + .bg-gray-13 {
padding-top: 0;
}
.bg-gray-11 {
background-color: #3b3b3b;
}
.bg-gray-11 + .bg-gray-11 {
padding-top: 0;
}
.bg-secondary-3 {
background-color: #464646;
}
.bg-secondary-3 + .bg-secondary-3 {
padding-top: 0;
}
.bg-half-secondary-3 {
position: relative;
}
.bg-half-secondary-3:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 70%;
content: "";
background-color: #464646;
z-index: -1;
}
.bg-half-secondary-3 p {
color: rgba(255, 255, 255, 0.5);
}
.bg-secondary-3 + .bg-half-secondary-3 {
padding-top: 0;
}
@media (min-width: 768px) {
.bg-half-secondary-3:before {
bottom: 60%;
}
}
@media (min-width: 1200px) {
.bg-half-secondary-3:before {
bottom: 44%;
}
}
.bg-secondary-4 {
background: #f3f3f3;
}
.bg-soon {
background: url(../images/coming-soon.jpg) no-repeat 50%;
}
.bg-image {
background-size: cover;
background-position: center top;
}
@media (min-width: 992px) {
html.desktop .bg-fixed {
background-attachment: fixed;
}
} /*
*
* Colors
* ==================================================
*/
.page .text-gray-base {
color: #000;
}
.page a.text-gray-base:hover,
.page a.text-gray-base:focus {
color: #8f859e;
}
.page .text-gray-darker {
color: #151515;
}
.page a.text-gray-darker:hover,
.page a.text-gray-darker:focus {
color: #8f859e;
}
.page .text-gray-dark {
color: #363d41;
}
.page a.text-gray-dark:hover,
.page a.text-gray-dark:focus {
color: #8f859e;
}
.page .text-gray {
color: #9b9b9b;
}
.page a.text-gray:hover,
.page a.text-gray:focus {
color: #8f859e;
}
.page .text-gray-light {
color: #f2f3f8;
}
.page a.text-gray-light:hover,
.page a.text-gray-light:focus {
color: #8f859e;
}
.page .text-gray-lighter {
color: #ebebeb;
}
.page a.text-gray-lighter:hover,
.page a.text-gray-lighter:focus {
color: #8f859e;
}
.page .text-primary {
color: #8f859e;
}
.page a.text-primary:hover,
.page a.text-primary:focus {
color: #756a86;
}
.page .text-secondary {
color: #dcd1d5;
}
.page a.text-secondary:hover,
.page a.text-secondary:focus {
color: #c6b4bb;
}
.page .text-white {
color: #fff;
}
.page a.text-white:hover,
.page a.text-white:focus {
color: #e6e6e6;
} /*
*
* Main layout
* ==================================================
*/
.element-mod {
color: #151515;
}
.figure-default {
color: #9b9b9b;
}
.figure-default figcaption {
margin-top: 10px;
}
.subtitle {
font-size: 24px;
}
.extra-large {
font-size: 90px;
line-height: 1.3;
}
@media (min-width: 768px) {
.extra-large {
font-size: 140px;
}
}
@media (min-width: 1200px) {
.extra-large {
font-size: 220px;
line-height: 1;
}
}
.text-decoration-lines {
position: relative;
overflow: hidden;
width: 100%;
}
.text-decoration-lines-content {
position: relative;
display: inline-block;
min-width: 170px;
font-size: 12px;
text-transform: uppercase;
}
.text-decoration-lines-content:before,
.text-decoration-lines-content:after {
content: "";
position: absolute;
height: 1px;
background: #f5f5f5;
top: 50%;
width: 100vw;
}
.text-decoration-lines-content:before {
left: 0;
transform: translate(-100%, -50%);
}
.text-decoration-lines-content:after {
right: 0;
transform: translate(100%, -50%);
}
* + .text-decoration-lines {
margin-top: 25px;
}
.page {
position: relative;
overflow: hidden;
min-height: 100vh !important;
}
.page-header {
padding: 0;
margin: 0;
border-bottom: none;
}
.page-footer {
padding-bottom: 40px;
}
@media (min-width: 1200px) {
.page-footer {
padding-bottom: 75px;
}
}
.job-offer {
padding: 23px 27px 20px;
box-shadow: 0 2px 5px rgba(68, 73, 83, 0.12);
border-radius: 6px;
text-align: left;
}
@media (min-width: 1200px) {
.job-offer {
padding: 37px 48px 44px;
}
}
.job-offer .list-inline {
margin-left: -7px;
margin-right: -7px;
}
.job-offer .list-inline li {
padding-left: 7px;
padding-right: 7px;
}
.job-offer .list-inline li span + span {
margin-left: 5px;
}
.job-offer-title {
font-size: 24px;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #151515;
}
.job-offer-title:hover {
color: #8f859e;
}
.page-img-wrap {
position: relative;
display: block;
height: 372px;
max-width: 368px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
box-shadow: 0 11px 32px 0 rgba(107, 127, 142, 0.21);
}
.page-img-wrap img {
position: absolute;
top: 0;
left: 0;
right: 0;
transition: 3s linear;
}
.page-img-wrap-coming-soon {
display: block;
box-shadow: 0 11px 32px 0 rgba(107, 127, 142, 0.21);
max-width: 368px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.page-img-wrap-coming-soon img {
position: relative;
left: 50%;
transform: translateX(-50%);
max-width: none;
}
.page-img-wrap:hover img {
transform: translate3d(0, calc(-100% + 393px), 0);
}
.ie-10 .page-img-wrap:hover img,
.ie-11 .page-img-wrap:hover img,
.ie-edge .page-img-wrap:hover img {
top: 393px;
transform: translate3d(0, -100%, 0);
}
.page .img-wrap-mod-1 {
position: relative;
z-index: 1;
}
.page .img-wrap-mod-1 figure {
transform: translate(0, 55px);
}
.page .img-wrap-mod-1 figure:first-of-type {
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: translate(-10px, -15px);
}
@media (min-width: 768px) {
.page .img-wrap-mod-1 figure:first-of-type {
transform: translate(-40px, -15px);
}
}
@media (min-width: 1200px) {
.page .img-wrap-mod-1 figure {
transform: translate(100px, 55px);
}
.page .img-wrap-mod-1 figure:first-of-type {
transform: translate(40px, -75px);
}
}
.page .img-wrap-mod-3 {
margin-bottom: -7px;
}
.figure-shadow {
display: inline-block;
box-shadow: 0 11px 32px 0 rgba(107, 127, 142, 0.21);
}
.fa-hover {
text-align: left;
}
.fa-hover > * {
padding-right: 10px;
}
.fa-hover i:before,
.fa-hover [class*="linear-icon-"] {
font-style: normal;
display: inline-block;
min-width: 30px;
color: #8f859e;
font-size: 28px;
line-height: 2;
vertical-align: middle;
}
.dtp .p10 {
margin-top: 6px;
}
.text-width-430 {
max-width: 430px;
margin-left: auto;
margin-right: auto;
} /*
*
* Components
* ==================================================
*/ /*
*
* Icons
* --------------------------------------------------
*/
.icon {
display: inline-block;
line-height: 24px;
}
.icon:before {
position: relative;
display: inline-block;
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-primary {
color: #32AD66;
}
.icon-secondary {
color: #dcd1d5;
}
.icon-gray-3 {
color: #636e74;
}
.icon-gray-8 {
color: #434345;
}
.icon-gray-12 {
color: #4d4d4d;
}
.icon-white {
color: #fff;
}
.page a.icon-gray-3,
.page a.icon-gray-3:active,
.page a.icon-gray-3:focus {
color: #636e74;
}
.page a.icon-gray-3:hover {
color: #8f859e;
}
.page a.icon-gray-8,
.page a.icon-gray-8:active,
.page a.icon-gray-8:focus {
color: #434345;
}
.page a.icon-gray-8:hover {
color: #8f859e;
}
.page a.icon-gray-12,
.page a.icon-gray-12:active,
.page a.icon-gray-12:focus {
color: #4d4d4d;
}
.page a.icon-gray-12:hover {
color: #dcd1d5;
}
.page a.icon-white,
.page a.icon-white:active,
.page a.icon-white:focus {
color: #fff;
}
.page a.icon-white:hover {
color: #dcd1d5;
}
.page a.icon-primary,
.page a.icon-primary:active,
.page a.icon-primary:focus {
color: #8f859e;
}
.page a.icon-primary:hover {
color: #dcd1d5;
}
.page a.icon-secondary-5,
.page a.icon-secondary-5:active,
.page a.icon-secondary-5:focus {
color: #c3cad4;
}
.page a.icon-secondary-5:hover {
color: #8f859e;
}
.icon-circle {
border-radius: 50%;
}
.page .icon {
font-size: 24px;
}
.page .icon-xs {
font-size: 15px;
}
.page .icon-sm {
font-size: 20px;
}
.page .icon-md {
font-size: 42px;
}
.page .icon-lg {
font-size: 44px;
line-height: 1;
} /*
*
* Buttons
* --------------------------------------------------
*/
.button {
display: inline-block;
position: relative;
padding: 15px 38px;
font-size: 16px;
line-height: 20px;
border-radius: 4px;
white-space: nowrap;
overflow: hidden;
border-style: solid;
text-align: center;
cursor: pointer;
vertical-align: middle;
user-select: none;
transition: 250ms all ease-in-out;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-weight: 500;
border-width: 0;
}
.button:focus,
.button:active,
.button:active:focus {
outline: none;
}
.button .caret {
margin-left: 8px;
}
.button.button-effect-ujarak span {
position: relative;
z-index: 2;
}
.button.button-effect-ujarak:before {
content: "";
display: inline-block;
position: absolute;
top: -3px;
bottom: -3px;
left: 10%;
right: 10%;
transition: all 250ms ease-in;
opacity: 0;
z-index: 0;
}
.button.button-effect-ujarak:after {
content: "";
position: absolute;
top: -3px;
bottom: -3px;
left: -3px;
right: -3px;
z-index: 1;
transition: all 250ms ease-in;
}
.button.button-effect-ujarak:hover {
background: transparent;
}
.button.button-effect-ujarak:hover:before {
opacity: 1;
left: -1px;
right: -1px;
}
.button.button-effect-ujarak:hover:after {
opacity: 0;
left: 10%;
right: 10%;
}
.button[class*="-outline"] {
padding: 11px 38px;
font-size: 16px;
line-height: 20px;
border-radius: 0;
}
.button-block {
display: block;
width: 100%;
}
.button-default {
color: #151515;
background-color: transparent;
border-color: #9b9b9b;
}
.button-default:hover,
.button-default:focus,
.button-default:active,
.button-default:hover {
color: #fff;
background-color: #151515;
border-color: #151515;
}
.button-transparent {
color: #151515;
background-color: transparent;
border-color: transparent;
}
.button-transparent:hover,
.button-transparent:focus,
.button-transparent:active,
.button-transparent:hover {
color: #fff;
background-color: #151515;
border-color: #151515;
}
.button-default-outline {
border-width: 3px;
color: #151515;
background-color: transparent;
border-color: rgba(0, 0, 0, 0.2);
}
.button-default-outline:hover,
.button-default-outline:focus,
.button-default-outline:active,
.button-default-outline:hover {
color: #fff;
background-color: #151515;
border-color: #151515;
}
.button-gray-dark-outline {
border-width: 3px;
color: #151515;
background-color: transparent;
border-color: #151515;
}
.button-gray-dark-outline:hover,
.button-gray-dark-outline:focus,
.button-gray-dark-outline:active,
.button-gray-dark-outline:hover {
color: #fff;
background-color: #151515;
border-color: #151515;
}
.button-gray-dark-outline.button-effect-ujarak {
border-width: 0;
padding: 14px 38px;
font-size: 16px;
line-height: 20px;
border-radius: 0;
}
.button-gray-dark-outline.button-effect-ujarak:before {
background-color: #151515;
}
.button-gray-dark-outline.button-effect-ujarak:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 3px solid #151515;
}
.button-gray-dark-outline.button-effect-ujarak:hover {
background: transparent;
}
.button-white-outline {
border-width: 3px;
color: #fff;
background-color: transparent;
border-color: #fff;
}
.button-white-outline:hover,
.button-white-outline:focus,
.button-white-outline:active,
.button-white-outline:hover {
color: #fff;
background-color: #8f859e;
border-color: #8f859e;
}
.button-white-outline.button-effect-ujarak {
border-width: 0;
padding: 14px 38px;
font-size: 16px;
line-height: 20px;
border-radius: 0;
}
.button-white-outline.button-effect-ujarak:before {
background-color: #8f859e;
}
.button-white-outline.button-effect-ujarak:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 3px solid #fff;
}
.button-white-outline.button-effect-ujarak:focus,
.button-white-outline.button-effect-ujarak:active {
background: #8f859e;
border-color: #8f859e;
}
.button-white-outline.button-effect-ujarak:focus:after,
.button-white-outline.button-effect-ujarak:active:after {
border: 0;
}
.button-white-outline.button-effect-ujarak:hover {
background: transparent;
}
.button-white-outline.button-lg.button-square {
border-radius: 0;
}
.button-secondary-outline {
border-width: 3px;
color: #151515;
background-color: transparent;
border-color: #dcd1d5;
}
.button-secondary-outline:hover,
.button-secondary-outline:focus,
.button-secondary-outline:active,
.button-secondary-outline:hover {
color: #fff;
background-color: #8f859e;
border-color: #8f859e;
}
.button-secondary-outline.button-effect-ujarak {
border-width: 0;
padding: 14px 38px;
font-size: 16px;
line-height: 20px;
border-radius: 0;
}
.button-secondary-outline.button-effect-ujarak:before {
background-color: #8f859e;
}
.button-secondary-outline.button-effect-ujarak:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 3px solid #dcd1d5;
}
.button-secondary-outline.button-effect-ujarak:focus,
.button-secondary-outline.button-effect-ujarak:active {
background: #8f859e;
border-color: #8f859e;
}
.button-secondary-outline.button-effect-ujarak:focus:after,
.button-secondary-outline.button-effect-ujarak:active:after {
border: 0;
}
.button-secondary-outline.button-effect-ujarak:hover {
background: transparent;
}
.button-secondary-outline.button-lg.button-square {
border-radius: 0;
}
.button-gray-6-outline {
border-width: 2px;
color: #dcd1d5;
background-color: transparent;
border-color: #ddd;
}
.button-gray-6-outline:hover,
.button-gray-6-outline:focus,
.button-gray-6-outline:active,
.button-gray-6-outline:hover {
color: #fff;
background-color: #8f859e;
border-color: #8f859e;
}
.button-gray-6-outline.button-effect-ujarak {
border-width: 0;
padding: 14px 38px;
font-size: 16px;
line-height: 20px;
border-radius: 0;
}
.button-gray-6-outline.button-effect-ujarak:before {
background-color: #8f859e;
}
.button-gray-6-outline.button-effect-ujarak:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px solid #ddd;
}
.button-gray-6-outline.button-effect-ujarak:focus,
.button-gray-6-outline.button-effect-ujarak:active {
background: #8f859e;
border-color: #8f859e;
}
.button-gray-6-outline.button-effect-ujarak:focus:after,
.button-gray-6-outline.button-effect-ujarak:active:after {
border: 0;
}
.button-gray-6-outline.button-effect-ujarak:hover {
background: transparent;
}
.button-gray-6-outline.button-lg.button-square {
border-radius: 0;
}
.button-primary {
color: #fff;
background-color: #32AD66;
border-color: #32AD66;
}
.button-primary:hover {
color: #fff;
background-color: #32AD66;
border-color: #32AD66;
}
.button .btn-icon-text {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px; /* Espacio entre icono y texto */
}
.button .icon-arrow {
width: 20px;
height: 20px;
stroke: #fff;
flex-shrink: 0;
}
.button-primary-2 {
color: #fff;
background-color: #8f859e;
border-color: #8f859e;
}
.button-primary-2:hover,
.button-primary-2:focus,
.button-primary-2:active,
.button-primary-2:hover {
color: #fff;
background-color: #1e7342;
border-color: #1e7342;
}
.button-primary-2.button-effect-ujarak:before {
background-color: #dcd1d5;
}
.button-primary-2.button-effect-ujarak:after {
background-color: #8f859e;
}
.button-primary-2.button-effect-ujarak:hover {
background: transparent;
}
.button-secondary {
color: #fff;
background-color: #dcd1d5;
border-color: #dcd1d5;
}
.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active,
.button-secondary:hover {
color: #fff;
background-color: #8f859e;
border-color: #8f859e;
}
.button-secondary.button-effect-ujarak:before {
background-color: #8f859e;
}
.button-secondary.button-effect-ujarak:after {
background-color: #dcd1d5;
}
.button-secondary.button-effect-ujarak:hover {
background: transparent;
}
.button-steel-blue {
color: #fff;
background-color: #547abb;
border-color: #547abb;
}
.button-steel-blue:hover,
.button-steel-blue:focus,
.button-steel-blue:active,
.button-steel-blue:hover {
color: #fff;
background-color: #3f629d;
border-color: #3f629d;
}
.button-cerulean {
color: #fff;
background-color: #00bbf2;
border-color: #00bbf2;
}
.button-cerulean:hover,
.button-cerulean:focus,
.button-cerulean:active,
.button-cerulean:hover {
color: #fff;
background-color: #00a7d9;
border-color: #00a7d9;
}
.button-mandy {
color: #fff;
background-color: #e75854;
border-color: #e75854;
}
.button-mandy:hover,
.button-mandy:focus,
.button-mandy:active,
.button-mandy:hover {
color: #fff;
background-color: #e12c27;
border-color: #e12c27;
}
.button-shadow {
box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}
.button-shadow:hover {
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
.button-xs {
padding: 12px 30px;
font-size: 14px;
line-height: 18px;
border-radius: 3px;
}
.button-xs[class*="-outline"] {
padding: 10px 15px;
font-size: 14px;
line-height: 18px;
border-radius: 3px;
padding-bottom: 7px;
}
.button-sm {
padding: 13px 22px;
font-size: 14px;
line-height: 16px;
border-radius: 3px;
min-width: auto;
}
.button-sm[class*="-outline"] {
padding: 13px 22px;
font-size: 14px;
line-height: 16px;
border-radius: 3px;
}
.button-lg {
padding: 19px 65px;
font-size: 18px;
line-height: 20px;
border-radius: 3px;
}
.button-lg[class*="-outline"] {
padding: 19px 65px;
font-size: 18px;
line-height: 20px;
border-radius: 3px;
}
.button-xl {
padding: 25px 70px;
font-size: 24px;
line-height: 24px;
border-radius: 3px;
}
.button-xl[class*="-outline"] {
padding: 25px 70px;
font-size: 24px;
line-height: 24px;
border-radius: 3px;
}
.button-circle {
border-radius: 30px;
}
.button-round {
border-radius: 8px;
}
.button-square {
border-radius: 0;
}
.button-ellipse-md {
border-radius: 5px;
}
.button-ellipse-lg {
border-radius: 10px;
}
.button.button-icon {
padding-left: 35px;
padding-right: 35px;
}
.button.button-icon .icon {
line-height: inherit;
vertical-align: middle;
transition: 0s;
}
.button.button-icon-left .icon {
float: left;
padding-right: 10px;
}
.button.button-icon-right .icon {
float: right;
padding-left: 10px;
}
.page .button-tags {
font-size: 12px;
border-width: 1px;
font-weight: 500;
text-transform: uppercase;
}
.button-link {
font: 700 16px "Poppins", Helvetica, Arial, sans-serif;
color: #dcd1d5;
} /*
*
* Form styles
* --------------------------------------------------
*/
.rd-mailform {
position: relative;
text-align: left;
}
html .rd-mailform-inline {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
transform: translateY(-15px);
margin-bottom: -15px;
}
html .rd-mailform-inline > * {
margin-top: 15px;
}
html .rd-mailform-inline .form-wrap {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
html .rd-mailform-inline .form-input {
min-width: 150px;
}
html .rd-mailform-inline .button {
margin-top: 15px;
flex: none;
}
.form-input {
display: block;
width: 100%;
height: 50px;
padding: 12px 15px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #9b9b9b;
background-color: #f5f5f5;
background-image: none;
border: 1px solid #f5f5f5;
border-radius: 0;
-webkit-appearance: none;
letter-spacing: 0.05em;
}
.form-input:focus {
outline: 0;
}
.form-input:-webkit-autofill ~ label,
.form-input:-webkit-autofill ~ .form-validation {
color: #000 !important;
}
textarea.form-input {
height: 135px;
min-height: 108px;
max-height: 229.5px;
resize: vertical;
}
.form-wrap {
position: relative;
}
.form-wrap + .form-wrap {
margin-top: 15px;
}
* + .form-button,
.form-wrap + .button {
margin-top: 30px;
}
label {
font-weight: 400;
}
.form-label {
position: absolute;
top: 25px;
left: 15px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #9b9b9b;
pointer-events: none;
z-index: 9;
transition: 0.3s;
transform: translateY(-50%);
}
.form-label.focus {
opacity: 0;
}
.form-label.auto-fill {
color: #9b9b9b;
}
@media (min-width: 768px) {
.form-label-outside {
position: static;
text-transform: uppercase;
}
.form-label-outside,
.form-label-outside.focus,
.form-label-outside.auto-fill {
opacity: 1;
transform: none;
color: #9b9b9b;
font-size: 14px;
font-weight: 400;
}
.form-label-outside + .form-input + .form-validation {
top: 34px;
}
}
.form-validation {
position: absolute;
right: 10px;
top: 3px;
font-size: 11px;
line-height: 11px;
color: #d9534f;
margin-top: 3px;
transition: 0.3s;
z-index: 11;
}
.form-validation-top-left .form-validation {
top: 0;
right: auto;
left: 5px;
}
#form-output-global {
position: fixed;
bottom: 30px;
left: 15px;
visibility: hidden;
transform: translateX(-500px);
transition: 0.3s all ease;
z-index: 9999999;
}
#form-output-global.active {
transform: translateX(0);
visibility: visible;
}
@media (min-width: 480px) {
#form-output-global {
left: 30px;
}
}
.form-output {
position: absolute;
top: 100%;
left: 0;
font-size: 14px;
line-height: 1.5;
margin-top: 2px;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.form-output.active {
opacity: 1;
visibility: visible;
}
.form-output.error {
color: #d9534f;
}
.form-output.success {
color: #5cb85c;
}
.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;
width: 14px;
height: 14px;
margin-left: -20px;
margin-top: 5px;
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: #ebebeb;
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.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;
}
.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
outline: none;
}
.radio-custom:checked + .radio-custom-dummy:after,
.checkbox-custom:checked + .checkbox-custom-dummy:after {
opacity: 1;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
border-radius: 50%;
}
.radio .radio-custom-dummy:after,
.radio-inline .radio-custom-dummy:after {
content: "";
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background: #151515;
border-radius: 50%;
}
.checkbox,
.checkbox-inline {
padding-left: 20px;
}
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
pointer-events: none;
border-radius: 3px;
margin-left: 0;
left: 0;
}
.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
content: "\f222";
font-family: "Material Design Icons";
font-size: 20px;
line-height: 10px;
position: absolute;
top: 0;
left: 0;
color: #151515;
}
.form-button-block .button {
width: 100%;
}
.form-button {
display: flex;
align-items: stretch;
max-height: 70px;
}
.recaptcha {
transform: scale(0.9);
transform-origin: 0 0;
}
.page .form-inline {
text-align: center;
}
.page .form-inline > * + * {
margin-top: 20px;
}
@media (min-width: 768px) {
.page .form-inline {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.page .form-inline > * + * {
margin-top: 0;
margin-left: 30px;
}
.page .form-inline .form-wrap {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.page .form-inline .form-input {
width: 100%;
}
.page .form-inline .button {
display: inline-block;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
}
.form-comment .form-label-outside {
text-transform: none;
color: #151515;
}
.form-comment .form-input {
background-color: transparent;
border-radius: 4px;
color: #151515;
border-color: #ddd; /* Firefox 19+ */ /* Firefox 18- */
}
.form-comment .form-input::-webkit-input-placeholder {
color: #151515;
}
.form-comment .form-input::-moz-placeholder {
color: #151515;
}
.form-comment .form-input:-moz-placeholder {
color: #151515;
}
.form-comment .form-input:-ms-input-placeholder {
color: #151515;
}
.form-comment .button {
font-size: 14px;
min-width: 180px;
}
h4 + .form-comment {
margin-top: 10px;
}
.form-search {
position: relative;
}
.form-search .form-input {
border: 1px solid #ddd;
padding-right: 60px;
color: #000;
background-color: transparent;
}
.form-search .form-label {
left: 20px;
top: 25px;
color: #9b9b9b;
font-size: 14px;
}
.form-search-submit {
position: absolute;
font-size: 25px;
right: 20px;
top: 0;
bottom: 0;
padding: 0;
background: none;
border: none;
box-shadow: none;
color: #151515;
transition: 0.3s all ease;
}
.form-search-submit:hover,
.form-search-submit:focus {
color: #8f859e;
outline: none;
}
.form-wrap_icon {
position: relative;
width: 100%;
}
.form-wrap_icon .form-input {
padding-left: 60px;
}
.form-wrap_icon .form-label {
left: 60px;
}
.form-wrap_icon::before {
position: absolute;
top: 25px;
left: 22px;
transform: translateY(-50%);
margin-right: 7px;
font-size: 22px;
line-height: 24px;
color: #898989;
z-index: 1;
}
.form-wrap_icon .select2-container .select2-choice {
padding-left: 0;
}
.form-wrap_icon .select2-container--bootstrap .select2-selection--single {
padding-left: 60px;
}
.form-wrap_icon__label-outside:before {
top: auto;
bottom: 25px;
transform: translateY(45%);
}
.hotel-booking-form {
width: 100%;
text-align: left;
padding: 30px 20px 30px;
color: #000;
background: #e3e3e3;
}
.hotel-booking-form h3 {
color: inherit;
}
.hotel-booking-form .form-label {
left: 22px;
letter-spacing: 0.05em;
}
.hotel-booking-form .form-input {
padding-left: 22px;
background-color: #fff;
}
.hotel-booking-form .select2-container .select2-choice {
padding-left: 0;
padding-right: 0;
background: #fff;
}
.hotel-booking-form .select2-arrow b:before {
color: #cbcbcb;
}
.hotel-booking-form .button {
margin-top: 10px;
}
@media (min-width: 480px) {
.hotel-booking-form {
padding: 70px 50px 60px;
}
}
@media (min-width: 1200px) {
.hotel-booking-form .button {
font-size: 18px;
line-height: 20px;
font-weight: 700;
padding: 19px 30px;
}
}
.hotel-booking-form * + .rd-mailform {
margin-top: 20px;
}
.hotel-booking-form * + .form-wrap {
margin-top: 5px;
}
.form-label-icon > * {
display: inline-block;
vertical-align: middle;
}
.form-label-icon span + span {
margin-left: 10px;
}
.table-custom {
box-sizing: border-box;
width: 100%;
max-width: 100%;
font-weight: 400;
letter-spacing: 0;
text-align: left;
background: transparent;
}
.table-custom th,
.table-custom td {
color: #000;
background: transparent;
}
.table-custom th {
padding: 25px 24px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}
@media (min-width: 768px) {
.table-custom th {
padding: 33px 24px;
}
}
.table-custom td {
padding: 17px 24px 18px;
border-bottom: 1px solid #b7b7b7;
}
.table-custom tr:last-of-type td {
font-weight: 700;
}
.table-custom-primary th {
color: #fff;
background: #8f859e;
}
.table-custom-light th {
background: #f2f3f8;
}
.table-custom-light td + td {
border-left: 1px solid #b7b7b7;
}
.table-custom-bordered {
border: 1px solid #b7b7b7;
}
.table-custom-bordered td {
border: 1px solid #b7b7b7;
}
.table-custom-bordered tbody > tr:first-of-type > td {
border-top: 0;
}
.table-custom-striped tbody tr:nth-of-type(odd) td {
background: transparent;
}
.table-custom-striped tbody tr:nth-of-type(even) td {
background: #f2f3f8;
}
.table-custom-striped tbody td {
border: 0;
}
.table-round {
position: relative;
border-radius: 4px;
overflow: hidden;
}
.table-custom-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-custom-responsive {
width: 100%;
margin-bottom: 10px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #b7b7b7;
}
.table-custom-responsive > .table-custom > thead > tr > th,
.table-custom-responsive > .table-custom > thead > tr > td,
.table-custom-responsive > .table-custom > tbody > tr > th,
.table-custom-responsive > .table-custom > tbody > tr > td,
.table-custom-responsive > .table-custom > tfoot > tr > th,
.table-custom-responsive > .table-custom > tfoot > tr > td {
white-space: nowrap;
}
} /*
*
* Lists
* --------------------------------------------------
*/
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
.list > li + li {
margin-top: 10px;
}
.list-xl > li + li {
margin-top: 40px;
}
@media (min-width: 1200px) {
.list-xl > li + li {
margin-top: 90px;
}
}
.list-inline {
margin-left: -5px;
margin-right: -5px;
}
.list-inline > li {
padding-left: 5px;
padding-right: 5px;
}
.list-inline-sm {
margin-left: -15px;
margin-right: -15px;
transform: translateY(-7px);
margin-bottom: -7px;
}
.list-inline-sm > li {
padding-top: 7px;
padding-left: 15px;
padding-right: 15px;
}
.list-unstyled li + li {
margin-top: 10px;
}
dl {
margin: 0;
}
.list-desc {
display: table;
margin-left: -5px;
margin-right: -5px;
}
.list-desc > * {
display: table-cell;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
font-weight: 400;
}
.list-desc dt {
color: #8f859e;
}
.list-desc-secondary dt {
color: #dcd1d5;
}
.list-terms {
margin-top: 35px;
}
.list-terms dt + dd {
margin-top: 5px;
}
.list-terms dd + dt {
margin-top: 25px;
}
.index-list {
counter-reset: li;
}
.index-list > li .list-index-counter:before {
content: counter(li, decimal-leading-zero);
counter-increment: li;
}
.marked-list {
text-align: left;
}
.marked-list > li {
position: relative;
padding-left: 25px;
font: 400 14px/24px "Lato", Helvetica, Arial, sans-serif;
color: #151515;
}
.marked-list > li:before {
position: absolute;
top: -1px;
left: 0;
content: "\f105";
font: 400 16px/24px "FontAwesome";
color: #b7b7b7;
}
.marked-list > li a,
.marked-list > li a:active,
.marked-list > li a:focus {
color: inherit;
}
.marked-list > li a:hover {
color: #8f859e;
}
.marked-list > li + li {
margin-top: 10px;
}
.marked-list__mod-1 > li {
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
}
.marked-list__mod-1 > li:before {
color: #8f859e;
}
.marked-list-gray-darker > li {
color: #363d41;
}
.ordered-list {
counter-reset: li;
text-align: left;
}
.ordered-list li {
position: relative;
padding-left: 25px;
font: 400 14px/24px "Lato", Helvetica, Arial, sans-serif;
color: #151515;
}
.ordered-list li:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 15px;
content: counter(li, decimal) ".";
counter-increment: li;
color: #b7b7b7;
}
.ordered-list li + li {
margin-top: 10px;
}
.nav-list li.active a {
color: #8f859e;
}
.list-column-3 {
columns: 2;
column-gap: 30px;
}
@media (min-width: 768px) {
.list-column-3 {
columns: 3;
column-gap: 60px;
}
}
.list-bars {
text-align: left;
}
.list-bars li {
display: block;
}
.list-bars > li + li {
margin-top: 25px;
}
.list-bars * + .progress {
margin-top: 19px;
}
.list-bars-item-header {
color: #9b9b9b;
text-transform: uppercase;
} /*
*
* Posts
* --------------------------------------------------
*/
.post-box-body {
display: flex;
flex-wrap: wrap;
margin-top: 25px;
}
.post-box-body h4 + p {
margin-top: 15px;
}
.author-image {
text-align: center;
color: #151515;
font-weight: 700;
}
.author-image img {
max-width: 60px;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}
.author-image figcaption {
display: inline-block;
}
.author-image * + figcaption {
margin-top: 18px;
margin-left: 20px;
}
.post-box-image {
display: block;
overflow: hidden;
}
.post-box-image figure {
transition: 750ms ease-in-out;
}
.post-box-text {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.post-box-tags {
width: 100%;
margin-top: 15px;
}
.post-box-tags .icon {
font-size: 14px;
}
.post-box-tags .icon:before {
font-size: 19px;
color: #151515;
vertical-align: middle;
margin-right: 5px;
}
.post-classic footer {
margin-top: 40px;
}
.post-classic footer .heading-5 {
font-weight: 500;
}
.post-classic + * {
margin-top: 40px;
}
.post-content {
margin-top: 35px;
}
.post-content hr {
margin-top: 15px;
}
.post-content p + p {
margin-top: 15px;
}
.post-meta {
margin-top: 20px;
margin-left: -15px;
margin-right: -18px;
}
.post-meta li {
position: relative;
padding-left: 15px;
padding-right: 18px;
}
.post-meta li:after {
position: absolute;
right: 0;
top: -6px;
font-size: 20px;
content: "|";
display: inline-block;
color: #eee;
}
.post-meta li:last-of-type:after {
content: none;
}
.box-comment .unit__left {
padding-top: 15px;
}
.box-comment .box-comment {
margin-top: 20px;
margin-left: 20px;
}
* + .box-comment {
margin-top: 30px;
}
.box-comment-body {
padding: 18px 18px 20px;
border: 1px solid #ddd;
border-radius: 4px;
color: #151515;
}
.box-comment-title {
font-size: 16px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
}
.box-comment-meta {
font-size: 12px;
color: #9b9b9b;
}
.box-comment-icon {
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
}
.box-comment-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.box-comment-header-inner {
padding-left: 15px;
padding-right: 15px;
}
.box-comment-header-inner > * {
display: inline-block;
vertical-align: middle;
}
.box-comment-header-inner > * + * {
margin-left: 5px;
}
.box-comment-text {
margin-top: 12px;
}
.aside-title {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #151515;
}
* + .post-minimal {
margin-top: 15px;
}
.post-minimal-title {
font-size: 18px;
line-height: 1.2;
}
.post-box-minimal {
max-width: 496px;
margin-left: auto;
margin-right: auto;
}
.post-box-minimal-caption {
border: 1px solid #ebebeb;
}
.post-box-minimal-title {
padding: 20px;
}
.post-box-minimal-title a {
color: #151515;
}
.post-box-minimal-title a:hover {
color: #8f859e;
}
.post-box-minimal-meta-bottom {
padding: 10px 20px;
border-top: 1px solid #ebebeb;
}
.post-box-minimal-meta-bottom a {
color: #9b9b9b;
}
.post-box-minimal-meta-bottom a:hover {
color: #8f859e;
}
.post-box-minimal-meta-bottom > * + * {
margin-top: 5px;
}
.post-box-icon:before {
color: #8f859e;
padding-right: 7px;
}
.post-box-horizontal {
max-width: 100%;
}
.post-box-horizontal .post-box-minimal-title,
.post-box-horizontal .post-box-minimal-meta-bottom {
padding-left: 0;
padding-right: 0;
}
.post-box-horizontal .post-box-minimal-caption {
padding: 0 20px;
}
.post-box-horizontal .post-box-minimal-meta-bottom time,
.post-box-horizontal .post-box-minimal-meta-bottom a {
color: #151515;
}
.post-box-horizontal .post-box-minimal-caption,
.post-box-horizontal .post-box-minimal-caption *,
.post-box-horizontal .post-box-icon:before {
transition: 450ms;
}
.post-box-horizontal:hover .post-box-minimal-caption {
background-color: #8f859e;
border-color: #8f859e;
}
.post-box-horizontal:hover .post-box-minimal-caption .post-box-minimal-title a {
color: #fff;
}
.post-box-horizontal:hover .post-box-minimal-caption .post-box-minimal-meta-bottom time,
.post-box-horizontal:hover .post-box-minimal-caption .post-box-minimal-meta-bottom a {
color: #dcd1d5;
}
.post-box-horizontal:hover .post-box-minimal-caption .post-box-icon:before {
color: #dcd1d5;
}
.post-box-horizontal:hover .post-box-minimal-caption .post-box-minimal-meta-bottom {
border-top-color: #dcd1d5;
}
.post-box-horizontal:hover .post-box-minimal-meta-bottom a:hover {
color: #fff;
}
.post-box-horizontal:hover .post-box-minimal-title a:hover {
color: #dcd1d5;
}
@media (min-width: 480px) {
.post-box-minimal-caption {
text-align: left;
}
.post-box-minimal-meta-bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 15px 20px;
}
.post-box-minimal-meta-bottom > * + * {
margin-top: 0;
margin-left: 7px;
}
}
@media (min-width: 768px) {
.post-box:hover .post-box-image figure {
transform: scale3d(1.04, 1.04, 1.04);
}
.author-image img {
max-width: 100%;
}
.author-image figcaption {
display: block;
margin-left: 0;
}
.post-box-body {
flex-direction: row-reverse;
margin-top: 43px;
justify-content: flex-start;
}
.post-box-body > * {
flex-grow: 1;
}
.author-image {
max-width: 29%;
}
.post-box-tags,
.post-box-text {
width: 80%;
max-width: 80%;
}
.post-box-tags {
margin-top: 0;
}
.post-box-text {
margin-left: 30px;
padding-bottom: 30px;
}
.post-content hr + p {
margin-top: 50px;
}
.box-comment > .box-comment {
margin-left: 100px;
}
.post-box-minimal-title {
padding: 28px 30px;
}
.post-box-minimal-meta-bottom {
padding: 21px 30px;
}
.post-box-horizontal .post-box-minimal-caption {
padding: 0 30px;
}
}
@media (min-width: 1200px) {
.post-box-horizontal {
display: flex;
align-items: stretch;
}
.post-box-horizontal .post-box-image img {
position: relative;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
max-width: none;
}
.post-box-horizontal .post-box-minimal-caption {
display: flex;
align-items: center;
padding: 0 20px;
}
}
@media (min-width: 1800px) {
.post-box-horizontal .post-box-minimal-caption {
padding: 0 30px;
}
.post-box-horizontal .post-box-image {
min-width: 280px;
}
}
.post-video {
position: relative;
overflow: hidden;
}
.post-video__image img {
width: 100%;
}
.post-video__body:before {
content: "";
}
.ie-10 .post-video__body:after,
.ie-11 .post-video__body:after {
content: "";
height: inherit;
min-height: inherit;
}
.link-control {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 95px;
height: 95px;
background-image: url(../images/rd-video-play.png);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
z-index: 2;
border-radius: 50%;
transition: 0.3s ease-out all;
will-change: transfrom;
}
.link-control:before {
content: "";
position: absolute;
top: -6px;
bottom: -6px;
left: -6px;
right: -6px;
background-image: url(../images/rd-video-play-hover.png);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
visibility: hidden;
opacity: 0;
transition: 0.3s ease-out all;
transform: scale(2);
z-index: -1;
border-radius: 50%;
}
.link-control:hover {
will-change: transfrom;
}
.link-control:hover:before {
visibility: visible;
opacity: 1;
z-index: 1;
transform: scale(1);
} /*
*
* Thumbnails
* --------------------------------------------------
*/
.thumb {
position: relative;
display: inline-block;
}
.thumb:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(143, 133, 158, 0.4);
z-index: 1;
content: "";
will-change: opacity;
}
.thumb:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-family: FontAwesome;
font-size: 34px;
content: "\f065";
z-index: 1;
will-change: transform, opacity;
}
.thumb:before,
.thumb:after {
transition: 0.3s ease;
opacity: 0;
}
.thumb:hover:before,
.thumb:hover:after {
opacity: 1;
}
.img-thumbnail-custom {
position: relative;
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
.img-thumbnail-custom .caption {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 21px;
background-color: #eee;
}
.img-thumbnail-custom .caption .button {
padding-left: 15px;
padding-right: 15px;
}
.img-thumbnail-custom .list-inline li {
line-height: 0;
vertical-align: middle;
}
.img-thumbnail-custom .button {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 9px;
letter-spacing: 0.05em;
}
.img-thumbnail-custom .button-gray-dark-outline.button-effect-ujarak:after {
border-width: 2px;
}
.img-wrap-mod-2 {
position: relative;
display: inline-block;
width: 100%;
max-width: 130px;
margin-left: auto;
margin-right: auto;
}
.img-wrap-mod-2:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
display: inline-block;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 250ms;
}
.img-wrap-mod-2 .icon {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(0);
transition: 250ms;
}
.img-wrap-mod-2:hover:before {
opacity: 1;
}
.img-wrap-mod-2:hover .icon {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.thumbnail-classic {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
overflow: hidden;
width: 100.01%;
will-change: transform;
}
.thumbnail-classic figure {
width: 100%;
transform: translate3d(0, 0, 0);
transition: 0.33s all ease-in-out;
}
.thumbnail-classic img {
position: relative;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
max-width: none;
min-width: 101.5%;
}
.thumbnail-classic .caption {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
transition: 0.33s all ease-in-out;
pointer-events: none;
background: rgba(41, 41, 41, 0.53);
will-change: transform;
}
.thumbnail-classic .caption::before,
.thumbnail-classic .caption::after {
pointer-events: none;
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: "";
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
will-change: opacity;
}
.thumbnail-classic .caption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0, 1);
}
.thumbnail-classic .caption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1, 0);
}
.thumbnail-classic .caption > * {
position: relative;
z-index: 2;
}
.thumbnail-classic .caption-title,
.thumbnail-classic .caption-text {
color: #fff;
}
.thumbnail-classic .caption-title {
position: relative;
font-size: 18px;
line-height: 1.25;
margin-bottom: 0;
padding: 0 15px;
}
.thumbnail-classic .caption-text {
max-width: 100%;
margin-top: 15px;
padding: 0 15px;
color: #fff;
}
.thumbnail-classic .caption-text:before {
width: 45px;
margin-left: auto;
margin-right: auto;
border-top: 2px solid;
content: "";
display: block;
margin-bottom: 15px;
}
.portfolio-item {
will-change: transform;
}
.portfolio-item .caption {
flex-direction: row;
will-change: opacity;
background: rgba(143, 133, 158, 0.42);
}
.portfolio-item .caption::before,
.portfolio-item .caption::after {
top: 18px;
right: 18px;
bottom: 18px;
left: 18px;
}
.portfolio-item .caption::before {
border-top: 1px solid rgba(255, 255, 255, 0.32);
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.portfolio-item .caption::after {
border-right: 1px solid rgba(255, 255, 255, 0.32);
border-left: 1px solid rgba(255, 255, 255, 0.32);
}
.portfolio-item .caption > * {
margin-left: 8px;
margin-right: 8px;
color: #fff;
will-change: transform;
}
.portfolio-item .caption > span.icon {
font-size: 12px;
font-weight: 700;
}
.portfolio-item .caption > span.icon:before {
padding-right: 5px;
font-size: 17px;
vertical-align: middle;
font-family: "Material Design Icons";
}
@media (min-width: 992px) {
.desktop .col-md-3 .caption-text {
max-width: 215px;
}
.desktop .col-md-6 .caption-text,
.desktop .col-md-4 .caption-text {
max-width: 230px;
}
.desktop .thumbnail-classic .caption {
transition: 0.4s all ease;
opacity: 0;
}
.desktop .thumbnail-classic .caption-title,
.desktop .thumbnail-classic .caption-text {
transition: 300ms 50ms ease-in-out;
transform: scale3d(0.7, 0.7, 0);
}
.desktop .thumbnail-classic:hover figure {
transform: scale3d(1.05, 1.05, 1.05);
}
.desktop .thumbnail-classic:hover .caption {
opacity: 1;
}
.desktop .thumbnail-classic:hover .caption:before,
.desktop .thumbnail-classic:hover .caption:after {
opacity: 1;
transform: scale(1);
}
.desktop .thumbnail-classic:hover .caption-title,
.desktop .thumbnail-classic:hover .caption-text {
transform: scale3d(1, 1, 1);
}
}
@media (max-width: 767px) {
.thumbnail-classic {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
}
.thumbnail-instafeed figure {
max-height: 450px;
}
.thumbnail-instafeed figure img {
max-width: 100%;
}
.instafeed-link {
color: #151515;
font-weight: 700;
} /*
*
* Tooltip Custom
* --------------------------------------------------
*/
.tooltip-custom {
color: #b7b7b7;
}
.tooltip-custom .tooltip {
font-family: "Lato", Helvetica, Arial, sans-serif;
z-index: 998;
}
.tooltip-custom .tooltip.in {
opacity: 1;
}
.tooltip-custom .tooltip-inner {
max-width: 253px;
padding: 4px 8px;
font-size: 14px;
border-radius: 0;
background: #8f859e;
}
.tooltip-custom .tooltip.left .tooltip-arrow {
border-left-color: #8f859e;
}
.tooltip-custom .tooltip.right .tooltip-arrow {
border-right-color: #8f859e;
}
.tooltip-custom .tooltip.top .tooltip-arrow {
border-top-color: #8f859e;
}
.tooltip-custom .tooltip.bottom .tooltip-arrow {
border-bottom-color: #8f859e;
} /*
*
* Snackbars
* --------------------------------------------------
*/
.snackbars {
max-width: 280px;
padding: 9px 16px;
margin-left: auto;
margin-right: auto;
color: #fff;
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: 480px) {
.snackbars {
max-width: 380px;
padding: 12px 15px;
font-size: 16px;
}
} /*
*
* Navigation
* --------------------------------------------------
*/
.navigation-pills li a {
display: inline-block;
padding: 3px 9px;
border: 1px solid #8f859e;
border-radius: 5px;
font-size: 16px;
transition: 0.2s;
}
.navigation-pills li a.active,
.navigation-pills li a:hover,
.navigation-pills li a:focus {
background-color: #8f859e;
color: #fff;
} /*
*
* Page Loaders
* --------------------------------------------------
*/
.page-loader {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
float: left;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
z-index: 9999999;
background: #fff;
transition: 0.3s all ease;
}
.page-loader.loaded {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.page-loader.ending {
display: none;
}
.page-loader .page-loader-body {
text-align: center;
}
.page-loader .loader {
color: #fff;
font-size: 24px;
}
.page-loader .loader span {
display: block;
} /* EDITABLE PARAMETERS */
@keyframes flicker {
0% {
background: transparent;
}
50% {
background: white;
}
100% {
background: transparent;
}
}
@keyframes neon {
0% {
text-shadow: none;
}
50% {
text-shadow: rgba(255, 255, 255, 0.8) 0 0 8px;
}
100% {
text-shadow: none;
}
}
.loader {
padding: 0.5em;
width: 5.5em;
height: 9.5em;
margin: 100px auto;
background: #444444;
position: relative;
box-shadow: #2b2b2b 0 0 20px inset;
border-radius: 4px;
}
.loader .hotel-sign {
padding: 0.25em 0;
position: absolute;
right: -1.5em;
width: 1.3em;
content: " ";
text-align: center;
background: #444444;
font-family: sans-serif;
font-weight: 700;
border-radius: 4px;
box-shadow: #2b2b2b 0 0 10px inset;
animation: neon 3s infinite ease;
}
.loader .hotel-sign span {
line-height: 1;
}
.loader .window {
background: white;
width: 0.5em;
height: 1em;
float: left;
margin: 0 0.5em 0.5em 0;
border-radius: 2px;
animation: flicker 1s infinite ease;
}
.loader .window:nth-of-type(5n) {
margin: 0 0 0.5em 0;
}
.loader .window:nth-child(1) {
animation-delay: 0.5s;
animation-duration: 0.5s;
}
.loader .window:nth-child(2) {
animation-delay: 1s;
animation-duration: 1s;
}
.loader .window:nth-child(3) {
animation-delay: 1.5s;
animation-duration: 1.5s;
}
.loader .window:nth-child(4) {
animation-delay: 2s;
animation-duration: 2s;
}
.loader .window:nth-child(5) {
animation-delay: 2.5s;
animation-duration: 2.5s;
}
.loader .window:nth-child(5) {
animation-delay: 1.25s;
animation-duration: 1.25s;
}
.loader .window:nth-child(6) {
animation-delay: 1.5s;
animation-duration: 1.5s;
}
.loader .window:nth-child(7) {
animation-delay: 1.75s;
animation-duration: 1.75s;
}
.loader .window:nth-child(8) {
animation-delay: 2s;
animation-duration: 2s;
}
.loader .window:nth-child(9) {
animation-delay: 2.25s;
animation-duration: 2.25s;
}
.loader .window:nth-child(10) {
animation-delay: 2.5s;
animation-duration: 2.5s;
}
.loader .window:nth-child(10) {
animation-delay: 1s;
animation-duration: 1s;
}
.loader .window:nth-child(11) {
animation-delay: 1.1s;
animation-duration: 1.1s;
}
.loader .window:nth-child(12) {
animation-delay: 1.2s;
animation-duration: 1.2s;
}
.loader .window:nth-child(13) {
animation-delay: 1.3s;
animation-duration: 1.3s;
}
.loader .window:nth-child(14) {
animation-delay: 1.4s;
animation-duration: 1.4s;
}
.loader .window:nth-child(15) {
animation-delay: 1.5s;
animation-duration: 1.5s;
}
.loader .window:nth-child(16) {
animation-delay: 1.6s;
animation-duration: 1.6s;
}
.loader .window:nth-child(17) {
animation-delay: 1.7s;
animation-duration: 1.7s;
}
.loader .window:nth-child(18) {
animation-delay: 1.8s;
animation-duration: 1.8s;
}
.loader .window:nth-child(19) {
animation-delay: 1.9s;
animation-duration: 1.9s;
}
.loader .window:nth-child(20) {
animation-delay: 2s;
animation-duration: 2s;
}
.loader .window:nth-child(20) {
animation-delay: 1.33333s;
animation-duration: 1.66667s;
}
.loader .window:nth-child(21) {
animation-delay: 1.4s;
animation-duration: 1.75s;
}
.loader .window:nth-child(22) {
animation-delay: 1.46667s;
animation-duration: 1.83333s;
}
.loader .window:nth-child(23) {
animation-delay: 1.53333s;
animation-duration: 1.91667s;
}
.loader .window:nth-child(24) {
animation-delay: 1.6s;
animation-duration: 2s;
}
.loader .window:nth-child(25) {
animation-delay: 1.66667s;
animation-duration: 2.08333s;
}
.loader .window:nth-child(26) {
animation-delay: 1.73333s;
animation-duration: 2.16667s;
}
.loader .window:nth-child(27) {
animation-delay: 1.8s;
animation-duration: 2.25s;
}
.loader .window:nth-child(28) {
animation-delay: 1.86667s;
animation-duration: 2.33333s;
}
.loader .window:nth-child(29) {
animation-delay: 1.93333s;
animation-duration: 2.41667s;
}
.loader .window:nth-child(30) {
animation-delay: 2s;
animation-duration: 2.5s;
}
.loader .door {
background: white;
position: absolute;
bottom: 0;
width: 1em;
height: 1.5em;
left: 50%;
margin-left: -0.5em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.breadcrumbs-custom {
margin-top: 15px;
position: relative;
vertical-align: middle;
}
.breadcrumbs-custom a {
display: inline;
vertical-align: middle;
}
.breadcrumbs-custom a,
.breadcrumbs-custom a:active,
.breadcrumbs-custom a:focus {
color: #dcd1d5;
}
.breadcrumbs-custom li {
position: relative;
display: inline-block;
vertical-align: middle;
padding-right: 36px;
font-size: 18px;
}
.breadcrumbs-custom li:after {
content: "";
position: absolute;
top: 53%;
right: 9px;
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font: 400 18px/18px "Material Design Icons";
transform: translateY(-50%);
}
.breadcrumbs-custom li:last-child {
padding-right: 0;
}
.breadcrumbs-custom li:last-child:after {
display: none;
}
.breadcrumbs-custom a:hover,
.breadcrumbs-custom li.active {
color: #fff;
}
@media (min-width: 768px) {
.breadcrumbs-custom li {
padding-right: 44px;
}
.breadcrumbs-custom li:after {
right: 13px;
}
}
.breadcrumbs-01 {
background-image: url(../images/breadcrumbs-01.jpg);
}
.breadcrumbs-02 {
background-image: url(../images/breadcrumbs-02.jpg);
}
.panel-group.panel-group-custom {
margin-bottom: 0;
}
.panel-group.panel-group-custom .panel-heading + .panel-collapse > .panel-body,
.panel-group.panel-group-custom .panel-heading + .panel-collapse > .list-group {
border-top: 0;
}
.panel-group.panel-group-custom .panel + .panel {
margin-top: 0;
}
.panel-group.panel-group-corporate .panel + .panel {
margin-top: 30px;
}
.panel-custom {
margin: 0;
background: inherit;
border: 0;
border-radius: 0;
box-shadow: none;
}
.panel-custom a {
display: block;
}
.panel-custom .panel-heading {
padding: 0;
border-bottom: 0;
border-top-radius: 0;
}
.panel-custom .panel-body {
padding: 0;
border: 0;
}
* + .panel-group-custom {
margin-top: 30px;
}
.panel-corporate {
text-align: left;
box-shadow: 0 11px 32px 0 rgba(107, 127, 142, 0.21);
}
.panel-corporate .panel-title a,
.panel-corporate .panel-collapse {
background: #fff;
}
.panel-corporate .panel-title a {
position: relative;
z-index: 1;
padding: 21px 82px 21px 32px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0;
color: #151515;
transition: 1.3s all ease;
border-radius: 6px 6px 0 0;
border-bottom: 1px solid #dedede;
}
.panel-corporate .panel-title a .panel-arrow:after {
opacity: 0;
visibility: hidden;
}
.panel-corporate .panel-title a.collapsed {
border-radius: 6px;
border-bottom-width: 0;
}
.panel-corporate .panel-title a.collapsed .panel-arrow {
border-radius: 0 6px 6px 0;
}
.panel-corporate .panel-title a.collapsed .panel-arrow:after {
opacity: 1;
visibility: visible;
}
.panel-corporate .panel-arrow {
position: absolute;
top: 0;
bottom: -1px;
right: -1px;
z-index: 2;
width: 70px;
background: #8f859e;
border-radius: 0 6px 0 0;
transition: 0.33s all ease;
}
.panel-corporate .panel-arrow:before,
.panel-corporate .panel-arrow:after {
content: "";
position: absolute;
top: 50%;
z-index: 4;
transform: translateY(-50%);
background: #fff;
}
.panel-corporate .panel-arrow:before {
width: 14px;
height: 2px;
right: 28px;
}
.panel-corporate .panel-arrow:after {
width: 2px;
height: 14px;
right: 34px;
}
.panel-corporate .panel-collapse {
position: relative;
z-index: 1;
color: #9b9b9b;
border-radius: 0 0 6px 6px;
}
.panel-corporate .panel-body {
padding: 25px 44px 25px 32px;
}
@media (max-width: 767px) {
.panel-corporate .panel-title a,
.panel-corporate .panel-body {
padding-left: 25px;
}
}
@media (min-width: 768px) {
.panel-corporate .panel-title a {
font-size: 18px;
}
} /*
*
* Pagination custom
* --------------------------------------------------
*/
.page .pagination-custom {
position: relative;
transform: translateY(-8px);
margin-bottom: -8px;
margin-left: -4px;
margin-right: -4px;
}
.page .pagination-custom > * {
margin-top: 8px;
padding-left: 4px;
padding-right: 4px;
}
.pagination-custom {
position: relative;
line-height: 0;
font-size: 0;
text-align: center;
}
.pagination-custom li {
display: inline-block;
vertical-align: middle;
}
.pagination-custom li a {
display: block;
width: auto;
min-height: 52px;
min-width: 52px;
height: 52px;
padding: 10px 20px;
border: 1px solid;
border-radius: 6px;
font: 700 14px/24px "Lato", Helvetica, Arial, sans-serif;
vertical-align: middle;
}
.pagination-custom li a:after {
content: "";
height: 108%;
width: 0;
display: inline-block;
vertical-align: middle;
}
.pagination-custom li a,
.pagination-custom li a:active,
.pagination-custom li a:focus {
color: #151515;
background: #fff;
border-color: #cdcdcd;
}
.pagination-custom li a:hover {
color: #fff;
background: #8f859e;
border-color: #8f859e;
}
.pagination-custom li:first-child a,
.pagination-custom li:last-child a {
padding-left: 26px;
padding-right: 26px;
font-size: 12px;
text-transform: uppercase;
}
.pagination-custom li:first-child a:before {
content: "";
}
.pagination-custom li:last-child a:before {
content: "";
}
.pagination-custom li.disabled,
.pagination-custom li.active {
pointer-events: none;
}
.pagination-custom li.active a {
color: #fff;
background: #8f859e;
border-color: #8f859e;
}
.pagination-custom li.disabled a {
color: rgba(21, 21, 21, 0.5);
background: #fff;
border-color: rgba(205, 205, 205, 0.5);
}
* + .pagination-custom {
margin-top: 35px;
}
@media (min-width: 768px) {
* + .pagination-custom {
margin-top: 60px;
}
}
[class*="quote-"] {
font: inherit;
padding: 0;
border: 0;
}
[class*="quote-"] q:before,
[class*="quote-"] q:after {
content: none;
}
[class*="quote-"] cite {
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-style: normal;
}
[class*="quote-"] small:before,
[class*="quote-"] .small:before {
display: none;
}
@media (min-width: 480px) {
.quote-default p {
text-align: left;
}
}
.quote-default cite {
font-weight: 700;
font-size: 18px;
letter-spacing: 0.02em;
color: #151515;
}
.quote-default .quote-body {
position: relative;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
@media (min-width: 480px) {
.quote-default .quote-body {
padding-left: 25px;
}
}
.quote-default .quote-body .unit {
position: relative;
padding-top: 32px;
padding-bottom: 27px;
background-color: #fff;
}
.quote-default .quote-body svg {
margin-top: 6px;
fill: #8f859e;
}
.quote-default .quote-body:before {
position: absolute;
top: calc(100% - 15px);
left: 80px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 19px;
border-color: transparent transparent transparent #ebebeb;
}
.quote-default .quote-body:after {
left: 81px;
position: absolute;
top: calc(100% - 17px);
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #fff;
}
.quote-default .quote-footer {
text-align: left;
padding-left: 25px;
}
.quote-default * + .quote-footer {
margin-top: 15px;
}
.quote-default-title {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.02em;
font-style: italic;
color: #363d41;
}
.quote-modern {
max-width: 335px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.quote-modern .quote-header {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.quote-modern .quote-header > div {
width: 120%;
}
.quote-modern .quote-header:before,
.quote-modern .quote-header:after {
border-color: #9b9b9b;
}
.quote-modern .quote-body {
margin-top: 15px;
padding: 0 10px 15px;
color: #000;
}
@media (min-width: 1200px) {
.quote-modern .quote-body {
padding-bottom: 30px;
}
}
.quote-modern .quote-body * + p {
margin-top: 10px;
}
.quote-modern .quote-footer {
position: relative;
padding: 30px 15px 15px;
border-top: 1px solid #9b9b9b;
color: #f2f3f8;
font-weight: 700;
}
.quote-modern .quote-footer:before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 18px 0 18px;
border-color: #9b9b9b transparent transparent transparent;
}
.quote-modern .quote-footer:after {
content: "";
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 18px 0 18px;
border-color: #fff transparent transparent transparent;
}
.quote-classic .icon {
font-size: 22px;
}
.quote-classic p + p {
margin-top: 25px;
margin-bottom: 3px;
}
.quote-secondary {
position: relative;
padding: 18px 15px 20px;
text-align: center;
}
.quote-secondary q {
font: 300 24px/48px "Poppins", Helvetica, Arial, sans-serif;
color: #dcd1d5;
display: inline-block;
max-width: 90%;
}
.quote-secondary:before,
.quote-secondary:after {
position: absolute;
left: 50%;
transform: translateX(-50%);
content: "";
width: 50%;
max-width: 250px;
height: 1px;
background: linear-gradient(to right, rgba(0, 0, 0, 0), #ddd 50%, rgba(0, 0, 0, 0));
}
.quote-secondary:before {
top: 0;
}
.quote-secondary:after {
bottom: 0;
}
.quote-box {
text-align: left;
padding: 25px 15px;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.21);
}
.quote-box .quote-box-header img {
width: auto;
}
.quote-box-title {
font-size: 24px;
line-height: 33px;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-weight: 700;
margin-top: 10px;
letter-spacing: 0.05em;
}
.quote-box-body {
margin-top: 20px;
}
.quote-box-footer {
margin-top: 28px;
}
.quote-box-cite {
overflow: hidden;
line-height: 1.2;
}
.quote-box-cite cite {
color: #8f859e;
text-transform: uppercase;
font-weight: 700;
font-family: "Lato", Helvetica, Arial, sans-serif;
}
.quote-box-cite span {
font-style: italic;
font-size: 16px;
color: #151515;
padding-left: 7px;
line-height: 0.8;
}
@media (min-width: 768px) {
.quote-box {
padding: 35px 30px;
}
.quote-box-title {
margin-top: 0;
margin-left: 20px;
}
.quote-box-header {
display: flex;
align-items: center;
}
.quote-box-footer:before {
content: "";
display: inline-block;
width: 62px;
height: 1px;
background: #dcd1d5;
margin-right: 27px;
margin-top: 8px;
float: left;
}
}
@media (min-width: 1200px) {
.quote-box {
padding: 60px 30px 65px 65px;
}
.quote-box-title {
margin-left: 35px;
}
}
.quote-box-mod-1 {
box-shadow: none;
width: 100%;
}
.quote-box-mod-1 .quote-box-footer:before {
content: none;
}
.quote-center {
position: relative;
max-width: 630px;
margin-left: auto;
margin-right: auto;
}
.quote-center-title h4 {
letter-spacing: 0.05em;
}
.quote-center-cite cite {
text-transform: uppercase;
color: #8f859e;
letter-spacing: 0.05em;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.quote-center-cite span {
padding-left: 7px;
font-style: italic;
font-size: 16px;
letter-spacing: 0.05em;
}
* + .quote-center-cite {
margin-top: 20px;
}
@media (min-width: 1200px) {
.quote-center:before,
.quote-center:after {
position: absolute;
top: 0;
}
.quote-center:before {
content: url("data:image/false;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDc0OGEzZGQtZjY3MC1hZjQ4LWE3NDAtN2ZiMTI3NWZhMzljIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg5QzkzNjBGMEZEOTExRTc4MDBCRUI4RDU5OTcxREYwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg5QzkzNjBFMEZEOTExRTc4MDBCRUI4RDU5OTcxREYwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjMwNzYwODAtYzZiMi03MDQ2LWJmZmQtMDE5M2EwMDY2MWM3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmM3ZjY1NDQtYTRlNS0xMWU2LWJiMjYtYTNhMWE4MjZlZDg3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MyzpLwAAA7FJREFUeNqsWFtsTFEUnRmjBhVkvDUkEpGqDplEqCKtiPcrJBppPyt++iN8+BBC4g9NNPVIhB+URCPxiAihSLwfIx7VqGgpUo8ECTPTMmPt2pPcHufce869dycrp9nnzOq6+7z2PsFsNhtwa6l01xA0w4AI8Mz095F+eXa8URoSdiGqBE01sBwYbukKBjwYeKejWQ+sAEbm/GEDgjiaWmBuwEcDb4x558n6g05TDII+aLYBW4GQzVDTCBLvFmAH/y21sIO4fDSngCWSbvqyh8Ad4KOhuAHAcWCVov8xcBt4H7YRRyQXgdlCVxKo52n54GJWifc8UC7408BBYDc2T4dtBHlaT0vE3QcqQfCKx5mKo2VwQiLuEVAF3mbdKd4FLBZ854AKkCQ97IntwErBdwlYDd5fWpsEUaHddEVY9E3AApB0C2NNxJUCN4SNRuusHLxpZcitAvEP6cB9DkywjOkEikDyVbIUdMX1BZ4AhRbfF2AKeDvtfigeGxsFcWQ1MnGGViOII9vkJK5XBPl6aQMGW/oTQBxEWcVm0hGXz7xRi6+Zo5dx+rE1ghsEcWS1KnEGVi2II9sHZLS2PUUQkSCh7UCBpe8PEUPgd5uzUudYaRWWDX3wCFqDqmRBFsH5gjiyF3biNG2OZE238gbRspzAtZK+Nz7kAhUSn9HtE8I0BTl1Em2gDwKXKY6cgEkEC3lNiDYN4vM8iKOpHSfxFwP9TQTOUvRF+fxyayUK/yBgsy5JmL9IZXsQxYmcclFK9U51Z0osZtO3k6IL7gZKqYAO8P6UHgPJVPqCIt9TGWUeR4FDQLfNuEZKAgx4nzJvPcR2Wad4jOHUUepfx7fMJJtxBYa8NJN7qfhCZIusAoe6XGOTgevAWJsrzo3RkmqCyPEBhxpDx6j6Oqbo83JMUSl7ko7AEF89XqwMWCjx//DIO5POZxL4yYcDeZ3E980H3qpckuDVZLVymw+8pSHOdL3aaIkv4QPvKBJ41QciWU3hB+9vEniXbgiPRG8lPpqZ1x5520Ocdh/wSHRZ8fJQ55U3l1FTtd/i4vTPZd7FXGf898ImqRJ1jT4wHuJ3OkoAKh3uVpXtV4jrqQroqHDJexi6EmJdvIZvhogmyTVgEeBUnNCbXwO/y+gY7YsyCEz1uurgaOQ87pYDQYYfepZqiCM7C8wAbmpM6xGqkUic9OmDIxnkrIWiMzXw7yWVcsfPwD3gDAhaXDwe9WTq/O4T47ucSgB6GHhAD1bgfWkd/FeAAQC6VRaUjlwIRQAAAABJRU5ErkJggg==");
left: -75px;
}
.quote-center:after {
right: -75px;
content: url("data:image/false;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDc0OGEzZGQtZjY3MC1hZjQ4LWE3NDAtN2ZiMTI3NWZhMzljIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg5QzkzNjEzMEZEOTExRTc4MDBCRUI4RDU5OTcxREYwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg5QzkzNjEyMEZEOTExRTc4MDBCRUI4RDU5OTcxREYwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjMwNzYwODAtYzZiMi03MDQ2LWJmZmQtMDE5M2EwMDY2MWM3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmM3ZjY1NDQtYTRlNS0xMWU2LWJiMjYtYTNhMWE4MjZlZDg3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RPfXfgAAA7BJREFUeNqsWEloFEEU7RnHLO5gNKjRiRs6xJC468XtLhIMuOUiJCqKiF6EXAQXcEejNz0qQTG4RIxeYogrCBonaohiwKgxGgcVskwczfi+/B56iqqeru7+8Ojhd83rV7+rq15VIJlMGtaID/6ei0s5sAgYDySAr0AUaMjJzmrhdoZmzAHKgCXABOAP0AO8BO4Cz8GdFP8UMAXigaNwOQtspbzNgx4AO4FXDoXlAqeBbUDQpt1jYJdZgDSBEJeD303AUocP7Qc2AbcytMvi6qx2yBsHKiCyzkyYParREEcxArgGLM/Q7qSGOAoqVC0KtiJVwYH4YCm9/wyvVRUdQBH3XIwI0AoMc8H7icYsKtlPFaxyKY5iBrBdca/SpTiKAmCPWcG3uM423Md7/r/4BdJXX+yB9yNQSBUMG95iJlAiyU/zyDuVvgsSGDK8xxpJLtsPXhLY7QNRqST3xQfeEhL4yAeiQkmu2QfeMAm85APROEmu1gfeiSSwHnjqkWiMJHePVycvEQjyAr0R+O6BqE+Rr2Cj4Tr+L3UQ+QGXVcA7lzy9ivxnYCXwxiXvj5S7gMjXuMwD9vESpbs0qaKdv/LdvKTqRFdA9IMWXziSl5wp7FwqbYiOA/s1jAZNwpOADcAOm7Y1ykkaFe3j3hMaIbgT14OK5lGNqpBVawc/8TaBl4bVKUXbVmUFJRXN5QE/WrHcdei8Owg0eelHF7t3MYqCGoQDirHZqStO4KW9Q4vk1jegLajJl5DkbvswIcumqXqaAnUFTpbkrvggcLokdzVt0+RgDOZx2QOCo54l8YI6Y3AsLjHB3NK0FUabIZ0Klkuc9zk34oRYJ3He50mc4wqil0HeZkYs6Ri7mF6XHwfxBnjyttq1X8SL+z+NDPtUcU2NCLkjbsVZYr3ESx4zxTmqIHqZz9XLs6Tb2OYnPIijeY+W13xxlwiBcXFfrBJHtv26IG6Id4JexA3nfbVVHFWqyirOViDE0Zp5U7I5PwQSLy6cVqQ6dk9p6zl4G5VnM4K4CDvtBcItElxGE6iLwyODt6eXgcVCvgFYC96/Uj9oEVYAnMHPFxJx94HNshMohxP8CT7JEsU9pClMJo4iBEHVbKnoVc5XPOAGsIWOIjREVbOlWgYsVJxe3CHLZcdLJwt2FaFeHQCOij108IrteOlDO0z2TVW5VAVt7tGA3QuCqOFvNDOvI3ctCuzmXd4FEDzzUVQP814Enuj8McT7EJp7YtYZ3IcoZl7aLbrm/SfAAM0MGudoC0HEAAAAAElFTkSuQmCC");
}
}
.quote-carousel-wrap {
padding: 40px 15px;
box-shadow: 0 0 29px rgba(0, 0, 0, 0.11);
}
.quote-carousel-wrap #child-carousel {
max-width: 630px;
margin-left: auto;
margin-right: auto;
}
.quote-carousel-wrap #child-carousel .slick-list {
padding: 10px 0;
}
.quote-carousel-wrap #child-carousel .slick-slide {
pointer-events: none;
}
.quote-carousel-wrap #child-carousel .slick-slide > * {
pointer-events: auto;
}
.quote-carousel-wrap #child-carousel .slick-slide figure {
transform: scale3d(0.8, 0.8, 0.8);
transition: all 250ms ease-in;
}
.quote-carousel-wrap #child-carousel .slick-slide figure:hover,
.quote-carousel-wrap #child-carousel .slick-center.slick-current figure {
transform: scale3d(1, 1, 1);
}
.quote-carousel-wrap #child-carousel .slick-slide figure:hover img,
.quote-carousel-wrap #child-carousel .slick-center.slick-current figure img {
box-shadow: 0 0 0 8px #a387af;
}
.quote-carousel-wrap figure {
display: inline-block;
}
.bg-secondary-3 .quote-carousel-wrap {
background-color: #323232;
}
.bg-primary .quote-carousel-wrap {
background-color: #684876;
}
* + .quote-carousel-wrap-vertical {
margin-top: 30px;
}
.quote-carousel-wrap-vertical figure {
display: inline-block;
}
.quote-carousel-wrap-vertical .carousel-parent {
margin-bottom: 0;
padding: 10px 0;
background-color: #f3f3f3;
}
.quote-carousel-wrap-vertical .carousel-parent .slick-slide {
display: flex;
align-items: center;
}
.quote-carousel-wrap-vertical .carousel-parent .quote-box-body {
max-height: 170px;
overflow: hidden;
}
.quote-carousel-wrap-vertical #child-carousel {
padding-top: 25px;
padding-bottom: 25px;
background-color: #e3e3e3;
}
.quote-carousel-wrap-vertical #child-carousel img {
max-width: 100px;
transition: 350ms;
}
.quote-carousel-wrap-vertical #child-carousel .slick-slide {
padding-top: 5px;
padding-bottom: 5px;
pointer-events: none;
}
.quote-carousel-wrap-vertical #child-carousel .slick-slide > * {
pointer-events: auto;
}
@media (min-width: 480px) {
.quote-carousel-wrap-vertical .carousel-parent .slick-slide {
height: 380px !important;
}
}
@media (min-width: 768px) {
.quote-carousel-wrap-vertical {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.quote-carousel-wrap-vertical > * {
width: 30%;
}
.quote-carousel-wrap-vertical .carousel-parent {
width: 70%;
}
.quote-carousel-wrap-vertical .carousel-parent .slick-slide {
height: 360px !important;
}
.quote-carousel-wrap-vertical #child-carousel {
text-align: center;
}
.quote-carousel-wrap-vertical #child-carousel .slick-slide.slick-center img,
.quote-carousel-wrap-vertical #child-carousel .slick-slide:hover img {
box-shadow: 0 0 0 4px #8f859e;
}
}
@media (min-width: 1200px) {
* + .quote-carousel-wrap-vertical {
margin-top: 50px;
}
.quote-carousel-wrap-vertical .quote-box {
padding: 60px 20px 65px 25px;
}
}
@media (min-width: 1400px) {
.quote-carousel-wrap-vertical .quote-box {
padding: 60px 40px 65px 65px;
}
.quote-carousel-wrap-vertical #child-carousel .slick-slide {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 1600px) {
.quote-carousel-wrap-vertical .carousel-parent {
padding: 45px 0;
}
.quote-carousel-wrap-vertical #child-carousel {
padding-top: 45px;
padding-bottom: 30px;
}
}
@media (min-width: 992px) {
.quote-carousel-wrap {
padding: 65px 15px 75px;
}
}
.box-minimal {
text-align: center;
}
.box-minimal-icon {
font-size: 50px;
line-height: 50px;
color: #343434;
}
.box-minimal-icon-big {
font-size: 80px;
line-height: 80px;
color: #000;
}
.box-minimal-divider {
width: 36px;
height: 4px;
margin-left: auto;
margin-right: auto;
background: #8f859e;
}
.box-minimal-text {
width: 100%;
max-width: 320px;
margin-left: auto;
margin-right: auto;
color: #000;
}
* + .box-minimal-title {
margin-top: 13px;
}
* .box-minimal-divider {
margin-top: 16px;
}
* .box-minimal-text {
margin-top: 15px;
}
@media (min-width: 768px) {
.box-outline {
position: relative;
z-index: 1;
display: inline-block;
padding-top: 20px;
}
.box-outline > *:nth-child(1):before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
border: 5px solid #dcd1d5;
content: "";
transform: translate(-22px, -20px);
transition: 550ms ease-in-out;
}
.box-outline-fullwidth {
width: 100%;
}
.box-outline__mod-1 > *:nth-child(1):before {
left: 6px;
}
.box-outline__mod-2 > *:nth-child(1):before {
top: 20px;
right: 40px;
transform: translate(65px, -25px);
}
}
@media (min-width: 1200px) {
.box-outline__mod-1 > *:nth-child(1) {
margin-left: 27px;
}
.box-outline__mod-1 > *:nth-child(1):before {
left: 17px;
}
}
.team-box {
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.team-box:hover .team-image-caption {
opacity: 1;
transform: scale(1);
filter: blur(0);
}
.team-box:hover .team-image-caption .icon {
transform: rotateY(0deg);
}
.team-box.box-outline:hover > *:nth-child(1):before {
transform: translate(-12px, -10px);
}
.team-image-box {
position: relative;
max-width: 295px;
margin-left: auto;
margin-right: auto;
}
.team-image-caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(41, 41, 41, 0.38);
pointer-events: none;
}
.team-image-caption > * {
pointer-events: auto;
}
@media (min-width: 1200px) {
.desktop .team-image-caption {
filter: blur(5px);
opacity: 0;
transform: scale(1.05);
transition: all 250ms ease-in;
}
.desktop .team-image-caption .icon {
transform: rotateY(90deg);
transition-delay: 250ms;
}
}
.team-caption {
color: #8f859e;
}
.team-caption > * {
display: inline-block;
}
.team-caption > * + *:before {
content: "|";
font-size: 20px;
display: inline-block;
color: #ddd;
padding-left: 13px;
padding-right: 13px;
}
* + .team-caption {
margin-top: 20px;
}
@media (min-width: 768px) {
.team-caption {
text-align: left;
}
}
@media (min-width: 1200px) {
.team-caption {
padding-left: 27px;
}
}
.team-title {
font-size: 18px;
font-weight: 700;
color: #151515;
}
.team-member-position {
color: #9b9b9b;
}
h3 + .team-member-position {
margin-top: 10px;
}
.team-member-position:before {
width: 50px;
height: 3px;
background-color: #8f859e;
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
@media (min-width: 992px) {
.contact-box {
max-width: 635px;
margin-left: auto;
margin-right: auto;
}
}
.contact-box-aside .divider {
margin-top: 15px;
margin-bottom: 20px;
}
.box-custom {
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.box-custom-img {
box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.36);
}
.box-custom-caption {
margin-top: 20px;
font-family: "Poppins", Helvetica, Arial, sans-serif;
}
.box-custom-caption .subtitle {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 500;
color: #9b9b9b;
}
.box-custom-caption .subtitle:hover {
color: #8f859e;
}
.box-custom-caption .title {
font-size: 18px;
font-weight: 700;
color: #151515;
}
.box-custom-caption * + .title {
margin-top: 10px;
}
@media (min-width: 1200px) {
.box-custom-caption {
margin-top: 35px;
}
}
.services-box {
position: relative;
display: block;
max-width: 530px;
margin: 0 auto;
overflow: hidden;
perspective: 1300px;
}
.services-box * {
color: #fff;
}
.services-box figure {
transition: 1800ms ease-in-out;
}
.services-box-custom {
width: 100%;
max-width: 100%;
}
.services-box-title {
position: relative;
font: 700 24px/28px "Poppins", Helvetica, Arial, sans-serif;
letter-spacing: 0.05em;
}
.services-box-title:after {
display: block;
width: 63px;
margin-left: auto;
margin-right: auto;
margin-top: 18px;
border-top: 2px solid;
content: "";
}
.services-box-price {
display: inline-block;
margin-top: 18px;
font-style: italic;
}
.services-box-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 10px);
width: 90%;
max-width: 350px;
text-align: center;
padding-top: 12%;
padding-bottom: 11%;
perspective: 1300px;
z-index: 1;
}
.services-box-caption:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
display: inline-block;
background-color: rgba(255, 255, 255, 0.26);
transition: 800ms opacity, 250ms transform;
}
.services-single-box {
text-align: left;
max-width: 615px;
}
.services-single-title {
font-weight: 500;
font-family: "Poppins", Helvetica, Arial, sans-serif;
line-height: 1;
display: flex;
align-items: center;
flex-grow: 1;
}
.services-single-title:after {
content: "";
border-top: 1px solid #ddd;
margin-left: 10px;
margin-right: 10px;
flex-grow: 1;
}
.services-single-title,
.services-single-price {
font-size: 24px;
color: #151515;
}
.services-single-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.services-single-body {
margin-top: 5px;
}
.services-box-main {
position: relative;
display: block;
max-width: 370px;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
margin-bottom: 18px !important;
transition: 550ms ease-in-out;
}
.services-box-main img {
width: 100%;
}
.services-box-main:hover {
box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.29);
}
.services-box-main:hover .services-box-main-caption:before,
.services-box-main:hover .services-box-main-caption:after {
border-width: 0 185px 0 185px;
}
.services-box-main-caption {
position: absolute;
width: 100%;
overflow: hidden;
text-align: center;
padding: 18px 0;
bottom: -18px;
will-change: transform;
}
.services-box-main-caption-inner {
background-color: #8f859e;
padding: 10px 15px;
}
.services-box-main-caption-inner h4 {
letter-spacing: 0.05em;
}
.services-box-main-caption-inner > * {
color: #fff;
}
.services-box-main-caption:before,
.services-box-main-caption:after {
position: absolute;
left: 50%;
content: "";
transition: 350ms ease-in-out;
will-change: transform;
pointer-events: none;
}
.services-box-main-caption:before {
top: 18px;
transform: translate(-50%, -100%);
width: 0;
height: 0;
border-style: solid;
border-width: 0 185px 18px 185px;
border-color: transparent transparent #8f859e transparent;
}
.services-box-main-caption:after {
bottom: 18px;
transform: translate(-50%, 100%);
width: 0;
height: 0;
border-style: solid;
border-width: 18px 185px 0 185px;
border-color: #8f859e transparent transparent transparent;
}
.services-box-var-2 {
position: relative;
overflow: hidden;
display: flex;
align-items: stretch;
justify-content: center;
width: 100%;
max-width: 530px;
margin-left: auto;
margin-right: auto;
perspective: 1300px;
}
.services-box-var-2 * {
position: relative;
color: #fff;
}
.services-box-var-2 figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 1800ms ease-in-out;
}
.services-box-var-2 figure img {
position: relative;
left: 50%;
transform: translate3d(-50%, 0, 0);
width: auto;
height: auto;
max-width: none;
}
@media (min-width: 1200px) {
.services-box-var-2 figure img {
width: 100%;
height: 100%;
}
}
@media (min-width: 1800px) and (min-height: 750px) {
.services-box-var-2 figure img {
width: auto;
}
}
.services-box-caption-var-2 {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column wrap;
width: 100%;
padding: 80px 15px;
perspective: 1000px;
}
.services-box-caption-var-2:before {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
height: 100%;
max-height: 180px;
max-width: 280px;
transform: rotate3d(0, 1, 0, 0deg) translate3d(-50%, -50%, 0);
content: "";
display: inline-block;
background-color: rgba(255, 255, 255, 0.26);
transition: 800ms opacity, 250ms transform;
transform-origin: left;
will-change: transform;
}
@media (min-width: 1200px) {
.services-box-caption-var-2 {
padding: 60px 15px;
}
}
@media (min-width: 992px) {
.services-box:after,
.services-box-var-2:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
display: inline-block;
background-color: rgba(137, 137, 137, 0.26);
opacity: 0;
transition: 1200ms opacity;
}
.services-box:hover .services-box-caption:before,
.services-box-var-2:hover .services-box-caption:before {
transform: rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
.services-box:hover:after,
.services-box-var-2:hover:after {
opacity: 1;
}
.services-box:hover figure,
.services-box-var-2:hover figure {
transform: scale3d(1.05, 1.05, 1.05);
}
.services-box:hover .services-box-caption-var-2:before,
.services-box-var-2:hover .services-box-caption-var-2:before {
transform: rotate3d(0, 1, 0, 90deg) translate3d(-50%, -50%, 0);
opacity: 0;
}
.services-box-var-2:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
display: inline-block;
background-color: rgba(137, 137, 137, 0.26);
opacity: 0;
transition: 1200ms opacity;
}
}
.special-box {
position: relative;
display: block;
overflow: hidden;
padding: 15px;
color: #151515;
text-align: center;
}
.special-box:before {
position: absolute;
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
content: "";
display: inline-block;
border: 1px solid #ebebeb;
z-index: 2;
}
.special-box:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 5px solid #ebebeb;
z-index: 0;
}
.special-box figure {
display: none;
}
.special-box:hover {
color: #151515;
}
.special-box-footer {
border-top: 1px solid #ebebeb;
}
.special-box-header,
.special-box-footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
margin: 0 15px;
padding: 20px 0;
}
.special-box-header {
justify-content: center;
}
.special-box-header-inner {
width: 100%;
}
.special-box-title {
font-size: 16px;
}
.special-box-offer {
font-size: 24px;
font-weight: 500;
font-family: "Poppins", Helvetica, Arial, sans-serif;
}
.special-box-offer:before {
content: "";
display: inline-block;
width: 62px;
height: 4px;
background: #dcd1d5;
vertical-align: middle;
margin-right: 13px;
}
.special-box-price {
font-size: 45px;
font-weight: 500;
font-family: "Poppins", Helvetica, Arial, sans-serif;
}
.special-box-price sup {
font-size: 24px;
vertical-align: middle;
}
@media (min-width: 992px) {
.special-box-footer,
.special-box-header {
margin: 0 28px;
padding: 33px 0 30px;
justify-content: space-between;
position: relative;
z-index: 2;
}
.special-box-header-inner {
width: auto;
}
.special-box-price {
font-size: 60px;
}
.special-box {
text-align: left;
}
.special-box figure {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
opacity: 0;
transform: scale3d(1.1, 1.1, 1.1);
transition: 500ms ease-in-out;
}
.special-box figure img {
width: auto;
height: 100%;
}
.special-box:hover {
color: #fff;
}
.special-box:hover figure {
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.services-box-modern {
position: relative;
display: block;
overflow: hidden;
text-align: center;
}
.services-box-modern-caption {
position: absolute;
padding: 15px;
z-index: 1;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 100%;
}
@media (min-width: 992px) {
.services-box-modern-caption {
padding: 45px;
}
}
.services-box-modern-caption hr {
display: block;
}
.services-box-modern-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
transition: 0.33s all ease-in-out;
pointer-events: none;
background: rgba(73, 97, 130, 0.59);
will-change: transform;
}
.services-box-modern-overlay::before,
.services-box-modern-overlay::after {
pointer-events: none;
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: "";
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
.services-box-modern-overlay::before {
border-top: 1px solid rgba(255, 255, 255, 0.32);
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
transform: scale(0, 1);
}
.services-box-modern-overlay::after {
border-right: 1px solid rgba(255, 255, 255, 0.32);
border-left: 1px solid rgba(255, 255, 255, 0.32);
transform: scale(1, 0);
}
.services-box-modern-overlay > * {
position: relative;
z-index: 2;
}
.services-box-modern-price,
.services-box-modern-title {
font-family: "Poppins", Helvetica, Arial, sans-serif;
color: #fff;
}
.services-box-modern-title {
font-size: 26px;
font-weight: 700;
letter-spacing: 0.05em;
}
.services-box-modern-price {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 14px;
}
.services-box-modern figure {
transform: translate3d(0, 0, 0);
transition: 0.33s all ease-in-out;
}
@media (min-width: 768px) {
.services-box-modern-title {
font-size: 26px;
}
.services-box-modern-price {
font-size: 16px;
}
}
@media (min-width: 992px) {
.desktop .services-box-modern-overlay {
transition: 0.4s all ease;
opacity: 0;
}
.desktop .services-box-modern-title {
font-size: 36px;
}
.desktop .services-box-modern figure img {
width: 100%;
}
.desktop .services-box-modern:hover figure {
transform: scale3d(1.05, 1.05, 1.05);
}
.desktop .services-box-modern:hover .services-box-modern-overlay {
opacity: 1;
}
.desktop .services-box-modern:hover .services-box-modern-overlay:before,
.desktop .services-box-modern:hover .services-box-modern-overlay:after {
opacity: 1;
transform: scale(1);
}
}
.pricing-box {
padding: 30px 15px;
border: 3px solid #ebebeb;
}
.pricing-box hr {
max-width: 100px;
}
.pricing-table {
width: 100%;
font-size: 20px;
line-height: 1;
color: #151515;
}
.pricing-table td {
padding: 14px 0;
vertical-align: middle;
}
.pricing-table td:first-of-type {
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-size: 16px;
text-align: left;
}
.pricing-table td:last-of-type {
text-align: right;
}
* + .pricing-table {
margin-top: 15px;
}
.pricing-box-title {
color: #8f859e;
text-transform: uppercase;
font: 500 24px/1 "Poppins", Helvetica, Arial, sans-serif;
text-align: center;
}
@media (min-width: 768px) {
.pricing-box {
padding: 75px 30px 60px;
transition: 350ms;
}
.pricing-box > * {
transition: 350ms;
}
.pricing-box * + hr {
margin-top: 25px;
}
.pricing-box:hover {
background-color: #8f859e;
border-color: #8f859e;
}
.pricing-box:hover > * {
color: #fff;
}
.pricing-table {
font-size: 24px;
}
.pricing-table td:first-of-type {
font-size: 18px;
}
* + .pricing-table {
margin-top: 37px;
}
}
.box-bordered {
border: 3px solid;
padding: 25px 15px;
max-width: 470px;
margin-left: auto;
margin-right: auto;
}
.box-bordered h5 + p {
margin-top: 15px;
}
.box-bordered h5 {
line-height: 1;
}
.box-bordered .unit + .unit {
margin-top: 25px;
}
@media (min-width: 768px) {
.box-bordered {
padding: 40px 35px;
}
.box-bordered .unit + .unit {
margin-top: 35px;
}
}
@media (min-width: 1200px) {
.box-bordered {
padding: 50px 55px 45px;
}
.box-bordered .unit + .unit {
margin-top: 50px;
}
}
.services-box-main-var-1 {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
border: 3px solid;
padding: 0 15px;
display: flex;
flex-direction: column;
}
.services-box-main-var-1 .heading-subtitle-divider-wrap:before {
max-width: 63px;
}
.services-box-main-var-1-inner {
padding: 35px 0;
}
.services-box-main-var-1-inner + .services-box-main-var-1-inner {
border-top: 1px solid;
}
.services-box-main-var-1 .inner-wrap {
max-width: 370px;
margin-left: auto;
margin-right: 0;
}
@media (max-width: 767px) {
.services-box-main-var-1 .inner-wrap h2 + p {
margin-top: 0;
}
}
@media (min-width: 768px) {
.services-box-main-var-1 {
padding: 45px 0;
flex-direction: row;
}
.services-box-main-var-1-inner {
flex-grow: 1;
width: 100%;
padding: 15px 30px;
}
.services-box-main-var-1-inner + .services-box-main-var-1-inner {
border-top: 0;
border-left: 1px solid;
}
}
@media (min-width: 1200px) {
.services-box-main-var-1 {
padding: 80px 45px 75px;
}
}
.object-wrap {
position: relative;
overflow: hidden;
}
@media (min-width: 992px) {
.object-wrap-md-right > .object-wrap-body {
right: 0;
}
.object-wrap-md-left > .object-wrap-body {
left: 0;
}
}
@media (min-width: 992px) {
.object-wrap-body {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
width: 100vw;
min-width: 1px;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
margin: 0;
background: inherit;
z-index: 0;
}
.object-wrap-body + * {
margin-top: 0;
}
.object-wrap-body.object-wrap-map {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.object-wrap-body.object-wrap-map .rd-google-map {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
@media (min-width: 992px) {
.sizing-1 {
width: calc(50% - 970px / 2 - 50px + (970px / 12) * 6);
}
}
@media (min-width: 1200px) {
.sizing-1 {
width: calc(50% - 970px / 2 + (970px / 12) * 5);
}
}
@media (min-width: 1200px) {
.sizing-1 {
width: calc(50% - 970px / 2 + (970px / 12) * 5);
}
}
.page-footer-minimal {
position: relative;
background: #f3f3f3;
padding: 40px 0;
}
.page-footer-minimal .rights a {
text-decoration: underline;
}
.page-footer-minimal .rights a,
.page-footer-minimal .rights a:active,
.page-footer-minimal .rights a:focus {
color: #9b9b9b;
}
.page-footer-minimal .rights a:hover {
color: #8f859e;
}
.page-footer-minimal .list-desc dt {
color: #8f859e;
}
.page-footer-minimal h4 + * {
margin-top: 20px;
}
.page-footer-minimal .icon {
line-height: 1;
}
.page-footer-minimal .page-footer-minimal-inner {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.page-footer-minimal .page-footer-minimal-inner-subscribe {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.page-footer-minimal .form-input {
background-color: #fff;
}
@media (min-width: 992px) {
.page-footer-minimal {
padding: 65px 0;
}
}
.page-footer-corporate {
position: relative;
z-index: 1;
padding: 1px 0;
color: #fff;
background-color: transparent;
}
.page-footer-corporate:before {
content: "";
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: #363d41;
pointer-events: none;
}
@media (min-width: 992px) {
.page-footer-corporate:before {
top: 0;
}
}
.page-footer-corporate > * {
z-index: 2;
}
.page-footer-corporate a,
.page-footer-corporate a:active,
.page-footer-corporate a:focus {
color: inherit;
}
.page-footer-corporate a:hover {
color: #fff;
}
.page-footer-corporate a.icon-gray-3:hover {
color: #fff;
}
.page-footer-corporate h3,
.page-footer-corporate .h3 {
text-transform: none;
}
.page-footer-corporate .list-desc dt {
color: #636e74;
}
.page-footer-corporate .list-column-3 {
max-width: 350px;
}
.page-footer-corporate .rd-mailform + * {
margin-top: 40px;
}
.page-footer-corporate .rights {
color: #636e74;
}
.page-footer-corporate-inner {
position: relative;
}
.page-footer-corporate-inner h5 {
text-transform: uppercase;
letter-spacing: 0.2em;
}
.page-footer-corporate-top {
padding: 40px 0;
}
.page-footer-corporate-top * + h5 {
margin-top: 30px;
}
@media (min-width: 768px) {
.page-footer-corporate-top * + h5 {
margin-top: 58px;
}
}
.page-footer-corporate-top hr + * {
margin-top: 23px;
}
.page-footer-corporate-bottom {
padding: 20px 0;
position: relative;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -5px;
margin-right: -5px;
text-align: left;
}
.page-footer-corporate-bottom > * {
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 767px) {
.page-footer-corporate-inner {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px) {
.page-footer-corporate-bottom {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
transform: translateY(0);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 70px;
}
.page-footer-corporate-bottom > * {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1800px) {
.page-footer-corporate .rd-mailform + * {
margin-top: 70px;
}
.page-footer-corporate-top {
padding: 70px 0 40px;
}
.page-footer-corporate-inner {
padding: 0 50px 0 35px;
}
}
.one-screen-page {
text-align: center;
background-color: #1b181d;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
}
.one-screen-page .page {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: transparent;
}
.one-screen-page-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 100vh;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.one-screen-page-inner,
.one-screen-page-inner > * {
width: 100%;
}
.one-screen-page-inner:before {
content: "";
display: block;
width: 100%;
}
.one-screen-page .shell {
width: 100%;
}
.one-screen-page header {
padding: calc(1em + 3vh) 0 calc(1em + 1.5vh);
}
.one-screen-page .one-screen-page-content {
padding: calc(1em + 3vh) 0;
}
.one-screen-page footer {
padding: calc(1em + 1.5vh) 0 calc(1em + 3vh);
}
.one-screen-page .rights a,
.one-screen-page .rights a:active,
.one-screen-page .rights a:focus {
color: #fff;
}
.one-screen-page .rights a:hover {
color: #9b9b9b;
}
.one-screen-page * + .group-sm {
margin-top: 35px;
}
@media (min-width: 768px) {
.one-screen-page * + .group-sm {
margin-top: 45px;
}
.one-screen-page * + .h7 {
margin-top: 40px;
}
}
.ie-10 .one-screen-page,
.ie-11 .one-screen-page {
overflow-x: hidden;
overflow-y: auto;
}
.footer-default {
padding: 0;
}
@media (min-width: 768px) {
.footer-default h3 {
font-size: 30px;
}
}
.footer-default h3 + .post-minimal {
margin-top: 35px;
}
.footer-default * + .list-desc {
margin-top: 0;
}
.footer-default * + .post-minimal {
margin-top: 37px;
}
.footer-default a,
.footer-default a:active,
.footer-default a:focus {
color: #fff;
}
.footer-default a:hover {
color: #dcd1d5;
}
.footer-default .list-desc dt {
color: #dcd1d5;
}
.footer-default .post-box-icon {
color: #dcd1d5;
font-style: italic;
}
.footer-default .post-box-icon:before {
font-style: normal;
color: #fff;
}
.footer-default .rd-mailform {
line-height: 0;
}
.footer-default .rd-mailform .form-button {
margin-top: 20px;
}
.footer-default .contact-list li {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.footer-default .contact-list li {
padding-top: 30px;
padding-bottom: 30px;
}
}
.footer-default .contact-list li:first-of-type {
padding-top: 0;
}
.footer-default .contact-list li + li:before {
content: "";
display: inline-block;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
max-width: 200px;
border-top: 1px solid #4d4d4d;
}
.footer-default .rights a {
text-decoration: underline;
}
.footer-default .rights a,
.footer-default .rights a:active,
.footer-default .rights a:focus {
color: #fff;
}
.footer-default .rights a:hover {
color: #9b9b9b;
} /*
*
* Helpers
* ==================================================
*/ /*
*
* Text Alignment
* --------------------------------------------------
*/
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-middle {
vertical-align: middle;
}
@media (min-width: 480px) {
html:not(.lt-ie10) .text-xs-left {
text-align: left;
}
html:not(.lt-ie10) .text-xs-center {
text-align: center;
}
html:not(.lt-ie10) .text-xs-right {
text-align: right;
}
html:not(.lt-ie10) .text-xs-justify {
text-align: justify;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .text-sm-left {
text-align: left;
}
html:not(.lt-ie10) .text-sm-center {
text-align: center;
}
html:not(.lt-ie10) .text-sm-right {
text-align: right;
}
html:not(.lt-ie10) .text-sm-justify {
text-align: justify;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .text-md-left {
text-align: left;
}
html:not(.lt-ie10) .text-md-center {
text-align: center;
}
html:not(.lt-ie10) .text-md-right {
text-align: right;
}
html:not(.lt-ie10) .text-md-justify {
text-align: justify;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .text-lg-left {
text-align: left;
}
html:not(.lt-ie10) .text-lg-center {
text-align: center;
}
html:not(.lt-ie10) .text-lg-right {
text-align: right;
}
html:not(.lt-ie10) .text-lg-justify {
text-align: justify;
}
} /*
*
* Text styling
* --------------------------------------------------
*/
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
.page .text-thin {
font-weight: 100;
}
.page .text-light {
font-weight: 300;
}
.page .text-regular {
font-weight: 400;
}
.page .text-medium {
font-weight: 500;
}
.page .text-sbold {
font-weight: 600;
}
.page .text-bold,
.page strong {
font-weight: 700;
}
.page .text-ubold {
font-weight: 900;
}
.text-spacing-0 {
letter-spacing: 0;
} /*
*
* Visibility Responsive
* --------------------------------------------------
*/
.reveal-block {
display: block !important;
}
.reveal-inline-block {
display: inline-block !important;
}
.reveal-inline {
display: inline !important;
}
.reveal-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil {
display: none !important;
}
@media (min-width: 480px) {
.reveal-xs-block {
display: block !important;
}
.reveal-xs-inline-block {
display: inline-block !important;
}
.reveal-xs-inline {
display: inline !important;
}
.reveal-xs-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-xs {
display: none !important;
}
}
@media (min-width: 768px) {
.reveal-sm-block {
display: block !important;
}
.reveal-sm-inline-block {
display: inline-block !important;
}
.reveal-sm-inline {
display: inline !important;
}
.reveal-sm-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-sm {
display: none !important;
}
}
@media (min-width: 992px) {
.reveal-md-block {
display: block !important;
}
.reveal-md-inline-block {
display: inline-block !important;
}
.reveal-md-inline {
display: inline !important;
}
.reveal-md-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.reveal-lg-block {
display: block !important;
}
.reveal-lg-inline-block {
display: inline-block !important;
}
.reveal-lg-inline {
display: inline !important;
}
.reveal-lg-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-lg {
display: none !important;
}
}
@media (min-width: 1800px) {
.reveal-xl-block {
display: block !important;
}
.reveal-xl-inline-block {
display: inline-block !important;
}
.reveal-xl-inline {
display: inline !important;
}
.reveal-xl-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-xl {
display: none !important;
}
} /*
*
* Element groups
* --------------------------------------------------
*/
html .page .group {
transform: translateY(-20px);
margin-bottom: -20px;
margin-left: -15px;
}
html .page .group > *,
html .page .group > *:first-child {
display: inline-block;
margin-top: 20px;
margin-left: 15px;
}
html .page .group-xs {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -12px;
}
html .page .group-xs > *,
html .page .group-xs > *:first-child {
display: inline-block;
margin-top: 5px;
margin-left: 12px;
}
html .page .group-sm {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -10px;
}
html .page .group-sm > *,
html .page .group-sm > *:first-child {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
html .page .group-lg {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -20px;
}
html .page .group-lg > *,
html .page .group-lg > *:first-child {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
}
html .page .group-xl {
transform: translateY(-27px);
margin-bottom: -27px;
margin-left: -27px;
}
html .page .group-xl > *,
html .page .group-xl > *:first-child {
display: inline-block;
margin-top: 27px;
margin-left: 27px;
}
@media (min-width: 992px) {
html .page .group-xl {
transform: translateY(-25px);
margin-bottom: -25px;
margin-left: -40px;
}
html .page .group-xl > *,
html .page .group-xl > *:first-child {
display: inline-block;
margin-top: 25px;
margin-left: 40px;
}
}
@media (min-width: 1200px) {
html .page .group-xl {
transform: translateY(-30px);
margin-bottom: -30px;
margin-left: -90px;
}
html .page .group-xl > *,
html .page .group-xl > *:first-child {
display: inline-block;
margin-top: 30px;
margin-left: 90px;
}
}
html .page .group-top > *,
html .page .group-top > *:first-child {
vertical-align: top;
}
html .page .group-middle {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
html .page .group-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
html .page .group-bottom > *,
html .page .group-bottom > *:first-child {
vertical-align: bottom;
} /*
*
* Contexts
* --------------------------------------------------
*/
.bg-gray-dark,
.bg-primary,
.bg-gray-10,
.bg-gray-13,
.bg-gray-11,
.bg-secondary-3,
.bg-half-secondary-3,
.one-screen-page,
.context-dark {
color: #fff;
}
.bg-gray-dark h1,
.bg-primary h1,
.bg-gray-10 h1,
.bg-gray-13 h1,
.bg-gray-11 h1,
.bg-secondary-3 h1,
.bg-half-secondary-3 h1,
.one-screen-page h1,
.context-dark h1,
.bg-gray-dark .heading-1,
.bg-primary .heading-1,
.bg-gray-10 .heading-1,
.bg-gray-13 .heading-1,
.bg-gray-11 .heading-1,
.bg-secondary-3 .heading-1,
.bg-half-secondary-3 .heading-1,
.one-screen-page .heading-1,
.context-dark .heading-1,
.bg-gray-dark h2,
.bg-primary h2,
.bg-gray-10 h2,
.bg-gray-13 h2,
.bg-gray-11 h2,
.bg-secondary-3 h2,
.bg-half-secondary-3 h2,
.one-screen-page h2,
.context-dark h2,
.bg-gray-dark .heading-2,
.bg-primary .heading-2,
.bg-gray-10 .heading-2,
.bg-gray-13 .heading-2,
.bg-gray-11 .heading-2,
.bg-secondary-3 .heading-2,
.bg-half-secondary-3 .heading-2,
.one-screen-page .heading-2,
.context-dark .heading-2,
.bg-gray-dark h3,
.bg-primary h3,
.bg-gray-10 h3,
.bg-gray-13 h3,
.bg-gray-11 h3,
.bg-secondary-3 h3,
.bg-half-secondary-3 h3,
.one-screen-page h3,
.context-dark h3,
.bg-gray-dark .heading-3,
.bg-primary .heading-3,
.bg-gray-10 .heading-3,
.bg-gray-13 .heading-3,
.bg-gray-11 .heading-3,
.bg-secondary-3 .heading-3,
.bg-half-secondary-3 .heading-3,
.one-screen-page .heading-3,
.context-dark .heading-3,
.bg-gray-dark h4,
.bg-primary h4,
.bg-gray-10 h4,
.bg-gray-13 h4,
.bg-gray-11 h4,
.bg-secondary-3 h4,
.bg-half-secondary-3 h4,
.one-screen-page h4,
.context-dark h4,
.bg-gray-dark .heading-4,
.bg-primary .heading-4,
.bg-gray-10 .heading-4,
.bg-gray-13 .heading-4,
.bg-gray-11 .heading-4,
.bg-secondary-3 .heading-4,
.bg-half-secondary-3 .heading-4,
.one-screen-page .heading-4,
.context-dark .heading-4,
.bg-gray-dark h5,
.bg-primary h5,
.bg-gray-10 h5,
.bg-gray-13 h5,
.bg-gray-11 h5,
.bg-secondary-3 h5,
.bg-half-secondary-3 h5,
.one-screen-page h5,
.context-dark h5,
.bg-gray-dark .heading-5,
.bg-primary .heading-5,
.bg-gray-10 .heading-5,
.bg-gray-13 .heading-5,
.bg-gray-11 .heading-5,
.bg-secondary-3 .heading-5,
.bg-half-secondary-3 .heading-5,
.one-screen-page .heading-5,
.context-dark .heading-5,
.bg-gray-dark h6,
.bg-primary h6,
.bg-gray-10 h6,
.bg-gray-13 h6,
.bg-gray-11 h6,
.bg-secondary-3 h6,
.bg-half-secondary-3 h6,
.one-screen-page h6,
.context-dark h6,
.bg-gray-dark .heading-6,
.bg-primary .heading-6,
.bg-gray-10 .heading-6,
.bg-gray-13 .heading-6,
.bg-gray-11 .heading-6,
.bg-secondary-3 .heading-6,
.bg-half-secondary-3 .heading-6,
.one-screen-page .heading-6,
.context-dark .heading-6,
.bg-gray-dark,
.bg-primary,
.bg-gray-10,
.bg-gray-13,
.bg-gray-11,
.bg-secondary-3,
.bg-half-secondary-3,
.one-screen-page,
.context-dark {
color: #fff;
}
.bg-gray-dark .button-secondary-outline,
.bg-primary .button-secondary-outline,
.bg-gray-10 .button-secondary-outline,
.bg-gray-13 .button-secondary-outline,
.bg-gray-11 .button-secondary-outline,
.bg-secondary-3 .button-secondary-outline,
.bg-half-secondary-3 .button-secondary-outline,
.one-screen-page .button-secondary-outline,
.context-dark .button-secondary-outline {
color: #fff;
background-color: transparent;
border-color: #dcd1d5;
}
.bg-gray-dark .button-secondary-outline:hover,
.bg-primary .button-secondary-outline:hover,
.bg-gray-10 .button-secondary-outline:hover,
.bg-gray-13 .button-secondary-outline:hover,
.bg-gray-11 .button-secondary-outline:hover,
.bg-secondary-3 .button-secondary-outline:hover,
.bg-half-secondary-3 .button-secondary-outline:hover,
.one-screen-page .button-secondary-outline:hover,
.context-dark .button-secondary-outline:hover,
.bg-gray-dark .button-secondary-outline:focus,
.bg-primary .button-secondary-outline:focus,
.bg-gray-10 .button-secondary-outline:focus,
.bg-gray-13 .button-secondary-outline:focus,
.bg-gray-11 .button-secondary-outline:focus,
.bg-secondary-3 .button-secondary-outline:focus,
.bg-half-secondary-3 .button-secondary-outline:focus,
.one-screen-page .button-secondary-outline:focus,
.context-dark .button-secondary-outline:focus,
.bg-gray-dark .button-secondary-outline:active,
.bg-primary .button-secondary-outline:active,
.bg-gray-10 .button-secondary-outline:active,
.bg-gray-13 .button-secondary-outline:active,
.bg-gray-11 .button-secondary-outline:active,
.bg-secondary-3 .button-secondary-outline:active,
.bg-half-secondary-3 .button-secondary-outline:active,
.one-screen-page .button-secondary-outline:active,
.context-dark .button-secondary-outline:active,
.bg-gray-dark .button-secondary-outline:hover,
.bg-primary .button-secondary-outline:hover,
.bg-gray-10 .button-secondary-outline:hover,
.bg-gray-13 .button-secondary-outline:hover,
.bg-gray-11 .button-secondary-outline:hover,
.bg-secondary-3 .button-secondary-outline:hover,
.bg-half-secondary-3 .button-secondary-outline:hover,
.one-screen-page .button-secondary-outline:hover,
.context-dark .button-secondary-outline:hover {
color: #151515;
background-color: #fff;
border-color: #fff;
}
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:before,
.bg-primary .button-secondary-outline.button-effect-ujarak:before,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:before,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:before,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:before,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:before,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:before,
.one-screen-page .button-secondary-outline.button-effect-ujarak:before,
.context-dark .button-secondary-outline.button-effect-ujarak:before {
background-color: #fff;
}
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:after,
.bg-primary .button-secondary-outline.button-effect-ujarak:after,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:after,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:after,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:after,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:after,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:after,
.one-screen-page .button-secondary-outline.button-effect-ujarak:after,
.context-dark .button-secondary-outline.button-effect-ujarak:after {
border: 3px solid #dcd1d5;
}
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:focus,
.bg-primary .button-secondary-outline.button-effect-ujarak:focus,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:focus,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:focus,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:focus,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:focus,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:focus,
.one-screen-page .button-secondary-outline.button-effect-ujarak:focus,
.context-dark .button-secondary-outline.button-effect-ujarak:focus,
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:active,
.bg-primary .button-secondary-outline.button-effect-ujarak:active,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:active,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:active,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:active,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:active,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:active,
.one-screen-page .button-secondary-outline.button-effect-ujarak:active,
.context-dark .button-secondary-outline.button-effect-ujarak:active {
background: #fff;
border-color: #fff;
}
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-primary .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:focus:after,
.one-screen-page .button-secondary-outline.button-effect-ujarak:focus:after,
.context-dark .button-secondary-outline.button-effect-ujarak:focus:after,
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:active:after,
.bg-primary .button-secondary-outline.button-effect-ujarak:active:after,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:active:after,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:active:after,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:active:after,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:active:after,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:active:after,
.one-screen-page .button-secondary-outline.button-effect-ujarak:active:after,
.context-dark .button-secondary-outline.button-effect-ujarak:active:after {
border-color: #fff;
}
.bg-gray-dark .button-secondary-outline.button-effect-ujarak:hover,
.bg-primary .button-secondary-outline.button-effect-ujarak:hover,
.bg-gray-10 .button-secondary-outline.button-effect-ujarak:hover,
.bg-gray-13 .button-secondary-outline.button-effect-ujarak:hover,
.bg-gray-11 .button-secondary-outline.button-effect-ujarak:hover,
.bg-secondary-3 .button-secondary-outline.button-effect-ujarak:hover,
.bg-half-secondary-3 .button-secondary-outline.button-effect-ujarak:hover,
.one-screen-page .button-secondary-outline.button-effect-ujarak:hover,
.context-dark .button-secondary-outline.button-effect-ujarak:hover {
background: transparent;
}
.bg-gray-dark h1,
.bg-primary h1,
.bg-gray-10 h1,
.bg-gray-13 h1,
.bg-gray-11 h1,
.bg-secondary-3 h1,
.bg-half-secondary-3 h1,
.one-screen-page h1,
.context-dark h1,
.bg-gray-dark h2,
.bg-primary h2,
.bg-gray-10 h2,
.bg-gray-13 h2,
.bg-gray-11 h2,
.bg-secondary-3 h2,
.bg-half-secondary-3 h2,
.one-screen-page h2,
.context-dark h2,
.bg-gray-dark h3,
.bg-primary h3,
.bg-gray-10 h3,
.bg-gray-13 h3,
.bg-gray-11 h3,
.bg-secondary-3 h3,
.bg-half-secondary-3 h3,
.one-screen-page h3,
.context-dark h3,
.bg-gray-dark h4,
.bg-primary h4,
.bg-gray-10 h4,
.bg-gray-13 h4,
.bg-gray-11 h4,
.bg-secondary-3 h4,
.bg-half-secondary-3 h4,
.one-screen-page h4,
.context-dark h4,
.bg-gray-dark h5,
.bg-primary h5,
.bg-gray-10 h5,
.bg-gray-13 h5,
.bg-gray-11 h5,
.bg-secondary-3 h5,
.bg-half-secondary-3 h5,
.one-screen-page h5,
.context-dark h5,
.bg-gray-dark h6,
.bg-primary h6,
.bg-gray-10 h6,
.bg-gray-13 h6,
.bg-gray-11 h6,
.bg-secondary-3 h6,
.bg-half-secondary-3 h6,
.one-screen-page h6,
.context-dark h6,
.bg-gray-dark .heading-1,
.bg-primary .heading-1,
.bg-gray-10 .heading-1,
.bg-gray-13 .heading-1,
.bg-gray-11 .heading-1,
.bg-secondary-3 .heading-1,
.bg-half-secondary-3 .heading-1,
.one-screen-page .heading-1,
.context-dark .heading-1,
.bg-gray-dark .heading-2,
.bg-primary .heading-2,
.bg-gray-10 .heading-2,
.bg-gray-13 .heading-2,
.bg-gray-11 .heading-2,
.bg-secondary-3 .heading-2,
.bg-half-secondary-3 .heading-2,
.one-screen-page .heading-2,
.context-dark .heading-2,
.bg-gray-dark .heading-3,
.bg-primary .heading-3,
.bg-gray-10 .heading-3,
.bg-gray-13 .heading-3,
.bg-gray-11 .heading-3,
.bg-secondary-3 .heading-3,
.bg-half-secondary-3 .heading-3,
.one-screen-page .heading-3,
.context-dark .heading-3,
.bg-gray-dark .heading-4,
.bg-primary .heading-4,
.bg-gray-10 .heading-4,
.bg-gray-13 .heading-4,
.bg-gray-11 .heading-4,
.bg-secondary-3 .heading-4,
.bg-half-secondary-3 .heading-4,
.one-screen-page .heading-4,
.context-dark .heading-4,
.bg-gray-dark .heading-5,
.bg-primary .heading-5,
.bg-gray-10 .heading-5,
.bg-gray-13 .heading-5,
.bg-gray-11 .heading-5,
.bg-secondary-3 .heading-5,
.bg-half-secondary-3 .heading-5,
.one-screen-page .heading-5,
.context-dark .heading-5,
.bg-gray-dark .heading-6,
.bg-primary .heading-6,
.bg-gray-10 .heading-6,
.bg-gray-13 .heading-6,
.bg-gray-11 .heading-6,
.bg-secondary-3 .heading-6,
.bg-half-secondary-3 .heading-6,
.one-screen-page .heading-6,
.context-dark .heading-6 {
color: #fff;
}
.bg-gray-dark .divider,
.bg-primary .divider,
.bg-gray-10 .divider,
.bg-gray-13 .divider,
.bg-gray-11 .divider,
.bg-secondary-3 .divider,
.bg-half-secondary-3 .divider,
.one-screen-page .divider,
.context-dark .divider {
background-color: #636e74;
}
.bg-gray-dark .divider-secondary,
.bg-primary .divider-secondary,
.bg-gray-10 .divider-secondary,
.bg-gray-13 .divider-secondary,
.bg-gray-11 .divider-secondary,
.bg-secondary-3 .divider-secondary,
.bg-half-secondary-3 .divider-secondary,
.one-screen-page .divider-secondary,
.context-dark .divider-secondary {
background-color: #dcd1d5;
}
.bg-gray-dark .rd-mailform .form-input,
.bg-primary .rd-mailform .form-input,
.bg-gray-10 .rd-mailform .form-input,
.bg-gray-13 .rd-mailform .form-input,
.bg-gray-11 .rd-mailform .form-input,
.bg-secondary-3 .rd-mailform .form-input,
.bg-half-secondary-3 .rd-mailform .form-input,
.one-screen-page .rd-mailform .form-input,
.context-dark .rd-mailform .form-input,
.bg-gray-dark .rd-mailform .form-label,
.bg-primary .rd-mailform .form-label,
.bg-gray-10 .rd-mailform .form-label,
.bg-gray-13 .rd-mailform .form-label,
.bg-gray-11 .rd-mailform .form-label,
.bg-secondary-3 .rd-mailform .form-label,
.bg-half-secondary-3 .rd-mailform .form-label,
.one-screen-page .rd-mailform .form-label,
.context-dark .rd-mailform .form-label,
.bg-gray-dark .rd-mailform .form-label-outside,
.bg-primary .rd-mailform .form-label-outside,
.bg-gray-10 .rd-mailform .form-label-outside,
.bg-gray-13 .rd-mailform .form-label-outside,
.bg-gray-11 .rd-mailform .form-label-outside,
.bg-secondary-3 .rd-mailform .form-label-outside,
.bg-half-secondary-3 .rd-mailform .form-label-outside,
.one-screen-page .rd-mailform .form-label-outside,
.context-dark .rd-mailform .form-label-outside,
.bg-gray-dark .rd-mailform .form-validation,
.bg-primary .rd-mailform .form-validation,
.bg-gray-10 .rd-mailform .form-validation,
.bg-gray-13 .rd-mailform .form-validation,
.bg-gray-11 .rd-mailform .form-validation,
.bg-secondary-3 .rd-mailform .form-validation,
.bg-half-secondary-3 .rd-mailform .form-validation,
.one-screen-page .rd-mailform .form-validation,
.context-dark .rd-mailform .form-validation {
color: #fff;
}
.bg-gray-dark .rd-mailform .form-input,
.bg-primary .rd-mailform .form-input,
.bg-gray-10 .rd-mailform .form-input,
.bg-gray-13 .rd-mailform .form-input,
.bg-gray-11 .rd-mailform .form-input,
.bg-secondary-3 .rd-mailform .form-input,
.bg-half-secondary-3 .rd-mailform .form-input,
.one-screen-page .rd-mailform .form-input,
.context-dark .rd-mailform .form-input {
background: rgba(255, 255, 255, 0.47);
border: 0;
}
.bg-gray-dark .form-wrap_icon::before,
.bg-primary .form-wrap_icon::before,
.bg-gray-10 .form-wrap_icon::before,
.bg-gray-13 .form-wrap_icon::before,
.bg-gray-11 .form-wrap_icon::before,
.bg-secondary-3 .form-wrap_icon::before,
.bg-half-secondary-3 .form-wrap_icon::before,
.one-screen-page .form-wrap_icon::before,
.context-dark .form-wrap_icon::before {
color: #fff;
}
.bg-gray-dark .counter-box,
.bg-primary .counter-box,
.bg-gray-10 .counter-box,
.bg-gray-13 .counter-box,
.bg-gray-11 .counter-box,
.bg-secondary-3 .counter-box,
.bg-half-secondary-3 .counter-box,
.one-screen-page .counter-box,
.context-dark .counter-box,
.bg-gray-dark .counter-box .counter-box-header,
.bg-primary .counter-box .counter-box-header,
.bg-gray-10 .counter-box .counter-box-header,
.bg-gray-13 .counter-box .counter-box-header,
.bg-gray-11 .counter-box .counter-box-header,
.bg-secondary-3 .counter-box .counter-box-header,
.bg-half-secondary-3 .counter-box .counter-box-header,
.one-screen-page .counter-box .counter-box-header,
.context-dark .counter-box .counter-box-header {
color: #fff;
}
.bg-gray-dark .counter-box-minimal .counter,
.bg-primary .counter-box-minimal .counter,
.bg-gray-10 .counter-box-minimal .counter,
.bg-gray-13 .counter-box-minimal .counter,
.bg-gray-11 .counter-box-minimal .counter,
.bg-secondary-3 .counter-box-minimal .counter,
.bg-half-secondary-3 .counter-box-minimal .counter,
.one-screen-page .counter-box-minimal .counter,
.context-dark .counter-box-minimal .counter,
.bg-gray-dark .counter-box-minimal .counter-box-title,
.bg-primary .counter-box-minimal .counter-box-title,
.bg-gray-10 .counter-box-minimal .counter-box-title,
.bg-gray-13 .counter-box-minimal .counter-box-title,
.bg-gray-11 .counter-box-minimal .counter-box-title,
.bg-secondary-3 .counter-box-minimal .counter-box-title,
.bg-half-secondary-3 .counter-box-minimal .counter-box-title,
.one-screen-page .counter-box-minimal .counter-box-title,
.context-dark .counter-box-minimal .counter-box-title {
color: #fff;
}
.bg-gray-dark .quote-circle cite,
.bg-primary .quote-circle cite,
.bg-gray-10 .quote-circle cite,
.bg-gray-13 .quote-circle cite,
.bg-gray-11 .quote-circle cite,
.bg-secondary-3 .quote-circle cite,
.bg-half-secondary-3 .quote-circle cite,
.one-screen-page .quote-circle cite,
.context-dark .quote-circle cite,
.bg-gray-dark .quote-circle .quote-text,
.bg-primary .quote-circle .quote-text,
.bg-gray-10 .quote-circle .quote-text,
.bg-gray-13 .quote-circle .quote-text,
.bg-gray-11 .quote-circle .quote-text,
.bg-secondary-3 .quote-circle .quote-text,
.bg-half-secondary-3 .quote-circle .quote-text,
.one-screen-page .quote-circle .quote-text,
.context-dark .quote-circle .quote-text,
.bg-gray-dark .quote-circle .quote-boxed-meta,
.bg-primary .quote-circle .quote-boxed-meta,
.bg-gray-10 .quote-circle .quote-boxed-meta,
.bg-gray-13 .quote-circle .quote-boxed-meta,
.bg-gray-11 .quote-circle .quote-boxed-meta,
.bg-secondary-3 .quote-circle .quote-boxed-meta,
.bg-half-secondary-3 .quote-circle .quote-boxed-meta,
.one-screen-page .quote-circle .quote-boxed-meta,
.context-dark .quote-circle .quote-boxed-meta {
color: #fff;
}
.bg-gray-dark .list-nav-marked > li,
.bg-primary .list-nav-marked > li,
.bg-gray-10 .list-nav-marked > li,
.bg-gray-13 .list-nav-marked > li,
.bg-gray-11 .list-nav-marked > li,
.bg-secondary-3 .list-nav-marked > li,
.bg-half-secondary-3 .list-nav-marked > li,
.one-screen-page .list-nav-marked > li,
.context-dark .list-nav-marked > li {
color: #fff;
}
.bg-gray-dark .terms-list-inline dt:after,
.bg-primary .terms-list-inline dt:after,
.bg-gray-10 .terms-list-inline dt:after,
.bg-gray-13 .terms-list-inline dt:after,
.bg-gray-11 .terms-list-inline dt:after,
.bg-secondary-3 .terms-list-inline dt:after,
.bg-half-secondary-3 .terms-list-inline dt:after,
.one-screen-page .terms-list-inline dt:after,
.context-dark .terms-list-inline dt:after,
.bg-gray-dark .terms-list-inline dd,
.bg-primary .terms-list-inline dd,
.bg-gray-10 .terms-list-inline dd,
.bg-gray-13 .terms-list-inline dd,
.bg-gray-11 .terms-list-inline dd,
.bg-secondary-3 .terms-list-inline dd,
.bg-half-secondary-3 .terms-list-inline dd,
.one-screen-page .terms-list-inline dd,
.context-dark .terms-list-inline dd {
color: #fff;
}
.bg-gray-dark .link,
.bg-primary .link,
.bg-gray-10 .link,
.bg-gray-13 .link,
.bg-gray-11 .link,
.bg-secondary-3 .link,
.bg-half-secondary-3 .link,
.one-screen-page .link,
.context-dark .link,
.bg-gray-dark .link:active,
.bg-primary .link:active,
.bg-gray-10 .link:active,
.bg-gray-13 .link:active,
.bg-gray-11 .link:active,
.bg-secondary-3 .link:active,
.bg-half-secondary-3 .link:active,
.one-screen-page .link:active,
.context-dark .link:active,
.bg-gray-dark .link:focus,
.bg-primary .link:focus,
.bg-gray-10 .link:focus,
.bg-gray-13 .link:focus,
.bg-gray-11 .link:focus,
.bg-secondary-3 .link:focus,
.bg-half-secondary-3 .link:focus,
.one-screen-page .link:focus,
.context-dark .link:focus {
color: #fff;
}
.bg-gray-dark .link:hover,
.bg-primary .link:hover,
.bg-gray-10 .link:hover,
.bg-gray-13 .link:hover,
.bg-gray-11 .link:hover,
.bg-secondary-3 .link:hover,
.bg-half-secondary-3 .link:hover,
.one-screen-page .link:hover,
.context-dark .link:hover {
color: #8f859e;
}
.bg-gray-dark .terms-list dd,
.bg-primary .terms-list dd,
.bg-gray-10 .terms-list dd,
.bg-gray-13 .terms-list dd,
.bg-gray-11 .terms-list dd,
.bg-secondary-3 .terms-list dd,
.bg-half-secondary-3 .terms-list dd,
.one-screen-page .terms-list dd,
.context-dark .terms-list dd {
color: #fff;
}
.bg-gray-dark .button-gray-dark-outline,
.bg-primary .button-gray-dark-outline,
.bg-gray-10 .button-gray-dark-outline,
.bg-gray-13 .button-gray-dark-outline,
.bg-gray-11 .button-gray-dark-outline,
.bg-secondary-3 .button-gray-dark-outline,
.bg-half-secondary-3 .button-gray-dark-outline,
.one-screen-page .button-gray-dark-outline,
.context-dark .button-gray-dark-outline {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.bg-gray-dark .button-gray-dark-outline:hover,
.bg-primary .button-gray-dark-outline:hover,
.bg-gray-10 .button-gray-dark-outline:hover,
.bg-gray-13 .button-gray-dark-outline:hover,
.bg-gray-11 .button-gray-dark-outline:hover,
.bg-secondary-3 .button-gray-dark-outline:hover,
.bg-half-secondary-3 .button-gray-dark-outline:hover,
.one-screen-page .button-gray-dark-outline:hover,
.context-dark .button-gray-dark-outline:hover,
.bg-gray-dark .button-gray-dark-outline:focus,
.bg-primary .button-gray-dark-outline:focus,
.bg-gray-10 .button-gray-dark-outline:focus,
.bg-gray-13 .button-gray-dark-outline:focus,
.bg-gray-11 .button-gray-dark-outline:focus,
.bg-secondary-3 .button-gray-dark-outline:focus,
.bg-half-secondary-3 .button-gray-dark-outline:focus,
.one-screen-page .button-gray-dark-outline:focus,
.context-dark .button-gray-dark-outline:focus,
.bg-gray-dark .button-gray-dark-outline:active,
.bg-primary .button-gray-dark-outline:active,
.bg-gray-10 .button-gray-dark-outline:active,
.bg-gray-13 .button-gray-dark-outline:active,
.bg-gray-11 .button-gray-dark-outline:active,
.bg-secondary-3 .button-gray-dark-outline:active,
.bg-half-secondary-3 .button-gray-dark-outline:active,
.one-screen-page .button-gray-dark-outline:active,
.context-dark .button-gray-dark-outline:active,
.bg-gray-dark .button-gray-dark-outline:hover,
.bg-primary .button-gray-dark-outline:hover,
.bg-gray-10 .button-gray-dark-outline:hover,
.bg-gray-13 .button-gray-dark-outline:hover,
.bg-gray-11 .button-gray-dark-outline:hover,
.bg-secondary-3 .button-gray-dark-outline:hover,
.bg-half-secondary-3 .button-gray-dark-outline:hover,
.one-screen-page .button-gray-dark-outline:hover,
.context-dark .button-gray-dark-outline:hover {
color: #151515;
background-color: #fff;
border-color: #fff;
}
.bg-gray-dark .button-gray-dark-outline.button-effect-ujarak:before,
.bg-primary .button-gray-dark-outline.button-effect-ujarak:before,
.bg-gray-10 .button-gray-dark-outline.button-effect-ujarak:before,
.bg-gray-13 .button-gray-dark-outline.button-effect-ujarak:before,
.bg-gray-11 .button-gray-dark-outline.button-effect-ujarak:before,
.bg-secondary-3 .button-gray-dark-outline.button-effect-ujarak:before,
.bg-half-secondary-3 .button-gray-dark-outline.button-effect-ujarak:before,
.one-screen-page .button-gray-dark-outline.button-effect-ujarak:before,
.context-dark .button-gray-dark-outline.button-effect-ujarak:before {
background-color: #fff;
}
.bg-gray-dark .button-gray-dark-outline.button-effect-ujarak:after,
.bg-primary .button-gray-dark-outline.button-effect-ujarak:after,
.bg-gray-10 .button-gray-dark-outline.button-effect-ujarak:after,
.bg-gray-13 .button-gray-dark-outline.button-effect-ujarak:after,
.bg-gray-11 .button-gray-dark-outline.button-effect-ujarak:after,
.bg-secondary-3 .button-gray-dark-outline.button-effect-ujarak:after,
.bg-half-secondary-3 .button-gray-dark-outline.button-effect-ujarak:after,
.one-screen-page .button-gray-dark-outline.button-effect-ujarak:after,
.context-dark .button-gray-dark-outline.button-effect-ujarak:after {
border: 3px solid #fff;
}
.bg-gray-dark .button-gray-dark-outline.button-effect-ujarak:hover,
.bg-primary .button-gray-dark-outline.button-effect-ujarak:hover,
.bg-gray-10 .button-gray-dark-outline.button-effect-ujarak:hover,
.bg-gray-13 .button-gray-dark-outline.button-effect-ujarak:hover,
.bg-gray-11 .button-gray-dark-outline.button-effect-ujarak:hover,
.bg-secondary-3 .button-gray-dark-outline.button-effect-ujarak:hover,
.bg-half-secondary-3 .button-gray-dark-outline.button-effect-ujarak:hover,
.one-screen-page .button-gray-dark-outline.button-effect-ujarak:hover,
.context-dark .button-gray-dark-outline.button-effect-ujarak:hover {
background: transparent;
}
.bg-gray-dark .box-bordered,
.bg-primary .box-bordered,
.bg-gray-10 .box-bordered,
.bg-gray-13 .box-bordered,
.bg-gray-11 .box-bordered,
.bg-secondary-3 .box-bordered,
.bg-half-secondary-3 .box-bordered,
.one-screen-page .box-bordered,
.context-dark .box-bordered,
.bg-gray-dark .services-box-main-var-1,
.bg-primary .services-box-main-var-1,
.bg-gray-10 .services-box-main-var-1,
.bg-gray-13 .services-box-main-var-1,
.bg-gray-11 .services-box-main-var-1,
.bg-secondary-3 .services-box-main-var-1,
.bg-half-secondary-3 .services-box-main-var-1,
.one-screen-page .services-box-main-var-1,
.context-dark .services-box-main-var-1,
.bg-gray-dark .services-box-main-var-1-inner,
.bg-primary .services-box-main-var-1-inner,
.bg-gray-10 .services-box-main-var-1-inner,
.bg-gray-13 .services-box-main-var-1-inner,
.bg-gray-11 .services-box-main-var-1-inner,
.bg-secondary-3 .services-box-main-var-1-inner,
.bg-half-secondary-3 .services-box-main-var-1-inner,
.one-screen-page .services-box-main-var-1-inner,
.context-dark .services-box-main-var-1-inner {
border-color: rgba(255, 255, 255, 0.22);
}
.bg-gray-dark .btn-primary,
.bg-primary .btn-primary,
.bg-gray-10 .btn-primary,
.bg-gray-13 .btn-primary,
.bg-gray-11 .btn-primary,
.bg-secondary-3 .btn-primary,
.bg-half-secondary-3 .btn-primary,
.one-screen-page .btn-primary,
.context-dark .btn-primary {
color: #8f859e;
background-color: #fff;
border-color: #fff;
}
.bg-gray-dark .btn-primary:hover,
.bg-primary .btn-primary:hover,
.bg-gray-10 .btn-primary:hover,
.bg-gray-13 .btn-primary:hover,
.bg-gray-11 .btn-primary:hover,
.bg-secondary-3 .btn-primary:hover,
.bg-half-secondary-3 .btn-primary:hover,
.one-screen-page .btn-primary:hover,
.context-dark .btn-primary:hover,
.bg-gray-dark .btn-primary:focus,
.bg-primary .btn-primary:focus,
.bg-gray-10 .btn-primary:focus,
.bg-gray-13 .btn-primary:focus,
.bg-gray-11 .btn-primary:focus,
.bg-secondary-3 .btn-primary:focus,
.bg-half-secondary-3 .btn-primary:focus,
.one-screen-page .btn-primary:focus,
.context-dark .btn-primary:focus,
.bg-gray-dark .btn-primary:active,
.bg-primary .btn-primary:active,
.bg-gray-10 .btn-primary:active,
.bg-gray-13 .btn-primary:active,
.bg-gray-11 .btn-primary:active,
.bg-secondary-3 .btn-primary:active,
.bg-half-secondary-3 .btn-primary:active,
.one-screen-page .btn-primary:active,
.context-dark .btn-primary:active,
.bg-gray-dark .btn-primary:hover,
.bg-primary .btn-primary:hover,
.bg-gray-10 .btn-primary:hover,
.bg-gray-13 .btn-primary:hover,
.bg-gray-11 .btn-primary:hover,
.bg-secondary-3 .btn-primary:hover,
.bg-half-secondary-3 .btn-primary:hover,
.one-screen-page .btn-primary:hover,
.context-dark .btn-primary:hover {
color: #8f859e;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.bg-gray-dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.bg-primary .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.bg-gray-10 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.bg-gray-13 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.bg-gray-11 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.bg-secondary-3 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.bg-half-secondary-3 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.one-screen-page .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.context-dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.page .bg-gray-dark .text-secondary,
.page .bg-primary .text-secondary,
.page .bg-gray-10 .text-secondary,
.page .bg-gray-13 .text-secondary,
.page .bg-gray-11 .text-secondary,
.page .bg-secondary-3 .text-secondary,
.page .bg-half-secondary-3 .text-secondary,
.page .one-screen-page .text-secondary,
.page .context-dark .text-secondary {
color: #dcd1d5;
}
.page .bg-gray-dark a.text-secondary:hover,
.page .bg-primary a.text-secondary:hover,
.page .bg-gray-10 a.text-secondary:hover,
.page .bg-gray-13 a.text-secondary:hover,
.page .bg-gray-11 a.text-secondary:hover,
.page .bg-secondary-3 a.text-secondary:hover,
.page .bg-half-secondary-3 a.text-secondary:hover,
.page .one-screen-page a.text-secondary:hover,
.page .context-dark a.text-secondary:hover,
.page .bg-gray-dark a.text-secondary:focus,
.page .bg-primary a.text-secondary:focus,
.page .bg-gray-10 a.text-secondary:focus,
.page .bg-gray-13 a.text-secondary:focus,
.page .bg-gray-11 a.text-secondary:focus,
.page .bg-secondary-3 a.text-secondary:focus,
.page .bg-half-secondary-3 a.text-secondary:focus,
.page .one-screen-page a.text-secondary:focus,
.page .context-dark a.text-secondary:focus {
color: #c6b4bb;
}
.bg-primary .list-desc dt {
color: #dcd1d5;
}
.bg-gray-11 .rd-mailform .form-input {
background: #4d4d4d;
border: 0;
}
.bg-gray-11 .select2-container .select2-choice {
background-color: #4d4d4d;
border: 1px solid #4d4d4d;
color: #fff;
}
.bg-gray-11 .select2-container.select2-dropdown-open .select2-choice {
border-color: #4d4d4d;
}
.context-light h1,
.layout-panel-wrap h1,
.context-light .heading-1,
.layout-panel-wrap .heading-1,
.context-light h2,
.layout-panel-wrap h2,
.context-light .heading-2,
.layout-panel-wrap .heading-2,
.context-light h3,
.layout-panel-wrap h3,
.context-light .heading-3,
.layout-panel-wrap .heading-3,
.context-light h4,
.layout-panel-wrap h4,
.context-light .heading-4,
.layout-panel-wrap .heading-4,
.context-light h5,
.layout-panel-wrap h5,
.context-light .heading-5,
.layout-panel-wrap .heading-5,
.context-light h6,
.layout-panel-wrap h6,
.context-light .heading-6,
.layout-panel-wrap .heading-6,
.context-light,
.layout-panel-wrap {
color: #000;
} /*
*
* Sections
* --------------------------------------------------
*/
.section-xxs {
padding-top: 30px;
padding-bottom: 30px;
}
.section-sm {
padding-top: 50px;
padding-bottom: 60px;
}
.section-md-top {
padding-top: 65px;
}
.section-lg {
padding-top: 100px;
padding-bottom: 100px;
}
@media (min-width: 768px) {
.section-sm {
padding-top: 80px;
padding-bottom: 90px;
}
.section-md-top {
padding-top: 95px;
}
.section-lg {
padding-top: 150px;
padding-bottom: 155px;
}
}
.section-relative {
position: relative;
z-index: 1;
}
.section-wrap-content-var-1 {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
padding: 30px;
}
.section-wrap-content-var-1-inner {
max-width: 420px;
}
@media (max-width: 480px) {
.section-grid-demonstration [class^="col"] {
padding: 5px;
}
}
.section-grid-demonstration .grid-demonstration-item {
background: #ebebeb;
}
@media (min-width: 768px) {
.section-grid-demonstration .grid-demonstration-item {
padding: 35px 30px;
text-align: left;
}
}
@media (max-width: 1199px) {
.section-grid-demonstration .grid-demonstration-item h3 {
font-size: 16px;
line-height: 16px;
}
.section-grid-demonstration .grid-demonstration-item p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
}
.section-grid-demonstration .divider + .row {
margin-top: 35px;
} /**
* Custom sections
*/
.section-wrap {
position: relative;
padding: 1px 0;
overflow: hidden;
}
.section-wrap .section-wrap-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
transform: translateY(-35px);
margin-bottom: -35px;
pointer-events: none;
width: 100%;
}
.section-wrap .section-wrap-inner > *:before {
content: "";
display: table;
width: 0;
}
.section-wrap .section-wrap-inner > * {
margin-top: 35px;
pointer-events: auto;
}
.section-wrap .section-wrap-inner > * {
width: 100%;
}
.section-wrap .section-wrap-aside {
bottom: -1px;
}
.section-wrap .google-map {
width: 100%;
max-width: none;
}
.section-wrap .box-minimal {
width: 100%;
max-width: none;
}
.section-wrap .section-wrap-image {
position: relative;
top: -1px;
overflow: hidden;
height: 300px;
}
.section-wrap .section-wrap-image img {
position: absolute;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
top: 30%;
left: 50%;
transform: translate(-50%, -30%);
}
@supports (object-fit: cover) {
.section-wrap .section-wrap-image img {
top: 0;
left: 0;
transform: none;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
}
}
@media (min-width: 768px) {
.section-wrap .section-wrap-image {
height: 500px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section-wrap .box-width-small {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.section-wrap .section-wrap-aside {
position: absolute;
top: -4px;
right: 0;
bottom: -4px;
height: auto;
width: calc(50% - 190px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: 50%;
}
.section-wrap .section-wrap-aside .jp-video-single {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.section-wrap .section-wrap-aside .jp-video .jp-jplayer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto !important;
height: auto !important;
}
.section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.section-wrap .section-wrap-aside .jp-video .jp-jplayer video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
object-position: center;
width: 100% !important;
height: 100% !important;
}
.section-wrap .section-wrap-aside .google-map {
height: calc(100% + 1px);
}
.section-wrap .section-wrap-aside img {
height: 100%;
width: 100%;
}
.section-wrap .section-wrap-aside.section-wrap-image-right img {
position: relative;
left: auto;
top: auto;
transform: none;
object-position: 90% center;
}
.ie-10 .section-wrap .section-wrap-aside.section-wrap-image-right img,
.ie-11 .section-wrap .section-wrap-aside.section-wrap-image-right img {
left: 90%;
transform: translate(-90%, -50%);
}
.ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.ie-10 .section-wrap .section-wrap-aside img,
.ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.ie-11 .section-wrap .section-wrap-aside img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
}
.ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video,
.ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video {
left: 50%;
transform: translateX(-50%);
width: 110% !important;
height: 100% !important;
}
.section-wrap .section-wrap-content {
max-width: 620px;
}
}
@media (min-width: 992px) {
.section-wrap.section-wrap-sm .section-wrap-aside {
width: 41.6%;
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: 50%;
}
.section-wrap.section-wrap-equal .section-wrap-aside {
width: 50%;
}
.section-wrap.section-wrap-equal .section-wrap-aside .section-wrap-content {
max-width: 630px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-wrap.section-wrap-lg .section-wrap-aside {
position: relative;
top: 1px;
width: 100%;
height: 500px;
}
.section-wrap.section-wrap-lg.section-reverse .section-wrap-inner {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
@media (min-width: 1200px) {
.section-wrap .section-wrap-aside {
width: calc(50% - 160px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: calc(50% - 30px);
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: calc(50% + 100px);
}
.section-wrap.section-wrap-equal .section-wrap-aside {
width: 50%;
}
.section-wrap .section-wrap-content {
max-width: 770px;
}
}
@media (min-width: 1800px) {
.section-wrap .section-wrap-aside {
width: calc(50% - 360px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: 50%;
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: calc(50% + 180px);
}
.section-wrap .section-wrap-content {
max-width: 880px;
}
}
.section-wrap.section-reverse .section-wrap-inner {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
.section-wrap.section-reverse .range {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-wrap.section-reverse .section-wrap-aside {
left: 0;
right: auto;
}
@media (min-width: 992px) {
.section-wrap.section-md-reverse .section-wrap-inner {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
.section-wrap.section-md-reverse .section-wrap-aside {
left: 0;
right: auto;
}
}
.banner img {
width: 100%;
}
.footer-banner {
padding-top: 0;
}
.banner-top {
display: none;
}
@media (min-width: 1200px) {
.banner-top {
display: block;
}
} /*
*
* Offsets
* --------------------------------------------------
*/
* + p {
margin-top: 20px;
}
* + hr {
margin-top: 10px;
}
p + p {
margin-top: 24px;
}
h3 + * {
margin-top: 35px;
}
h1 + h2 {
margin-top: 32px;
}
h2 + h3 {
margin-top: 32px;
}
h3 + h4 {
margin-top: 32px;
}
h4 + h5 {
margin-top: 40px;
}
h5 + h6 {
margin-top: 40px;
}
h1 + p {
margin-top: 5px;
}
h2 + p {
margin-top: 20px;
}
h3 + p {
margin-top: 20px;
}
h4 + p {
margin-top: 20px;
}
h5 + p {
margin-top: 20px;
}
h6 + p {
margin-top: 20px;
}
p + h2 {
margin-top: 45px;
}
p + h3 {
margin-top: 45px;
}
p + h4 {
margin-top: 45px;
}
p + h5 {
margin-top: 45px;
}
p + h6 {
margin-top: 45px;
}
img + p {
margin-top: 15px;
}
h3 + img {
margin-top: 42px;
}
h3 + hr {
margin-top: 15px;
}
p + .list-marked {
margin-top: 10px;
}
p + .marked-list {
margin-top: 15px;
}
p + .ordered-list {
margin-top: 15px;
}
h4 + .box-comment {
margin-top: 40px;
}
h3 + .divider {
margin-top: 25px;
}
p + .group {
margin-top: 15px;
}
hr + .list {
margin-top: 25px;
}
.list + h4 {
margin-top: 30px;
}
* + .rd-mailform {
margin-top: 30px;
}
* + .list-desc {
margin-top: 15px;
}
* + .list-unstyled {
margin-top: 23px;
}
* + .group-xl {
margin-top: 45px;
}
* + .group-sm {
margin-top: 45px;
}
* + .quote-default {
margin-top: 45px;
}
* + .quote-secondary {
margin-top: 45px;
}
* + .rd-search-results {
margin-top: 45px;
}
* + .services-single-box {
margin-top: 35px;
}
* + .button {
margin-top: 25px;
}
* + .isotope-wrap {
margin-top: 35px;
}
* + .list-bars {
margin-top: 50px;
}
.quote-secondary + * {
margin-top: 45px;
}
.aside-title + * {
margin-top: 22px;
}
.extra-large + * {
margin-top: 30px;
}
.range + h3 {
margin-top: 80px;
}
.subtitle + h3 {
margin-top: 15px;
}
.quote-default + p {
margin-top: 30px;
}
.range + hr {
margin-top: 20px;
}
.shell + .shell {
margin-top: 60px;
}
.range + .range {
margin-top: 60px;
}
@media (min-width: 768px) {
* + .button {
margin-top: 40px;
}
p + .group {
margin-top: 25px;
}
}
@media (min-width: 992px) {
* + .isotope-wrap {
margin-top: 50px;
}
.list + h4 {
margin-top: 60px;
}
}
.inset-left-25 {
padding-left: 25px;
}
html .range-75,
html .range-90 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-75 > *:before,
html .range-90 > *:before {
content: "";
display: table;
width: 0;
}
html .range-75 > *,
html .range-90 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-60 {
position: relative;
transform: translateY(-60px);
margin-bottom: -60px;
pointer-events: none;
}
html .range-60 > *:before {
content: "";
display: table;
width: 0;
}
html .range-60 > * {
margin-top: 60px;
pointer-events: auto;
}
html .range-50 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-50 > *:before {
content: "";
display: table;
width: 0;
}
html .range-50 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-40 {
position: relative;
transform: translateY(-40px);
margin-bottom: -40px;
pointer-events: none;
}
html .range-40 > *:before {
content: "";
display: table;
width: 0;
}
html .range-40 > * {
margin-top: 40px;
pointer-events: auto;
}
html .range-30 {
position: relative;
transform: translateY(-30px);
margin-bottom: -30px;
pointer-events: none;
}
html .range-30 > *:before {
content: "";
display: table;
width: 0;
}
html .range-30 > * {
margin-top: 30px;
pointer-events: auto;
}
html .range-15 {
position: relative;
transform: translateY(-15px);
margin-bottom: -15px;
pointer-events: none;
}
html .range-15 > *:before {
content: "";
display: table;
width: 0;
}
html .range-15 > * {
margin-top: 15px;
pointer-events: auto;
}
html .range-0 {
position: relative;
transform: translateY(0);
margin-bottom: 0;
pointer-events: none;
}
html .range-0 > *:before {
content: "";
display: table;
width: 0;
}
html .range-0 > * {
margin-top: 0;
pointer-events: auto;
}
html .spacing-20 {
position: relative;
transform: translateY(-20px);
margin-bottom: -20px;
pointer-events: none;
}
html .spacing-20 > *:before {
content: "";
display: table;
width: 0;
}
html .spacing-20 > * {
margin-top: 20px;
pointer-events: auto;
}
@media (min-width: 992px) {
html .range-md-30 {
transform: translateY(-30px);
margin-bottom: -30px;
}
html .range-md-30 > * {
margin-top: 30px;
}
html .range-75 {
position: relative;
transform: translateY(-75px);
margin-bottom: -75px;
pointer-events: none;
}
html .range-75 > *:before {
content: "";
display: table;
width: 0;
}
html .range-75 > * {
margin-top: 75px;
pointer-events: auto;
}
html .range-90 {
position: relative;
transform: translateY(-90px);
margin-bottom: -90px;
pointer-events: none;
}
html .range-90 > *:before {
content: "";
display: table;
width: 0;
}
html .range-90 > * {
margin-top: 90px;
pointer-events: auto;
}
}
.range.spacing-20 {
margin-left: -5px;
margin-right: -5px;
}
.range.spacing-20 [class*="cell"] {
padding-left: 10px;
padding-right: 10px;
} /*
*
* Modules
* ==================================================
*/ /*
*
* Flex Grid system
* --------------------------------------------------
*/
.shell,
.shell-wide,
.shell-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.shell,
.shell-wide {
min-width: 300px;
max-width: 480px;
}
@media (min-width: 768px) {
.shell,
.shell-wide {
max-width: 750px;
}
}
@media (min-width: 992px) {
.shell,
.shell-wide {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.shell,
.shell-wide {
max-width: 1200px;
}
}
@media (min-width: 1200px) {
.shell-wide {
max-width: 1800px;
}
}
@media (min-width: 1200px) {
.shell-fluid-inset-lg-50 {
padding-left: 50px;
padding-right: 50px;
}
}
.range {
margin-left: -15px;
margin-right: -15px;
}
.range > .range {
margin-left: 0;
margin-right: 0;
}
.range-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.range-spacer {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="cell-"] {
padding-left: 15px;
padding-right: 15px;
}
html.lt-ie-10 * + .range,
* + .range {
margin-top: 25px;
}
html.lt-ie-10 * + [class*="cell-"],
* + [class*="cell-"],
html.lt-ie-10 * + .range-sm,
* + .range-sm {
margin-top: 30px;
}
html.lt-ie-10 * + .range-lg,
* + .range-lg {
margin-top: 66px;
}
html.lt-ie-10 .range-condensed,
.range-condensed {
margin-left: 0;
margin-right: 0;
}
html.lt-ie-10 .range-condensed > [class*="cell"],
.range-condensed > [class*="cell"] {
padding-left: 0;
padding-right: 0;
}
html.lt-ie-10 .range-condensed > * + [class*="cell"],
.range-condensed > * + [class*="cell"] {
margin-top: 0;
}
html.lt-ie-10 .range-narrow,
.range-narrow {
margin-left: -5px;
margin-right: -5px;
}
html.lt-ie-10 .range-narrow > [class*="cell"],
.range-narrow > [class*="cell"] {
padding-left: 5px;
padding-right: 5px;
}
html.lt-ie-10 .range-narrow > * + [class*="cell"],
.range-narrow > * + [class*="cell"] {
padding-left: 5px;
padding-right: 5px;
}
.range {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.range > .range {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.range > [class*="cell"] {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
@media (min-width: 480px) {
* + [class*="cell-xs-"] {
margin-top: 0;
}
.range-xs-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-xs-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-xs-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-xs-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-xs-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-xs-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-xs {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-xs-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-xs-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-xs-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-xs-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-xs-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-xs-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-xs-preffix-0 {
margin-left: 0%;
}
.range > .cell-xs-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-xs-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-xs-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-xs-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-xs-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-xs-preffix-3 {
margin-left: 25%;
}
.range > .cell-xs-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-xs-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-xs-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-xs-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-xs-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-xs-preffix-6 {
margin-left: 50%;
}
.range > .cell-xs-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-xs-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-xs-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-xs-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-xs-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-xs-preffix-9 {
margin-left: 75%;
}
.range > .cell-xs-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-xs-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-xs-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-xs-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-xs-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-xs-preffix-12 {
margin-left: 100%;
}
.range > .cell-xs-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 768px) {
* + [class*="cell-sm-"] {
margin-top: 0;
}
.range-sm-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-sm-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-sm-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-sm-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-sm-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-sm-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-sm {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-sm-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-sm-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-sm-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-sm-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-sm-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-sm-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-sm-preffix-0 {
margin-left: 0%;
}
.range > .cell-sm-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-sm-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-sm-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-sm-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-sm-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-sm-preffix-3 {
margin-left: 25%;
}
.range > .cell-sm-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-sm-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-sm-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-sm-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-sm-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-sm-preffix-6 {
margin-left: 50%;
}
.range > .cell-sm-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-sm-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-sm-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-sm-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-sm-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-sm-preffix-9 {
margin-left: 75%;
}
.range > .cell-sm-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-sm-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-sm-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-sm-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-sm-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-sm-preffix-12 {
margin-left: 100%;
}
.range > .cell-sm-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
* + [class*="cell-md-"] {
margin-top: 0;
}
.range-md-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-md-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-md-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-md-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-md-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-md-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-md {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-md-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-md-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-md-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-md-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-md-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-md-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-md-preffix-0 {
margin-left: 0%;
}
.range > .cell-md-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-md-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-md-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-md-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-md-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-md-preffix-3 {
margin-left: 25%;
}
.range > .cell-md-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-md-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-md-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-md-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-md-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-md-preffix-6 {
margin-left: 50%;
}
.range > .cell-md-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-md-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-md-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-md-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-md-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-md-preffix-9 {
margin-left: 75%;
}
.range > .cell-md-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-md-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-md-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-md-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-md-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-md-preffix-12 {
margin-left: 100%;
}
.range > .cell-md-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
* + [class*="cell-lg-"] {
margin-top: 0;
}
.range-lg-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-lg-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-lg-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-lg-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-lg-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-lg-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-lg {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-lg-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-lg-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-lg-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-lg-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-lg-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-lg-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-lg-preffix-0 {
margin-left: 0%;
}
.range > .cell-lg-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-lg-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-lg-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-lg-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-lg-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-lg-preffix-3 {
margin-left: 25%;
}
.range > .cell-lg-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-lg-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-lg-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-lg-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-lg-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-lg-preffix-6 {
margin-left: 50%;
}
.range > .cell-lg-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-lg-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-lg-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-lg-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-lg-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-lg-preffix-9 {
margin-left: 75%;
}
.range > .cell-lg-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-lg-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-lg-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-lg-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-lg-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-lg-preffix-12 {
margin-left: 100%;
}
.range > .cell-lg-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1800px) {
* + [class*="cell-xl-"] {
margin-top: 0;
}
.range-xl-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-xl-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-xl-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-xl-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-xl-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-xl-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-xl {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-xl-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-xl-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-xl-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-xl-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-xl-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-xl-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-xl-preffix-0 {
margin-left: 0%;
}
.range > .cell-xl-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-xl-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-xl-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-xl-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-xl-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-xl-preffix-3 {
margin-left: 25%;
}
.range > .cell-xl-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-xl-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-xl-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-xl-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-xl-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-xl-preffix-6 {
margin-left: 50%;
}
.range > .cell-xl-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-xl-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-xl-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-xl-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-xl-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-xl-preffix-9 {
margin-left: 75%;
}
.range > .cell-xl-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-xl-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-xl-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-xl-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-xl-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-xl-preffix-12 {
margin-left: 100%;
}
.range > .cell-xl-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
html.lt-ie-10 .range > .cell-xs-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-xs-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-xs-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-xs-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-xs-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-xs-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-xs-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-xs-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-xs-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-xs-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-xs-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-xs-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-xs-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-sm-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-sm-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-sm-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-sm-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-sm-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-sm-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-sm-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-sm-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-sm-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-sm-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-sm-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-sm-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-sm-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-md-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-md-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-md-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-md-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-md-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-md-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-md-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-md-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-md-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-md-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-md-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-md-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-md-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-lg-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-lg-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-lg-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-lg-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-lg-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-lg-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-lg-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-lg-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-lg-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-lg-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-lg-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-lg-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-lg-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > [class*="cell-xs-preffix-"],
html.lt-ie-10 .range > [class*="cell-sm-preffix-"],
html.lt-ie-10 .range > [class*="cell-md-preffix-"],
html.lt-ie-10 .range > [class*="cell-lg-preffix-"] {
margin-left: auto;
} /*
*
* Responsive unit
* --------------------------------------------------
*/
.unit {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex: 0 1 100%;
-webkit-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit__body {
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
}
.unit__left,
.unit__right {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.unit-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit,
.unit-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit > [class*="unit-"]:first-child,
.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit > .unit__left + .unit__right,
.unit > .unit__left + .unit__body,
.unit-vertical > .unit__left + .unit__right,
.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 20px;
}
.unit > .unit__body + .unit__right,
.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 20px;
}
.unit-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-horizontal > .unit__left + .unit__right,
.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit--inverse,
.unit--inverse.unit-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit--inverse > [class*="unit-"]:first-child,
.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 20px;
}
.unit--inverse > [class*="unit-"]:last-child,
.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit--inverse.unit-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-xs-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-xs,
.unit-xs-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-xs > [class*="unit-"]:first-child,
.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-xs > .unit__left + .unit__right,
.unit-xs > .unit__left + .unit__body,
.unit-xs-vertical > .unit__left + .unit__right,
.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 20px;
}
.unit-xs > .unit__body + .unit__right,
.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 20px;
}
.unit-xs-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-xs-horizontal > .unit__left + .unit__right,
.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-xs--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xs--inverse,
.unit-xs--inverse.unit-xs-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 20px;
}
.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-xs--inverse.unit-xs-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-sm-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-sm,
.unit-sm-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-sm > [class*="unit-"]:first-child,
.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-sm > .unit__left + .unit__right,
.unit-sm > .unit__left + .unit__body,
.unit-sm-vertical > .unit__left + .unit__right,
.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 20px;
}
.unit-sm > .unit__body + .unit__right,
.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 20px;
}
.unit-sm-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-sm-horizontal > .unit__left + .unit__right,
.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-sm--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-sm--inverse,
.unit-sm--inverse.unit-sm-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 20px;
}
.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-sm--inverse.unit-sm-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-md-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-md,
.unit-md-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-md > [class*="unit-"]:first-child,
.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-md > .unit__left + .unit__right,
.unit-md > .unit__left + .unit__body,
.unit-md-vertical > .unit__left + .unit__right,
.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 20px;
}
.unit-md > .unit__body + .unit__right,
.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 20px;
}
.unit-md-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-md-horizontal > .unit__left + .unit__right,
.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-md--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-md--inverse,
.unit-md--inverse.unit-md-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-md--inverse > [class*="unit-"]:first-child,
.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 20px;
}
.unit-md--inverse > [class*="unit-"]:last-child,
.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-md--inverse.unit-md-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-lg-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-lg,
.unit-lg-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-lg > [class*="unit-"]:first-child,
.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-lg > .unit__left + .unit__right,
.unit-lg > .unit__left + .unit__body,
.unit-lg-vertical > .unit__left + .unit__right,
.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 20px;
}
.unit-lg > .unit__body + .unit__right,
.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 20px;
}
.unit-lg-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-lg-horizontal > .unit__left + .unit__right,
.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-lg--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-lg--inverse,
.unit-lg--inverse.unit-lg-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 20px;
}
.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-lg--inverse.unit-lg-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-xl-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-xl,
.unit-xl-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-xl > [class*="unit-"]:first-child,
.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-xl > .unit__left + .unit__right,
.unit-xl > .unit__left + .unit__body,
.unit-xl-vertical > .unit__left + .unit__right,
.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 20px;
}
.unit-xl > .unit__body + .unit__right,
.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 20px;
}
.unit-xl-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-xl-horizontal > .unit__left + .unit__right,
.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-xl--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xl--inverse,
.unit-xl--inverse.unit-xl-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 20px;
}
.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-xl--inverse.unit-xl-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.unit-spacing-xxs.unit > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxs.unit > .unit__left + .unit__right,
.unit-spacing-xxs.unit > .unit__left + .unit__body,
.unit-spacing-xxs.unit-vertical > .unit__left + .unit__right,
.unit-spacing-xxs.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit > .unit__body + .unit__right,
.unit-spacing-xxs.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 4px;
}
.unit-spacing-xxs.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxs.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxs.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-xxs.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-xs > .unit__left + .unit__right,
.unit-spacing-xxs.unit-xs > .unit__left + .unit__body,
.unit-spacing-xxs.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-xxs.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-xs > .unit__body + .unit__right,
.unit-spacing-xxs.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 4px;
}
.unit-spacing-xxs.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxs.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-xxs.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-sm > .unit__left + .unit__right,
.unit-spacing-xxs.unit-sm > .unit__left + .unit__body,
.unit-spacing-xxs.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-xxs.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-sm > .unit__body + .unit__right,
.unit-spacing-xxs.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 4px;
}
.unit-spacing-xxs.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxs.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-xxs.unit-md > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-md > .unit__left + .unit__right,
.unit-spacing-xxs.unit-md > .unit__left + .unit__body,
.unit-spacing-xxs.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-xxs.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-md > .unit__body + .unit__right,
.unit-spacing-xxs.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 4px;
}
.unit-spacing-xxs.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxs.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-xxs.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-lg > .unit__left + .unit__right,
.unit-spacing-xxs.unit-lg > .unit__left + .unit__body,
.unit-spacing-xxs.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-xxs.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-lg > .unit__body + .unit__right,
.unit-spacing-xxs.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 4px;
}
.unit-spacing-xxs.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxs.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-xxs.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-xl > .unit__left + .unit__right,
.unit-spacing-xxs.unit-xl > .unit__left + .unit__body,
.unit-spacing-xxs.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-xxs.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-xl > .unit__body + .unit__right,
.unit-spacing-xxs.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 4px;
}
.unit-spacing-xxs.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxs.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 4px;
}
.unit-spacing-xxs.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxs.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxs.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 4px;
}
.unit-spacing-xxs.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.unit-spacing-xs.unit > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xs.unit > .unit__left + .unit__right,
.unit-spacing-xs.unit > .unit__left + .unit__body,
.unit-spacing-xs.unit-vertical > .unit__left + .unit__right,
.unit-spacing-xs.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit > .unit__body + .unit__right,
.unit-spacing-xs.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-xs.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-xs.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 7px;
}
.unit-spacing-xs.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-xs.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xs.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-xs.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xs.unit-xs > .unit__left + .unit__right,
.unit-spacing-xs.unit-xs > .unit__left + .unit__body,
.unit-spacing-xs.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-xs.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-xs > .unit__body + .unit__right,
.unit-spacing-xs.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-xs.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 7px;
}
.unit-spacing-xs.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-xs.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xs.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-xs.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xs.unit-sm > .unit__left + .unit__right,
.unit-spacing-xs.unit-sm > .unit__left + .unit__body,
.unit-spacing-xs.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-xs.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-sm > .unit__body + .unit__right,
.unit-spacing-xs.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-xs.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 7px;
}
.unit-spacing-xs.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-xs.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xs.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-xs.unit-md > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xs.unit-md > .unit__left + .unit__right,
.unit-spacing-xs.unit-md > .unit__left + .unit__body,
.unit-spacing-xs.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-xs.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-md > .unit__body + .unit__right,
.unit-spacing-xs.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-xs.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 7px;
}
.unit-spacing-xs.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-xs.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xs.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-xs.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xs.unit-lg > .unit__left + .unit__right,
.unit-spacing-xs.unit-lg > .unit__left + .unit__body,
.unit-spacing-xs.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-xs.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-lg > .unit__body + .unit__right,
.unit-spacing-xs.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-xs.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 7px;
}
.unit-spacing-xs.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-xs.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xs.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-xs.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xs.unit-xl > .unit__left + .unit__right,
.unit-spacing-xs.unit-xl > .unit__left + .unit__body,
.unit-spacing-xs.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-xs.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-xl > .unit__body + .unit__right,
.unit-spacing-xs.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 7px;
}
.unit-spacing-xs.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-xs.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-xs.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 7px;
}
.unit-spacing-xs.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-xs.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xs.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 10px;
}
.unit-spacing-xs.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.unit-spacing-sm.unit > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit > .unit__left + .unit__right,
.unit-spacing-sm.unit > .unit__left + .unit__body,
.unit-spacing-sm.unit-vertical > .unit__left + .unit__right,
.unit-spacing-sm.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit > .unit__body + .unit__right,
.unit-spacing-sm.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-sm.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-sm.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-sm.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-sm.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-sm.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xs > .unit__left + .unit__right,
.unit-spacing-sm.unit-xs > .unit__left + .unit__body,
.unit-spacing-sm.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-sm.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-xs > .unit__body + .unit__right,
.unit-spacing-sm.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-sm.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-sm.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-sm.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-sm.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-sm > .unit__left + .unit__right,
.unit-spacing-sm.unit-sm > .unit__left + .unit__body,
.unit-spacing-sm.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-sm.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-sm > .unit__body + .unit__right,
.unit-spacing-sm.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-sm.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-sm.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-sm.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-sm.unit-md > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-md > .unit__left + .unit__right,
.unit-spacing-sm.unit-md > .unit__left + .unit__body,
.unit-spacing-sm.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-sm.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-md > .unit__body + .unit__right,
.unit-spacing-sm.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-sm.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-sm.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-sm.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-sm.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-lg > .unit__left + .unit__right,
.unit-spacing-sm.unit-lg > .unit__left + .unit__body,
.unit-spacing-sm.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-sm.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-lg > .unit__body + .unit__right,
.unit-spacing-sm.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-sm.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-sm.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-sm.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-sm.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xl > .unit__left + .unit__right,
.unit-spacing-sm.unit-xl > .unit__left + .unit__body,
.unit-spacing-sm.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-sm.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-xl > .unit__body + .unit__right,
.unit-spacing-sm.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-sm.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-sm.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-sm.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-sm.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-sm.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-sm.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.unit-spacing-md.unit > [class*="unit-"]:first-child,
.unit-spacing-md.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-md.unit > .unit__left + .unit__right,
.unit-spacing-md.unit > .unit__left + .unit__body,
.unit-spacing-md.unit-vertical > .unit__left + .unit__right,
.unit-spacing-md.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit > .unit__body + .unit__right,
.unit-spacing-md.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-md.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-md.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-md.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-md.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-md.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-md.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-md.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xs > .unit__left + .unit__right,
.unit-spacing-md.unit-xs > .unit__left + .unit__body,
.unit-spacing-md.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-md.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-xs > .unit__body + .unit__right,
.unit-spacing-md.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-md.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-md.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-md.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-md.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-sm > .unit__left + .unit__right,
.unit-spacing-md.unit-sm > .unit__left + .unit__body,
.unit-spacing-md.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-md.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-sm > .unit__body + .unit__right,
.unit-spacing-md.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-md.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-md.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-md.unit-md > [class*="unit-"]:first-child,
.unit-spacing-md.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-md > .unit__left + .unit__right,
.unit-spacing-md.unit-md > .unit__left + .unit__body,
.unit-spacing-md.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-md.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-md > .unit__body + .unit__right,
.unit-spacing-md.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-md.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-md.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-md.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-md.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-lg > .unit__left + .unit__right,
.unit-spacing-md.unit-lg > .unit__left + .unit__body,
.unit-spacing-md.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-md.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-lg > .unit__body + .unit__right,
.unit-spacing-md.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-md.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-md.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-md.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-md.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xl > .unit__left + .unit__right,
.unit-spacing-md.unit-xl > .unit__left + .unit__body,
.unit-spacing-md.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-md.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-xl > .unit__body + .unit__right,
.unit-spacing-md.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 15px;
}
.unit-spacing-md.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-md.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 15px;
}
.unit-spacing-md.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.unit-spacing-xl.unit > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xl.unit > .unit__left + .unit__right,
.unit-spacing-xl.unit > .unit__left + .unit__body,
.unit-spacing-xl.unit-vertical > .unit__left + .unit__right,
.unit-spacing-xl.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit > .unit__body + .unit__right,
.unit-spacing-xl.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-xl.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-xl.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 50px;
}
.unit-spacing-xl.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-xl.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xl.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-xl.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xl.unit-xs > .unit__left + .unit__right,
.unit-spacing-xl.unit-xs > .unit__left + .unit__body,
.unit-spacing-xl.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-xl.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-xs > .unit__body + .unit__right,
.unit-spacing-xl.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-xl.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 50px;
}
.unit-spacing-xl.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-xl.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xl.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-xl.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xl.unit-sm > .unit__left + .unit__right,
.unit-spacing-xl.unit-sm > .unit__left + .unit__body,
.unit-spacing-xl.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-xl.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-sm > .unit__body + .unit__right,
.unit-spacing-xl.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-xl.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 50px;
}
.unit-spacing-xl.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-xl.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xl.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-xl.unit-md > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xl.unit-md > .unit__left + .unit__right,
.unit-spacing-xl.unit-md > .unit__left + .unit__body,
.unit-spacing-xl.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-xl.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-md > .unit__body + .unit__right,
.unit-spacing-xl.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-xl.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 50px;
}
.unit-spacing-xl.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-xl.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xl.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-xl.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xl.unit-lg > .unit__left + .unit__right,
.unit-spacing-xl.unit-lg > .unit__left + .unit__body,
.unit-spacing-xl.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-xl.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-lg > .unit__body + .unit__right,
.unit-spacing-xl.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-xl.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 50px;
}
.unit-spacing-xl.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-xl.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xl.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-xl.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xl.unit-xl > .unit__left + .unit__right,
.unit-spacing-xl.unit-xl > .unit__left + .unit__body,
.unit-spacing-xl.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-xl.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-xl > .unit__body + .unit__right,
.unit-spacing-xl.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 50px;
}
.unit-spacing-xl.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-xl.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-xl.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 50px;
}
.unit-spacing-xl.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-xl.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xl.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-xl.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.unit-spacing-xxl.unit > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit > .unit__left + .unit__right,
.unit-spacing-xxl.unit > .unit__left + .unit__body,
.unit-spacing-xxl.unit-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit > .unit__body + .unit__right,
.unit-spacing-xxl.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 40px;
}
.unit-spacing-xxl.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-xxl.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xs > .unit__left + .unit__body,
.unit-spacing-xxl.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-xs > .unit__body + .unit__right,
.unit-spacing-xxl.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 40px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-xxl.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm > .unit__left + .unit__right,
.unit-spacing-xxl.unit-sm > .unit__left + .unit__body,
.unit-spacing-xxl.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-sm > .unit__body + .unit__right,
.unit-spacing-xxl.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 40px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-xxl.unit-md > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md > .unit__left + .unit__right,
.unit-spacing-xxl.unit-md > .unit__left + .unit__body,
.unit-spacing-xxl.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-md > .unit__body + .unit__right,
.unit-spacing-xxl.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 40px;
}
.unit-spacing-xxl.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-xxl.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg > .unit__left + .unit__right,
.unit-spacing-xxl.unit-lg > .unit__left + .unit__body,
.unit-spacing-xxl.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-lg > .unit__body + .unit__right,
.unit-spacing-xxl.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 40px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-xxl.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xl > .unit__left + .unit__body,
.unit-spacing-xxl.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-xl > .unit__body + .unit__right,
.unit-spacing-xxl.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 40px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 40px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 40px;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-xxl.unit > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit > .unit__left + .unit__right,
.unit-spacing-xxl.unit > .unit__left + .unit__body,
.unit-spacing-xxl.unit-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit > .unit__body + .unit__right,
.unit-spacing-xxl.unit-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit--inverse.unit-vertical > [class*="unit-"]:first-child {
padding-top: 60px;
}
.unit-spacing-xxl.unit--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit--inverse.unit-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) and (min-width: 480px) {
.unit-spacing-xxl.unit-xs > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xs > .unit__left + .unit__body,
.unit-spacing-xxl.unit-xs-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xs-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-xs > .unit__body + .unit__right,
.unit-spacing-xxl.unit-xs-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xs-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:first-child {
padding-top: 60px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) and (min-width: 768px) {
.unit-spacing-xxl.unit-sm > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm > .unit__left + .unit__right,
.unit-spacing-xxl.unit-sm > .unit__left + .unit__body,
.unit-spacing-xxl.unit-sm-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-sm-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-sm > .unit__body + .unit__right,
.unit-spacing-xxl.unit-sm-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-sm-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:first-child {
padding-top: 60px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) and (min-width: 992px) {
.unit-spacing-xxl.unit-md > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md > .unit__left + .unit__right,
.unit-spacing-xxl.unit-md > .unit__left + .unit__body,
.unit-spacing-xxl.unit-md-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-md-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-md > .unit__body + .unit__right,
.unit-spacing-xxl.unit-md-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-md-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-md--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*="unit-"]:first-child {
padding-top: 60px;
}
.unit-spacing-xxl.unit-md--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) and (min-width: 1200px) {
.unit-spacing-xxl.unit-lg > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg > .unit__left + .unit__right,
.unit-spacing-xxl.unit-lg > .unit__left + .unit__body,
.unit-spacing-xxl.unit-lg-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-lg-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-lg > .unit__body + .unit__right,
.unit-spacing-xxl.unit-lg-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-lg-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:first-child {
padding-top: 60px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) and (min-width: 1800px) {
.unit-spacing-xxl.unit-xl > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xl > .unit__left + .unit__body,
.unit-spacing-xxl.unit-xl-vertical > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xl-vertical > .unit__left + .unit__body {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-xl > .unit__body + .unit__right,
.unit-spacing-xxl.unit-xl-vertical > .unit__body + .unit__right {
padding-left: 0;
padding-top: 60px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit__left + .unit__right,
.unit-spacing-xxl.unit-xl-horizontal > .unit__left + .unit__body {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit__body + .unit__right {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*="unit-"]:first-child,
.unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:first-child {
padding-top: 60px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*="unit-"]:last-child,
.unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*="unit-"]:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:first-child {
padding-top: 0;
padding-left: 60px;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*="unit-"]:last-child {
padding-left: 0;
}
}
.row-no-gutter {
margin-left: 0;
margin-right: 0;
}
.row-no-gutter > [class*="col"] {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1199px) {
.row-gutter-custom {
margin-left: -8px;
margin-right: -8px;
}
.row-gutter-custom > [class*="col"] {
padding-left: 8px;
padding-right: 8px;
}
}
@media (max-width: 479px) {
.container [class*="col"] {
padding-left: 8px;
padding-right: 8px;
}
}
.grid-element {
padding: 12px 8px;
font-weight: 400;
letter-spacing: 0;
text-align: left;
}
@media (max-width: 1199px) {
.grid-element p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (min-width: 768px) {
.container-fullwidth .grid-element {
padding: 15px 10px;
}
}
@media (min-width: 992px) {
.container-fullwidth .grid-element {
padding: 25px 15px;
}
}
@media (min-width: 1200px) {
.container-fullwidth .grid-element {
padding: 30px 15px 30px 30px;
}
}
@media (min-width: 1400px) {
.container-fullwidth .grid-element {
padding: 40px 70px;
}
}
.grid-system-bordered .grid-system-row {
border-bottom: 1px solid #f2f3f8;
}
.grid-system-bordered .grid-system-row:last-child {
border-bottom: 0;
}
.grid-system-bordered .grid-element {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.grid-system-bordered .grid-element {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (min-width: 1200px) {
.grid-system-bordered .grid-element {
padding-top: 45px;
padding-bottom: 45px;
}
}
.grid-system-outline .grid-system-row {
border: 1px solid #f2f3f8;
border-width: 1px 0 0 1px;
}
.grid-system-outline .grid-system-row:last-child {
border-bottom-width: 1px;
}
.grid-system-outline [class*="col"]:not(:first-child) .grid-element {
border-left: 1px solid #f2f3f8;
}
* + .grid-system-row {
margin-top: 45px;
}
.grid-system-row + .grid-system-row {
margin-top: 0;
}
.range-custom-bordered [class*="cell"] {
border-style: solid;
border-color: #b1aabb;
border-width: 0;
}
.range-custom-bordered [class*="cell"]:nth-child(n + 2) {
border-width: 1px 0 0 0;
}
@media (min-width: 480px) {
.range-custom-bordered .cell-xs-6:nth-child(odd) {
border-width: 0 1px 1px 0;
}
.range-custom-bordered .cell-xs-6:nth-child(even) {
border-width: 0 0 1px 0;
}
}
@media (min-width: 768px) {
.range-custom-bordered .cell-sm-3:first-child {
border-width: 0 1px 0 1px;
}
.range-custom-bordered .cell-sm-3:nth-child(n + 2) {
border-width: 0 1px 0 0;
}
.range-custom-bordered .cell-sm-4:nth-child(n) {
border-width: 0;
}
.range-custom-bordered .cell-sm-4:nth-child(n + 2) {
border-width: 0 0 0 1px;
}
}
.range-custom-bordered-mod [class*="cell"]:first-of-type {
border-left: 0;
}
.range-custom-bordered-mod [class*="cell"]:last-of-type {
border-right: 0;
}
@media (min-width: 768px) {
.range-custom-bordered-mod .counter-box {
padding-top: 0;
padding-bottom: 0;
}
}
.row.flickr {
display: inline-block;
margin-left: -5px;
margin-right: -5px;
width: 100%;
max-width: 315px;
}
.row.flickr [class*="col"] {
padding-left: 5px;
padding-right: 5px;
}
* + .row.flickr {
margin-top: 14px;
}
.one-screen-page {
text-align: center;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
.one-screen-page .one-screen-page-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
flex-grow: 1;
height: 100vh;
width: 100%;
}
.one-screen-page .one-screen-page-inner > * {
width: 100%;
flex-shrink: 0;
}
.one-screen-page .page-head,
.one-screen-page .page-foot {
background-color: transparent;
}
.one-screen-page .rd-navbar-brand {
display: block;
}
.one-screen-page *:not(.button) {
color: #fff;
}
.one-screen-page *:not(.button) .progress-header > div:first-child span {
color: #f2f3f8;
}
.one-screen-page .rd-mailform {
max-width: 670px;
margin-left: auto;
margin-right: auto;
}
.one-screen-page .countdown-wrap + p {
margin-top: 50px;
}
.one-screen-page * + .rd-mailform {
margin-top: 40px;
}
.one-screen-page h3 + * {
margin-top: 55px;
}
.one-screen-page .rd-mailform .form-input {
background: rgba(255, 255, 255, 0.47);
}
.one-screen-page .time_circles > div > h4 {
color: #f2f3f8;
}
.one-screen-page .progress-linear {
max-width: 430px;
margin: auto;
margin-top: 50px;
}
.one-screen-page .progress-linear .progress-value {
color: #fff;
}
.one-screen-page .page-head {
padding: calc(1em + 4vh) 0 calc(1em + 2vh);
}
.one-screen-page .page-head .brand svg text {
fill: #fff;
}
.one-screen-page .page-head .brand svg path {
fill: #8f859e;
}
.one-screen-page .page-content {
padding: calc(1em + 4vh) 0;
}
.one-screen-page .page-subtitle {
letter-spacing: 0;
}
.one-screen-page .page-title {
font-weight: 900;
color: #dcd1d5;
}
.one-screen-page .page-description {
margin-top: 15px;
}
.one-screen-page .group-xl {
margin-top: 40px;
}
.one-screen-page .page-foot {
padding: calc(1em + 2vh) 0 calc(1em + 2vh);
}
.one-screen-page .copyright {
color: #f2f3f8;
}
.one-screen-page .copyright span {
color: #f2f3f8;
}
.one-screen-page .copyright a {
transition: 0.3s;
}
.one-screen-page .copyright a,
.one-screen-page .copyright a:active,
.one-screen-page .copyright a:focus {
color: #f2f3f8;
}
.one-screen-page .copyright a:hover {
color: #8f859e;
}
.one-screen-page .form-subscribe .form-control {
background-color: transparent;
}
@media (min-width: 480px) {
.one-screen-page .page {
text-align: center;
}
}
@media (min-width: 1800px) {
.one-screen-page .page-head {
padding: 58px 0 20px;
}
.one-screen-page .page-content {
padding: 10px 0 35px;
}
.one-screen-page .page-foot {
padding: 20px 0 30px;
}
.one-screen-page .page-description {
margin-top: 37px;
}
.one-screen-page .progress-linear {
margin-top: 50px;
}
.one-screen-page .group-xl {
margin-top: 90px;
}
}
[data-x-mode="design-mode"] .one-screen-page {
max-height: none;
overflow-x: visible;
overflow-y: visible;
}
[data-x-mode="design-mode"] .one-screen-page-inner {
min-height: 100vh;
height: auto;
}
.overlay-dark {
position: relative;
}
.overlay-dark .one-screen-page-inner {
position: relative;
}
.overlay-dark:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 0;
} /*
*
* Plugins
* ==================================================
*/ /*
*
* Animate.css
* --------------------------------------------------
*/
.animated {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
html:not(.lt-ie10) .not-animated {
opacity: 0;
} /**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} /**
* FadeInUp Keyframes Animation
*/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
} /**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} /**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} /**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
} /*
**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
} /**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
} /**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
} /**
* SlideInRight Keyframes Animation
*/
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(40%, 0, 0);
transform: translate3d(40%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(40%, 0, 0);
transform: translate3d(40%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
} /**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
.rotate-custom {
transform-style: preserve-3d;
animation-duration: 2s;
}
.rotate-custom-left {
-webkit-animation-name: rotate-custom-left;
animation-name: rotate-custom-left;
}
.rotate-custom-right {
-webkit-animation-name: rotate-custom-right;
animation-name: rotate-custom-right;
}
@-webkit-keyframes rotate-custom-left {
0% {
transform: perspective(1000px) rotate3d(0, 1, 0, 50deg) translateY(15%);
opacity: 0;
}
100% {
transform: perspective(1000px) rotate3d(0, 1, 0, 0deg) translateY(0);
opacity: 1;
}
}
@keyframes rotate-custom-left {
0% {
transform: perspective(1000px) rotate3d(0, 1, 0, 50deg) translateY(15%);
opacity: 0;
}
100% {
transform: perspective(1000px) rotate3d(0, 1, 0, 0deg) translateY(0);
opacity: 1;
}
}
@-webkit-keyframes rotate-custom-right {
0% {
transform: perspective(1000px) rotate3d(0, 1, 0, -50deg) translateY(15%);
opacity: 0;
}
100% {
transform: perspective(1000px) rotate3d(0, 1, 0, 0deg) translateY(0);
opacity: 1;
}
}
@keyframes rotate-custom-right {
0% {
transform: perspective(1000px) rotate3d(0, 1, 0, -50deg) translateY(15%);
opacity: 0;
}
100% {
transform: perspective(1000px) rotate3d(0, 1, 0, 0deg) translateY(0);
opacity: 1;
}
}
@-webkit-keyframes blurIn {
0% {
opacity: 0;
filter: blur(7px);
transform: scale3d(1.2, 1.2, 1.2);
}
100% {
opacity: 1;
filter: blur(0);
transform: scale3d(1, 1, 1);
}
}
@keyframes blurIn {
0% {
opacity: 0;
filter: blur(7px);
transform: scale3d(1.2, 1.2, 1.2);
}
100% {
opacity: 1;
filter: blur(0);
transform: scale3d(1, 1, 1);
}
}
.blurIn {
-webkit-animation-name: blurIn;
animation-name: blurIn;
animation-duration: 1.1s;
}
.page [data-isotope-layout] {
margin-bottom: -30px;
}
[data-isotope-layout] {
position: relative;
transform: translateY(-30px);
display: block;
transition: 0.4s all ease;
min-height: 160px;
}
[data-isotope-layout]:after {
content: "";
position: absolute;
margin-top: 15px;
width: 64px;
height: 64px;
top: 50%;
left: 50%;
background-image: url("../images/isotope-loader.png");
background-position: -1152px 0;
animation: 0.7s sprite-animation steps(18) infinite;
transition: 0.4s all ease;
transform: translate(-50%, -50%);
}
[data-isotope-layout] [class*="col-"] {
display: block;
margin-top: 30px;
opacity: 0;
transition: 0.4s opacity ease;
}
[data-isotope-layout].isotope--loaded [class*="col-"] {
opacity: 1;
}
[data-isotope-layout].isotope--loaded:after {
opacity: 0;
visibility: hidden;
}
[data-isotope-layout].row-no-gutter {
margin-top: 60px;
}
[data-isotope-layout].row-no-gutter [class*="col-"] {
margin-top: 0;
}
.isotope-filters > * {
margin-top: 0;
vertical-align: middle;
}
.isotope-filters .inline-list {
position: relative;
transform: translateY(-10px);
margin: 0;
}
.isotope-filters .inline-list li {
display: inline-block;
margin-top: 10px;
}
.isotope-filters .inline-list a {
position: relative;
transition: 0.3s;
color: #9b9b9b;
font-size: 18px;
font-weight: 400;
}
@media (min-width: 992px) {
.isotope-filters .isotope-filters-trigger {
display: none;
}
}
@media (min-width: 992px) {
.isotope-filters .inline-list {
margin-left: -20px;
margin-right: -20px;
}
.isotope-filters .inline-list > li {
padding: 0 20px;
}
.isotope-filters .inline-list {
word-spacing: 0;
}
.isotope-filters .inline-list > li:not(:last-child) {
margin-right: 5px;
}
.isotope-filters .inline-list a {
padding: 5px 0;
font-weight: 700;
}
.isotope-filters .inline-list a,
.isotope-filters .inline-list a::before {
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.isotope-filters .inline-list a::before {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 100%;
opacity: 0;
border-bottom: 2px solid #dcd1d5;
transform: scale3d(0.7, 1, 1);
transition: transform 0.4s, opacity 0.4s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
background: transparent;
}
.isotope-filters .inline-list a,
.isotope-filters .inline-list a:active,
.isotope-filters .inline-list a:focus {
color: #151515;
}
.isotope-filters .inline-list a:hover,
.isotope-filters .inline-list a.active {
color: #151515;
border-color: #dcd1d5;
}
.isotope-filters .inline-list a:hover::before,
.isotope-filters .inline-list a.active::before {
opacity: 1;
right: 0;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
.isotope-filters-responsive {
position: relative;
z-index: 10;
}
.isotope-filters-responsive *:focus {
outline: none;
}
@media (max-width: 767px) {
.isotope-filters-responsive {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 991px) {
.isotope-filters-responsive {
vertical-align: middle;
}
.isotope-filters-responsive .isotope-filters-toggle {
padding: 8px 15px;
}
.isotope-filters-responsive .isotope-filters-toggle .caret {
margin-left: 5px;
}
.isotope-filters-responsive > li {
position: relative;
vertical-align: middle;
padding: 0;
}
.isotope-filters-responsive > li:first-child {
margin-right: 8px;
}
.isotope-filters-responsive > li + li {
margin-top: 8px;
}
.isotope-filters-responsive .isotope-filters {
position: absolute;
top: 49px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
width: 200px;
padding: 15px;
background: #fff;
border-radius: 3px;
text-align: left;
visibility: hidden;
opacity: 0;
transition: 0.33s all ease;
border: 1px solid #f2f2f2;
}
.isotope-filters-responsive .isotope-filters.active {
visibility: visible;
opacity: 1;
}
.isotope-filters-responsive .isotope-filters .inline-list {
width: 100%;
}
.isotope-filters-responsive .isotope-filters .inline-list a {
display: inline-block;
width: 100%;
padding: 3px 8px;
font-size: 12px;
color: #000;
border: 0;
background-color: transparent;
}
.isotope-filters-responsive .isotope-filters .inline-list a.active,
.isotope-filters-responsive .isotope-filters .inline-list a:hover {
color: #8f859e;
background-color: rgba(143, 133, 158, 0.1);
}
.isotope-filters-responsive .isotope-filters li {
display: block;
width: 100%;
}
.isotope-filters-responsive .isotope-filters li + li {
margin-top: 6px;
}
}
@media (max-width: 991px) and (min-width: 480px) {
.isotope-filters-responsive > li {
display: inline-block;
margin: 0;
}
.isotope-filters-responsive > li + li {
margin-top: 0;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.isotope-filters-responsive .isotope-filters {
width: 250px;
}
.isotope-filters-responsive .isotope-filters .inline-list a {
padding: 5px 10px;
}
}
@media (min-width: 992px) {
.isotope-filters-responsive > li:first-child {
display: none;
}
}
* + .isotope,
* + .isotope-filters-responsive {
margin-top: 40px;
}
.isotope-filters-toggle {
display: block;
border: 0;
outline: 0;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.isotope-filters-toggle {
display: none;
}
} /*
*
* Owl Carousel
* --------------------------------------------------
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} /*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
} /*
* Core Owl Carousel CSS File
*/
.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 {
margin-top: 30px;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.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);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
user-select: none;
}
.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 {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} /* No Js */
.no-js .owl-carousel {
display: block;
} /*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
} /*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
font: 400 40px/80px "FontAwesome";
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:before {
content: "\f144";
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
} /*
* Owl Navigation
*/
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font: 400 46px/50px "FontAwesome";
color: #fff;
pointer-events: auto;
}
.owl-prev:hover,
.owl-next:hover {
color: #8f859e;
}
.owl-prev {
left: 10px;
}
.owl-prev:before {
content: "\f104";
}
.owl-next {
right: 10px;
}
.owl-next:before {
content: "\f105";
} /*
* Owl Pagination
*/
.owl-dots {
text-align: center;
margin-top: 10px;
}
.owl-dot {
position: relative;
width: 7px;
height: 7px;
display: inline-block;
border-radius: 100%;
background: #bdbdbd;
transition: 0.2s;
text-align: center;
outline: none;
cursor: pointer;
}
.owl-dot:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
display: inline-block;
border: 2px solid #dcd1d5;
border-radius: 50%;
opacity: 0;
transition: 250ms;
}
.owl-dot:hover:before,
.owl-dot:focus:before {
top: -7px;
bottom: -7px;
right: -7px;
left: -7px;
opacity: 1;
}
.owl-dot.active:before {
top: -7px;
bottom: -7px;
right: -7px;
left: -7px;
opacity: 1;
}
.owl-dot + .owl-dot {
margin-left: 20px;
}
.owl-carousel.owl-carousel-light-dots .owl-dot {
border-color: #fff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot:hover,
.owl-carousel.owl-carousel-light-dots .owl-dot:focus {
background-color: #fff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot.active {
background-color: #fff;
}
.owl-carousel .owl-nav {
position: absolute;
top: 50%;
width: 100%;
left: 50%;
display: flex;
justify-content: space-between;
transform: translate(-50%, -50%);
pointer-events: none;
}
.owl-carousel .owl-button-next,
.owl-carousel .owl-button-prev {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #8f859e;
font-size: 21px;
transition: 350ms;
cursor: pointer;
color: #fff;
pointer-events: auto;
}
.owl-carousel .owl-button-next:hover,
.owl-carousel .owl-button-prev:hover {
background-color: #dcd1d5;
}
.owl-carousel .owl-button-next:before {
position: relative;
right: -1px;
}
.owl-carousel .owl-button-prev:before {
position: relative;
left: -1px;
}
.owl-centered {
margin-top: 20px;
}
.owl-centered.owl-carousel .owl-stage-outer {
padding-top: 50px;
padding-bottom: 50px;
}
.owl-centered .owl-item {
will-change: transform;
}
.owl-centered .owl-item .portfolio-item {
transition: 550ms;
}
.owl-centered .owl-nav {
max-width: 370px;
}
@media (min-width: 480px) {
.owl-centered .owl-nav {
max-width: 430px;
}
}
@media (min-width: 768px) {
.owl-centered .owl-item.active.center {
z-index: 2;
}
.owl-centered .owl-item.active.center .portfolio-item {
transform: scale3d(1.1, 1.1, 1.1);
box-shadow: 0 0 13px rgba(0, 0, 0, 0.29);
}
.owl-centered .owl-nav {
width: calc(100vw / 3 + 100px);
max-width: 100%;
}
}
* + .owl-carousel-stagePadding {
margin-top: 30px;
}
@media (min-width: 1200px) {
* + .owl-carousel-stagePadding {
margin-top: 50px;
}
}
@media (min-width: 1800px) {
.owl-carousel-stagePadding .owl-controls {
display: none;
}
}
.owl-carousel-condensed .owl-item {
will-color: transform;
}
.owl-carousel-condensed .owl-controls .owl-nav {
padding: 0 20px;
}
@media (min-width: 1200px) {
.owl-carousel-condensed .owl-controls {
display: none;
}
}
.owl-testimonials .owl-stage-outer {
padding-top: 20px;
padding-bottom: 20px;
}
.owl-testimonials .owl-dots {
margin-top: 15px;
} /*
*
* RD Navbar
* --------------------------------------------------
*/
@keyframes rd-navbar-slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes rd-navbar-slide-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.rd-navbar-wrap,
.rd-navbar,
.rd-navbar-dropdown,
.rd-navbar-megamenu,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-megamenu,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu,
main,
.rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom,
.rd-navbar-sidebar .rd-navbar-nav-wrap,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu {
transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar-sidebar {
display: block;
}
.rd-navbar--no-transition,
.rd-navbar--no-transition * {
transition: none !important;
}
.rd-navbar-collapse-toggle {
display: inline-block;
position: relative;
width: 55px;
height: 55px;
line-height: 55px;
cursor: pointer;
color: #151515;
display: none;
}
.rd-navbar-collapse-toggle span {
top: 50%;
margin-top: -3.4375px;
}
.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
position: absolute;
width: 6.875px;
height: 6.875px;
line-height: 6.875px;
text-align: center;
background: #151515;
left: 50%;
margin-left: -3.4375px;
border-radius: 50%;
transition: 0.3s all ease;
}
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
content: "";
}
.rd-navbar-collapse-toggle span:before {
bottom: 100%;
margin-bottom: 3.4375px;
}
.rd-navbar-collapse-toggle span:after {
top: 100%;
margin-top: 3.4375px;
}
.rd-navbar-collapse-toggle.active span {
transform: scale(0.7);
}
.rd-navbar-collapse-toggle.active span:before {
transform: translateY(20.625px);
}
.rd-navbar-collapse-toggle.active span:after {
transform: translateY(-20.625px);
}
.rd-navbar--is-stuck {
box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}
.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
display: none;
} /*
* Navbar components
*/
.rd-navbar {
display: none;
background: #fff;
}
.rd-navbar-toggle,
.rd-navbar-sidebar-toggle-custom {
display: inline-block;
position: relative;
width: 55px;
height: 55px;
line-height: 55px;
cursor: pointer;
color: #c0c0c0;
text-align: right;
background-color: transparent;
border: none;
display: none;
line-height: 0;
padding-left: 5px;
padding-right: 5px;
}
.rd-navbar-toggle span,
.rd-navbar-sidebar-toggle-custom span {
position: relative;
display: inline-block;
transition: 0.3s all ease;
width: 21px;
}
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-sidebar-toggle-custom span:after,
.rd-navbar-sidebar-toggle-custom span:before {
content: "";
position: absolute;
right: 0;
top: -12.5px;
transition: 0.3s all ease;
}
.rd-navbar-toggle span:after,
.rd-navbar-sidebar-toggle-custom span:after {
width: 31.5px;
top: 12.5px;
}
.rd-navbar-toggle span:before,
.rd-navbar-sidebar-toggle-custom span:before {
width: 42px;
}
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span,
.rd-navbar-sidebar-toggle-custom span:after,
.rd-navbar-sidebar-toggle-custom span:before,
.rd-navbar-sidebar-toggle-custom span {
height: 3px;
background-color: #c0c0c0;
border-radius: 0;
}
.rd-navbar-toggle span:before,
.rd-navbar-toggle span:after,
.rd-navbar-sidebar-toggle-custom span:before,
.rd-navbar-sidebar-toggle-custom span:after {
-webkit-transition-duration: 0.3s, 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s, 0.3s;
transition-delay: 0.3s, 0s, 0.3s;
-webkit-transition-property: top, -webkit-transform, width;
transition-property: top, transform, width;
transform-origin: center;
}
.rd-navbar-toggle.active span,
.rd-navbar-sidebar-toggle-custom.active span {
right: 0;
left: auto;
transition: background 0.3s 0s ease;
background: transparent;
}
.rd-navbar-toggle.active span:before,
.rd-navbar-toggle.active span:after,
.rd-navbar-sidebar-toggle-custom.active span:before,
.rd-navbar-sidebar-toggle-custom.active span:after {
top: 0;
right: 0;
left: auto;
width: 42px;
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
}
.rd-navbar-toggle.active span:before,
.rd-navbar-sidebar-toggle-custom.active span:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.rd-navbar-toggle.active span:after,
.rd-navbar-sidebar-toggle-custom.active span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.desktop .rd-navbar-toggle:hover span,
.desktop .rd-navbar-toggle:hover span:before,
.desktop .rd-navbar-toggle:hover span:after,
.desktop.rd-navbar-sidebar-toggle-custom:hover span,
.desktop.rd-navbar-sidebar-toggle-custom:hover span:before,
.desktop.rd-navbar-sidebar-toggle-custom:hover span:after {
width: 42px;
}
.rd-navbar-toggle:focus,
.rd-navbar-sidebar-toggle-custom:focus {
outline: none;
}
.rd-navbar-toggle b,
.rd-navbar-sidebar-toggle-custom b {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
margin-right: 10px;
text-transform: uppercase;
color: #363d41;
letter-spacing: 0.05em;
display: none;
}
.rd-navbar-brand a {
display: inline-block;
}
.rd-navbar-top-panel .contact-info [href*="callto:"] {
font-size: 18px;
}
.rd-navbar-dropdown {
display: none;
} /*
* @subsection Hybrid Styles
*/
.rd-navbar-nav > li > a {
line-height: 1.2;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.rd-megamenu-header {
color: #c3cad4;
font-weight: 700;
text-transform: uppercase;
font-family: "Poppins", Helvetica, Arial, sans-serif;
}
.rd-navbar-static .contact-info,
.rd-navbar-fullwidth .contact-info {
font-size: 16px;
}
.rd-navbar-static .rd-navbar-nav > li,
.rd-navbar-fullwidth .rd-navbar-nav > li {
display: inline-block;
transition: 0.25s;
}
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
position: relative;
display: inline-block;
color: #151515;
line-height: 1.2;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: 0.25s;
}
.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #8f859e;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
margin-left: 4px;
font-family: "Material Design Icons";
font-size: 16px;
cursor: pointer;
position: relative;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #8f859e;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before {
content: "\f236";
}
.rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #8f859e;
background: transparent;
}
.rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #8f859e;
}
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #8f859e;
background: transparent;
}
.rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #8f859e;
}
.rd-navbar-static .rd-navbar-inner,
.rd-navbar-fullwidth .rd-navbar-inner {
position: relative;
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-static .rd-navbar-top-panel,
.rd-navbar-fullwidth .rd-navbar-top-panel {
padding-top: 10px;
padding-bottom: 10px;
color: #151515;
}
.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-fullwidth .rd-navbar-top-panel-inner {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-static .rd-navbar-search,
.rd-navbar-fullwidth .rd-navbar-search {
position: relative;
display: inline-flex;
margin-left: 30px;
}
.rd-navbar-static .rd-navbar-search.active .rd-search,
.rd-navbar-fullwidth .rd-navbar-search.active .rd-search {
visibility: visible;
opacity: 1;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle {
display: inline-flex;
color: #151515;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover {
color: #8f859e;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
font-size: 26px;
line-height: 32px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after {
transition: 0.3s all ease-in-out;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before {
content: "";
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "Material Design Icons";
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after {
content: "";
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "Material Design Icons";
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-static .rd-navbar-search .form-wrap,
.rd-navbar-fullwidth .rd-navbar-search .form-wrap {
margin-bottom: 0;
}
.rd-navbar-static .rd-navbar-search .form-input,
.rd-navbar-fullwidth .rd-navbar-search .form-input {
padding-right: 50px;
}
.rd-navbar-static .rd-navbar-search .rd-search,
.rd-navbar-fullwidth .rd-navbar-search .rd-search {
position: absolute;
top: calc(100% + 10px);
right: 0;
width: 270px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 2;
}
.rd-navbar-static .rd-navbar-search .rd-search-form-submit,
.rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000;
}
.rd-navbar-static .rd-navbar-search .rd-search-form-submit:hover,
.rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit:hover {
color: #8f859e;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
position: absolute;
left: 0;
width: 270px;
background: #fff;
z-index: 5;
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu {
transform: translate(-50%, 0);
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu {
z-index: 15;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown {
left: 100%;
top: 0;
margin-top: -8px;
margin-left: 8px;
z-index: 2;
transform: translate(30px, 0);
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-megamenu {
position: absolute;
display: block;
padding: 8px 0;
margin-top: 30px;
transform: translateY(30px);
visibility: hidden;
opacity: 0;
text-align: left;
box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}
.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-navbar-megamenu li > a,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a {
font-size: 16px;
transition: 0.15s ease-in-out;
}
.rd-navbar-static .rd-navbar-dropdown li > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a:before {
content: "\f238";
font-family: "Material Design Icons";
margin-left: -10px;
transition: opacity 0.15s ease-in-out, 0.15s margin ease-in-out;
opacity: 0;
}
.rd-navbar-static .rd-navbar-dropdown li.focus > a:before,
.rd-navbar-static .rd-navbar-dropdown li.opened > a:before,
.rd-navbar-static .rd-navbar-dropdown li > a:hover:before,
.rd-navbar-static .rd-navbar-megamenu li.focus > a:before,
.rd-navbar-static .rd-navbar-megamenu li.opened > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:hover:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li.focus > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li.opened > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li.focus > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li.opened > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a:hover:before {
margin-left: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-dropdown {
width: 270px;
background: #fff;
}
.rd-navbar-static .rd-navbar-dropdown > li > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a {
display: block;
padding: 8px 20px;
color: #000;
background: transparent;
}
.rd-navbar-static .rd-navbar-dropdown > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {
color: #8f859e;
background: transparent;
}
.rd-navbar-static .rd-navbar-dropdown > li.focus > a,
.rd-navbar-static .rd-navbar-dropdown > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a {
color: #8f859e;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-megamenu {
left: 50%;
transform: translate(-50%, 30px);
display: flex;
width: 100%;
max-width: 1800px;
padding: 30px 40px;
background: #fff;
}
.rd-navbar-static .rd-navbar-megamenu > li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li {
width: 25%;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul {
margin-top: 20px;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul li + li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul li + li {
margin-top: 15px;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul a,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a {
display: inline-block;
color: #000;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul a:hover,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover {
color: #8f859e;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu > li + li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li + li {
padding-left: 20px;
}
.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-header,
.rd-navbar-fullwidth .rd-navbar-megamenu .rd-megamenu-header {
display: block;
position: relative;
font-size: 18px;
padding-bottom: 8px;
}
.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-header:after,
.rd-navbar-fullwidth .rd-navbar-megamenu .rd-megamenu-header:after {
position: absolute;
top: 100%;
left: 0;
width: 70%;
border-bottom: 1px solid #ebebeb;
content: "";
}
.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-clone {
display: block;
transform: translateY(-100%);
}
.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck,
.rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck {
transform: translateY(0%);
}
.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-stuck,
.rd-navbar-fullwidth.rd-navbar--is-clone {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
background: #fff;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-top-panel,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-top-panel {
display: none;
}
.rd-navbar-static .rd-navbar--has-dropdown,
.rd-navbar-fullwidth .rd-navbar--has-dropdown {
position: relative;
}
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-sidebar .rd-navbar-sidebar-inner {
width: 270px;
height: 100%;
left: 0;
top: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
font-size: 16px;
line-height: 34px;
color: #151515;
background: #fff;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
z-index: 998;
}
.rd-navbar-fixed .rd-navbar-nav-wrap:before,
.rd-navbar-fixed .rd-navbar-nav-wrap:after,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:before,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:after {
content: "";
display: block;
height: 56px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar {
width: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb {
background: #c3becb;
border: none;
border-radius: 0;
opacity: 0.2;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track {
background: #8f859e;
border: none;
border-radius: 0;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a {
padding-left: 20px;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a {
padding-left: 25px;
} /*
* Static Layout
*/
.rd-navbar-static {
display: block;
}
.rd-navbar-static .rd-navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 20px;
}
.rd-navbar-static .rd-navbar-aside-right {
display: flex;
}
.rd-navbar-static .rd-navbar-top-panel {
text-align: left;
}
.rd-navbar-static .rd-navbar-nav > li + li {
margin-left: 63px;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner,
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner {
padding-top: 10px;
padding-bottom: 10px;
} /*
* Fullwidth Layout
*/
.rd-navbar-fullwidth {
display: block;
}
.rd-navbar-fullwidth .rd-navbar-aside-right {
display: flex;
align-items: center;
justify-content: center;
}
.rd-navbar-fullwidth .rd-navbar-nav > li + li {
margin-left: 30px;
}
@media (min-width: 1200px) {
.rd-navbar-fullwidth .rd-navbar-nav > li + li {
margin-left: 63px;
}
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-aside-right {
margin-top: 0;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel {
display: none;
} /*
* Fixed Layout
*/
.rd-navbar-fixed {
display: block;
}
.rd-navbar-fixed .rd-navbar-toggle,
.rd-navbar-fixed .rd-navbar-sidebar-toggle-custom {
display: inline-block;
}
.rd-navbar-fixed .rd-navbar-brand {
position: relative;
margin-left: 6px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
font-size: 22px;
line-height: 30px;
}
.rd-navbar-fixed .rd-navbar-brand img {
max-width: 210px;
height: auto;
}
.rd-navbar-fixed .rd-navbar-panel {
display: flex;
align-items: center;
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 0.5px;
height: 56px;
color: #000;
z-index: 999;
justify-content: center;
}
.rd-navbar-fixed .rd-navbar-panel:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
background: #fff;
}
.rd-navbar-fixed .rd-navbar-panel > * {
z-index: 1;
}
.rd-navbar-fixed .rd-navbar-search {
position: fixed;
right: 46px;
top: 0.5px;
display: inline-flex;
z-index: 1000;
}
.rd-navbar-fixed .rd-navbar-search .rd-search {
position: absolute;
right: 4px;
top: calc(100% + 12px);
width: 240px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateX(-10px);
}
.rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
display: none;
}
.rd-navbar-fixed .rd-navbar-search .form-input {
padding-right: 50px;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
color: #8f859e;
}
.rd-navbar-fixed .rd-navbar-search.active .rd-search {
opacity: 1;
visibility: visible;
transform: none;
}
.rd-navbar-fixed .rd-navbar-search-toggle {
display: inline-flex;
color: #151515;
}
.rd-navbar-fixed .rd-navbar-search-toggle:hover {
color: #8f859e;
}
.rd-navbar-fixed .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 26px;
line-height: 48px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span,
.rd-navbar-fixed .rd-navbar-search-toggle span:before,
.rd-navbar-fixed .rd-navbar-search-toggle span:after {
transition: 0.3s all ease-in-out;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before,
.rd-navbar-fixed .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before {
content: "";
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "Material Design Icons";
}
.rd-navbar-fixed .rd-navbar-search-toggle span:after {
content: "";
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "Material Design Icons";
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
position: fixed;
left: 0;
bottom: 0;
top: 0;
color: #151515;
background: #fff;
transform: translateX(-120%);
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active {
transform: translateX(0);
}
.rd-navbar-fixed .rd-navbar-nav {
display: block;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.rd-navbar-fixed .rd-navbar-nav:before,
.rd-navbar-fixed .rd-navbar-nav:after {
content: "";
display: block;
height: 8px;
}
.rd-navbar-fixed .rd-navbar-nav li > a {
display: block;
padding: 16px 56px 16px 16px;
color: #151515;
}
.rd-navbar-fixed .rd-navbar-nav li > a:first-letter {
text-transform: uppercase;
}
.rd-navbar-fixed .rd-navbar-nav li:hover > a,
.rd-navbar-fixed .rd-navbar-nav li.active > a,
.rd-navbar-fixed .rd-navbar-nav li.opened > a {
background: #8f859e;
color: #fff;
}
.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
color: #fff;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after {
transform: rotate(180deg);
}
.rd-navbar-fixed .rd-navbar-nav li + li {
margin-top: 4px;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle {
cursor: pointer;
color: #151515;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after {
content: "\f236";
position: absolute;
top: 22px;
right: 0;
margin-top: -22px;
width: 65px;
height: 48px;
font: 400 28px "Material Design Icons";
line-height: 48px;
text-align: center;
transition: 0.3s transform ease;
z-index: 2;
}
.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
display: none;
margin-top: 4px;
}
.rd-navbar-fixed .rd-navbar-dropdown .rd-megamenu-header,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header {
font-size: 16px;
padding-left: 30px;
margin-top: 10px;
margin-bottom: 0;
}
.rd-navbar-fixed .rd-navbar-dropdown li a,
.rd-navbar-fixed .rd-navbar-megamenu li a {
padding: 10px 56px 10px 46px;
}
.rd-navbar-fixed .rd-navbar-submenu {
position: relative;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a {
padding-left: 30px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 48px;
}
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-fixed .rd-navbar-collapse {
position: fixed;
right: 4px;
top: 64px;
transform: translateX(-10px);
padding: 20px;
width: 280px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
text-align: left;
font-size: 14px;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: 0.3s;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top-panel-inner > * + * {
margin-top: 10px;
}
.rd-navbar-fixed .rd-navbar-collapse.active {
transform: none;
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
position: fixed;
top: 0.5px;
right: 0.5px;
width: 55px;
display: inline-block;
outline: 0;
border: 0;
background-color: transparent;
z-index: 1000;
}
.rd-navbar-fixed .rd-navbar-collapse {
color: #151515;
}
.rd-navbar-fixed.active .rd-navbar-nav {
transform: translateX(0);
}
.rd-navbar-fixed.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed .rd-navbar-fixed--visible {
display: block;
}
.rd-navbar-fixed .rd-navbar-fixed--hidden {
display: none;
}
html.rd-navbar-fixed-linked .page {
padding-top: 55px;
} /*
* Sidebar Layout
*/
.rd-navbar-sidebar {
display: block;
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 1080;
width: 100%;
}
.rd-navbar-sidebar .rd-navbar-toggle {
display: none;
visibility: hidden;
z-index: -99;
}
.rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom {
display: block;
z-index: 999;
margin-left: 80px;
width: 105px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom b {
display: block;
}
.ie-10 .rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom,
.ie-11 .rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom,
.ie-edge .rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom {
width: 110px;
}
.ie-10 .rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom b,
.ie-11 .rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom b,
.ie-edge .rd-navbar-sidebar .rd-navbar-sidebar-toggle-custom b {
left: 10px;
}
.rd-navbar-sidebar .contact-info {
font-size: 16px;
}
.rd-navbar-sidebar .rd-navbar-inner {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 30px 15px;
transition: all 250ms ease-in;
}
.rd-navbar-sidebar .rd-navbar-panel {
display: flex;
align-items: center;
justify-content: space-between;
}
.rd-navbar-sidebar .rd-navbar-megamenu {
columns: 2;
}
.rd-navbar-sidebar .rd-navbar-megamenu li {
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
.rd-navbar-sidebar .rd-navbar-brand {
flex-grow: 1;
text-align: left;
}
.rd-navbar-sidebar.rd-navbar--is-stuck {
position: fixed;
}
.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-inner {
padding: 10px 15px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap {
position: fixed;
right: 0;
top: 0;
bottom: 0;
display: flex;
flex-direction: column;
padding-top: 185px;
transform: translateX(100%);
background: #fff;
width: 535px;
z-index: 998;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap.active {
transform: translateX(0);
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-search {
display: inline-flex;
margin-top: 10px;
padding: 0 10px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-search .rd-search {
position: relative;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-search .form-input {
padding-right: 50px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-search .rd-search-form-submit:hover {
color: #8f859e;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-search .rd-search-results-live {
display: none;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav {
display: block;
font-size: 16px;
line-height: 26px;
text-align: left;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
overflow-y: auto;
overflow-x: hidden;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav::-webkit-scrollbar {
width: 4px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav::-webkit-scrollbar-thumb {
background: #c3becb;
border: none;
border-radius: 0;
opacity: 0.2;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav::-webkit-scrollbar-track {
background: #8f859e;
border: none;
border-radius: 0;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li > a {
display: block;
padding: 20px 56px 20px 43px;
color: #151515;
text-transform: none;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-size: 18px;
letter-spacing: 0.05em;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li:hover > a,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li.active > a,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li.opened > a {
background: transparent;
color: #8f859e;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li.active > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
color: #8f859e;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after {
transform: rotate(180deg);
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav li + li {
border-top: 1px solid #ebebeb;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav .rd-navbar-submenu-toggle {
cursor: pointer;
color: #898989;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-nav .rd-navbar-submenu-toggle::after {
content: "\f236";
position: absolute;
top: 22px;
right: 0;
margin-top: -22px;
width: 65px;
height: 61px;
font: 400 24px "Material Design Icons";
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s transform ease;
z-index: 2;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu {
display: none;
margin-top: 4px;
padding-bottom: 25px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown li + li,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu li + li {
border: 0;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list {
padding-left: 30px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li {
border: 0;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li.focus > a:before,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li.opened > a:before,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li > a:hover:before,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li.focus > a:before,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li.opened > a:before,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li > a:hover:before {
margin-left: 0;
opacity: 1;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li a,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li a {
padding: 10px;
font-size: 16px;
font-family: "Lato", Helvetica, Arial, sans-serif;
background: transparent;
transition: 0.15s ease-in-out;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li a:before,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li a:before {
content: "\f238";
font-family: "Material Design Icons";
margin-left: -10px;
transition: opacity 0.15s ease-in-out, 0.15s margin ease-in-out;
opacity: 0;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-dropdown .rd-megamenu-list li a:hover,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-megamenu .rd-megamenu-list li a:hover {
color: #8f859e;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu {
position: relative;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu .rd-navbar-dropdown > li > a {
padding: 10px;
padding-left: 60px;
font-size: 16px;
font-family: "Lato", Helvetica, Arial, sans-serif;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 48px;
}
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav-wrap .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-nav-wrap {
padding-top: 112px;
}
.rd-navbar-default-with-top-panel .mobile-brand,
.rd-navbar-default-with-top-panel .fullwidth-brand {
display: none;
}
.rd-navbar-default-with-top-panel .contact-info {
font-size: 18px;
}
.rd-navbar-default-with-top-panel .contact-info a,
.rd-navbar-default-with-top-panel .contact-info a:active,
.rd-navbar-default-with-top-panel .contact-info a:focus {
color: #151515;
}
.rd-navbar-default-with-top-panel .contact-info a:hover {
color: #8f859e;
}
.rd-navbar-default-with-top-panel.rd-navbar-fixed .mobile-brand {
display: block;
}
.rd-navbar-default-with-top-panel.rd-navbar-static,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth {
padding-left: 15px;
padding-right: 15px;
}
.rd-navbar-default-with-top-panel.rd-navbar-static .fullwidth-brand,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .fullwidth-brand {
display: block;
}
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-inner,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-top-panel-inner,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-inner {
max-width: 940px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1200px) {
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-inner,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-top-panel-inner,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-inner {
max-width: 1770px;
}
}
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-inner,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-inner {
border-bottom: 1px solid #ebebeb;
}
.rd-navbar-default-with-top-panel.rd-navbar-static.rd-navbar-default-with-top-panel-gray-nav .rd-navbar-inner,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth.rd-navbar-default-with-top-panel-gray-nav .rd-navbar-inner {
border-top: 0;
border-bottom: 0;
}
.rd-navbar-default-with-top-panel.rd-navbar-static.rd-navbar-default-with-top-panel-gray-nav .rd-navbar-inner:before,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth.rd-navbar-default-with-top-panel-gray-nav .rd-navbar-inner:before {
position: absolute;
width: 100vw;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
content: "";
display: inline-block;
background-color: #f2f3f8;
}
@media (min-width: 1200px) {
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-top-panel,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-top-panel {
padding-top: 30px;
padding-bottom: 26px;
}
.rd-navbar-default-with-top-panel.rd-navbar-static .rd-navbar-top-panel .button-bold,
.rd-navbar-default-with-top-panel.rd-navbar-fullwidth .rd-navbar-top-panel .button-bold {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.05em;
}
}
ul ul,
ul ol,
ol ul,
ol ol {
padding-left: 0;
}
.rd-navbar-default-sidebar.rd-navbar-fixed .rd-navbar-panel {
flex-direction: row-reverse;
justify-content: flex-end;
} /*
*
* RD Parallax
* --------------------------------------------------
*/
.rd-parallax-inner {
position: relative;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
clip: rect(0, auto, auto, 0);
pointer-events: none;
}
.rd-parallax-layer[data-type="media"] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
.rd-parallax-layer[data-type="media"] iframe {
width: 100%;
height: 100%;
}
.rd-parallax-layer-holder {
pointer-events: all;
}
.rd-parallax-layer[data-url] {
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
}
.rd-parallax-swiper {
z-index: 1 !important;
} /*
*
* RD Google Map
* --------------------------------------------------
*/
.google-map-container {
width: 100%;
}
.google-map {
color: #000;
height: 200px;
}
.google-map img {
max-width: none !important;
}
@media (min-width: 480px) {
.google-map {
height: 250px;
}
}
@media (min-width: 1200px) {
.google-map {
height: 100%;
}
}
.map_locations {
display: none;
} /*
*
* Search Results
* --------------------------------------------------
*/
.search_list {
text-align: left;
padding-left: 20px;
font-size: 18px;
list-style-type: none;
counter-reset: li;
overflow: hidden;
}
.search_list li + li {
margin-top: 25px;
}
.search_list h5 + * {
margin-top: 8px;
}
.search_list p + p {
margin-bottom: 8px;
}
.search_list li:only-child::before {
display: none;
}
.search_list .result-item + .result-item {
margin-top: 40px;
}
.result-item {
color: #363d41;
}
.result-item .search_title {
color: #000;
}
.result-item .search_title:before {
content: counter(li, decimal) ". ";
counter-increment: li;
}
.match {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #8f859e;
}
.match em {
font-style: normal;
}
.search {
background: #8f859e;
color: #fff;
}
#rd-search-results-live {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 5px;
text-align: left;
}
#rd-search-results-live #search-results {
background: #fff;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
padding: 20px;
opacity: 0;
visibility: hidden;
transition: 0.35s ease-in;
max-height: calc(100vh - 200px);
overflow-y: auto;
}
#rd-search-results-live #search-results.active {
visibility: visible;
opacity: 1;
}
#rd-search-results-live #search-results .search_title {
font-size: 18px;
}
#rd-search-results-live #search-results p.match {
display: none;
}
#rd-search-results-live #search-results .result-item + .result-item {
margin-top: 20px;
}
#rd-search-results-live #search-results .search_all {
margin-top: 20px;
}
#rd-search-results-live #search-results .search_all a {
display: block;
padding: 2px 4px;
background-color: #f2f2f2;
text-align: center;
}
#rd-search-results-live #search-results .search_all a:hover {
text-decoration: underline;
}
#rd-search-results-live #search-results .search_list {
margin-top: 10px;
padding-left: 0;
padding-bottom: 10px;
font-size: 16px;
} /*
*
* ToTop
* --------------------------------------------------
*/
.ui-to-top {
width: 50px !important;
height: 50px !important;
font-size: 24px !important;
line-height: 46px !important;
color: #fff !important;
background: #32ad66 !important;
position: fixed !important;
right: 15px !important;
bottom: 15px !important;
overflow: hidden !important;
text-align: center !important;
text-decoration: none !important;
z-index: 20 !important;
transition: 0.45s all ease-in-out !important;
transform: translateY(100px) !important;
}
html.mobile .ui-to-top,
html.tablet .ui-to-top {
display: none !important;
}
@media (min-width: 480px) {
.ui-to-top {
right: 40px;
bottom: 40px;
}
}
.tabs-custom {
text-align: left;
}
.tabs-custom .nav-tabs {
font-size: 0;
line-height: 0;
word-spacing: 0;
border: 0;
}
.tabs-custom .nav-tabs:before,
.tabs-custom .nav-tabs:after {
display: none;
}
.tabs-custom .nav-tabs li {
float: none;
border: 0;
cursor: default;
transition: 0.33s all ease;
}
.tabs-custom .nav-tabs li.active {
cursor: default;
}
.tabs-custom .nav-tabs a {
margin: 0;
cursor: pointer;
}
.page .tabs-custom.tabs-centered .nav-tabs,
.page .tabs-custom.tabs-centered .tab-content {
text-align: center;
}
.page .tabs-custom.tabs-centered .tab-content {
padding-left: 0;
padding-right: 0;
}
.tabs-custom.tabs-left .nav-tabs {
text-align: left;
margin-left: 0;
}
* + .tabs-horizontal.tabs-corporate {
margin-top: 25px;
}
* + .tabs-horizontal.tabs-line {
margin-top: 30px;
}
* + .tabs-vertical.tabs-corporate {
margin-top: 40px;
}
* + .tabs-complex {
margin-top: 40px;
}
@media (min-width: 768px) {
* + .tabs-vertical.tabs-corporate {
margin-top: 65px;
}
}
@media (min-width: 1200px) {
* + .tabs-horizontal.tabs-line {
margin-top: 10px;
}
}
.tabs-corporate .nav-tabs {
position: relative;
border: 1px solid #e5e7e9;
}
.tabs-corporate .nav-tabs li {
margin: -1px;
}
.tabs-corporate .nav-tabs li a {
padding: 7px 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #9b9b9b;
background: transparent;
border-bottom: 1px solid #e5e7e9;
text-align: center;
vertical-align: middle;
border-radius: 0;
}
.tabs-corporate .nav-tabs li a:first-child {
border-top: 1px solid #e5e7e9;
}
.tabs-corporate .nav-tabs li a:hover,
.tabs-corporate .nav-tabs li.active a {
color: #fff;
background: #8f859e;
border-color: #8f859e;
}
.tabs-corporate .tab-content {
padding: 30px 0 0;
}
.tabs-line .nav-tabs {
position: relative;
border: 2px solid #8f859e;
}
.tabs-line .nav-tabs li {
margin: -2px -1px;
}
.tabs-line .nav-tabs li a {
padding: 7px 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.05em;
color: #9b9b9b;
background: transparent;
border-bottom: 2px solid #8f859e;
text-align: center;
vertical-align: middle;
}
.tabs-line .nav-tabs li a:first-child {
border-top: 1px solid #8f859e;
}
.tabs-line .nav-tabs li a:hover,
.tabs-line .nav-tabs li.active a {
color: #fff;
background: #8f859e;
border-color: #8f859e;
}
.tabs-line .tab-content {
padding: 25px 10px 0 0;
color: #151515;
}
.tabs-line.tabs-line-secondary .nav-tabs {
border: 2px solid #dcd1d5;
}
.tabs-line.tabs-line-secondary .nav-tabs li a {
border-bottom: 2px solid #dcd1d5;
}
.tabs-line.tabs-line-secondary .nav-tabs li a:first-child {
border-top: 1px solid #dcd1d5;
}
.tabs-line.tabs-line-secondary .nav-tabs li a:hover,
.tabs-line.tabs-line-secondary .nav-tabs li.active a {
background: #dcd1d5;
border-color: #dcd1d5;
}
@media (max-width: 767px) {
.tabs-custom .nav-tabs {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px) {
.tabs-horizontal.tabs-corporate .nav-tabs {
position: relative;
width: 100%;
display: block;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: relative;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -5px;
margin-right: -5px;
border: 0;
will-change: transform;
}
.tabs-horizontal.tabs-corporate .nav-tabs > * {
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.tabs-horizontal.tabs-corporate .nav-tabs li {
display: inline-block;
will-change: transform;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.tabs-horizontal.tabs-corporate .nav-tabs li a {
display: block;
position: relative;
z-index: 1;
min-width: 130px;
letter-spacing: 0.075em;
padding: 12px 20px 12px;
border: 2px solid #e5e7e9;
}
.tabs-horizontal.tabs-corporate .nav-tabs li a,
.tabs-horizontal.tabs-corporate .nav-tabs li a::before {
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.tabs-horizontal.tabs-corporate .nav-tabs li a::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
background: #fff;
z-index: -1;
opacity: 0;
transform: scale3d(0.7, 1, 1);
transition: transform 0.4s, opacity 0.4s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
background: #8f859e;
}
.tabs-horizontal.tabs-corporate .nav-tabs li.active a,
.tabs-horizontal.tabs-corporate .nav-tabs li a:hover {
color: #fff;
border-color: #8f859e;
background-color: transparent;
}
.tabs-horizontal.tabs-corporate .nav-tabs li.active a::before,
.tabs-horizontal.tabs-corporate .nav-tabs li a:hover::before {
opacity: 1;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.tabs-horizontal.tabs-line .nav-tabs {
display: block;
width: 100%;
position: relative;
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -18px;
margin-right: -18px;
border: 0;
will-change: transform;
text-align: left;
}
.tabs-horizontal.tabs-line .nav-tabs > * {
margin-top: 5px;
padding-left: 18px;
padding-right: 18px;
}
.tabs-horizontal.tabs-line .nav-tabs li {
display: inline-block;
will-change: transform;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.tabs-horizontal.tabs-line .nav-tabs li a {
display: block;
padding: 0 0 7px 0;
position: relative;
z-index: 1;
border: 0;
}
.tabs-horizontal.tabs-line .nav-tabs li a:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
max-width: 100%;
width: 0;
background: #8f859e;
transition: 0.33s width ease;
}
.tabs-horizontal.tabs-line .nav-tabs li a:hover {
color: #151515;
background-color: transparent;
}
.tabs-horizontal.tabs-line .nav-tabs li.active a {
color: #151515;
background-color: transparent;
}
.tabs-horizontal.tabs-line .nav-tabs li.active a:before {
width: 100%;
}
.tabs-horizontal.tabs-line .tab-content {
padding: 48px 50px 0 0;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a {
border: 0;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a:before {
background: #dcd1d5;
}
.tabs-vertical {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.tabs-vertical .nav-tabs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 50%;
}
.tabs-vertical .nav-tabs li {
border: 0;
width: 100%;
text-align: left;
}
.tabs-vertical .nav-tabs li a {
font-size: 14px;
}
.tabs-vertical .nav-tabs li.active a,
.tabs-vertical .nav-tabs a:hover {
box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13);
}
.tabs-vertical .tab-content {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tabs-vertical.tabs-corporate .nav-tabs {
width: auto;
min-width: 260px;
border: 0;
}
.tabs-vertical.tabs-corporate .nav-tabs li {
margin: 0;
}
.tabs-vertical.tabs-corporate .nav-tabs li a {
position: relative;
padding: 14px 30px;
border: 0;
overflow: hidden;
text-align: left;
}
.tabs-vertical.tabs-corporate .nav-tabs > li + li {
margin-top: 2px;
}
.tabs-vertical.tabs-corporate .tab-content {
padding: 0 0 0 30px;
}
}
@media (min-width: 992px) {
.tabs-horizontal.tabs-corporate .tab-content {
padding-top: 50px;
}
.tabs-vertical.tabs-corporate .tab-content {
padding: 0 0 0 45px;
}
.tabs-vertical.tabs-wide .tab-content {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.tabs-vertical.tabs-wide .tab-content {
padding-right: 100px;
}
}
[data-content-to] {
display: none;
opacity: 0;
transition: opacity 0.15s linear;
}
[data-content-to].show {
display: block;
opacity: 1;
}
.tabs-modern .nav-tabs {
max-width: 100%;
}
.tabs-modern .nav-tabs > li a {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.2em;
border: 0;
border-radius: 0;
background-color: #f3f3f3;
color: #151515;
}
.tabs-modern .nav-tabs > li a:hover {
background-color: #dcd1d5;
color: #fff;
box-shadow: none;
}
.tabs-modern .nav-tabs > li.active a,
.tabs-modern .nav-tabs > li.active a:hover {
background-color: #dcd1d5;
color: #fff;
border: 0;
box-shadow: none;
}
.tabs-modern .nav-tabs > li + li {
margin-top: 5px;
}
.tabs-modern .tab-content .tab-pane {
padding: 15px;
background-color: #f3f3f3;
}
@media (min-width: 768px) {
.tabs-modern .nav-tabs > li {
flex-grow: 1;
display: flex;
}
.tabs-modern .nav-tabs > li a {
position: relative;
width: 100%;
font-size: 18px;
}
.tabs-modern .nav-tabs > li a:before {
position: absolute;
top: calc(50% - 12px);
right: 100%;
content: "";
opacity: 0;
transition: 450ms;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 0;
border-color: transparent #dcd1d5 transparent transparent;
}
.tabs-modern .nav-tabs > li a:hover:before,
.tabs-modern .nav-tabs > li.active a:before,
.tabs-modern .nav-tabs > li.active a:hover:before {
border-width: 12px 12px 12px 0;
opacity: 1;
}
.tabs-modern .nav-tabs > li + li {
margin-top: 15px;
}
.tabs-modern .tab-content .tab-pane {
padding: 20px 25px;
}
.tabs-modern.tabs-vertical {
flex-direction: row-reverse;
align-items: stretch;
}
}
@media (min-width: 1200px) {
.tabs-modern .nav-tabs > li + li {
margin-top: 22px;
}
.tabs-modern .tab-content .tab-pane {
padding: 40px 50px;
}
}
@media (min-width: 1600px) {
.tabs-modern .tab-content .tab-pane {
padding: 55px 64px;
}
}
.tabs-complex .tabs-complex-title + hr {
margin-top: 15px;
}
.tabs-complex .nav-tabs {
margin-top: 20px;
max-width: 100%;
}
.tabs-complex .nav-tabs > li a {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
border: 0;
border-radius: 0;
background-color: #f3f3f3;
color: #151515;
}
.tabs-complex .nav-tabs > li a:hover {
background-color: #dcd1d5;
color: #fff;
box-shadow: none;
}
.tabs-complex .nav-tabs > li.active a,
.tabs-complex .nav-tabs > li.active a:hover {
background-color: #dcd1d5;
color: #fff;
border: 0;
box-shadow: none;
}
.tabs-complex .nav-tabs > li + li {
margin-top: 5px;
}
.tabs-complex .tab-content {
margin-top: 10px;
overflow: hidden;
}
.tabs-complex .tab-content .tab-pane {
padding: 15px;
background-color: #f3f3f3;
}
.tabs-complex .tab-content .services-single-box {
max-width: 100%;
}
.tabs-complex .tabs-complex-title {
text-align: center;
}
@media (min-width: 768px) {
.tabs-complex .nav-tabs {
margin-top: 0;
}
.tabs-complex .nav-tabs > li {
display: inline-block;
}
.tabs-complex .nav-tabs > li a {
background: transparent;
color: #9b9b9b;
padding-top: 0;
padding-bottom: 0;
}
.tabs-complex .nav-tabs > li a:hover {
color: #8f859e;
background: transparent;
}
.tabs-complex .nav-tabs > li.active a,
.tabs-complex .nav-tabs > li.active a:hover {
color: #8f859e;
background: transparent;
}
.tabs-complex .tabs-complex-title {
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
}
.tabs-complex .tabs-complex-title > * + * {
margin-left: 20px;
}
.tabs-complex .tab-content {
margin-top: 30px;
overflow: hidden;
}
.tabs-complex .tab-content .tab-pane {
padding: 20px 25px;
}
}
@media (min-width: 1200px) {
.tabs-complex .tab-content {
margin-top: 50px;
}
.tabs-complex .tab-content .tab-pane {
padding: 40px 50px;
}
.tabs-complex .tab-content .services-single-box {
max-width: 765px;
}
}
@media (min-width: 1600px) {
.tabs-complex .tab-content .tab-pane {
padding: 55px 64px;
}
} /*
*
* Photoswipe
* --------------------------------------------------
*/
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 999999;
-webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
} /* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity; /* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} /*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} /* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; /* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity; /* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__item .video-warp,
.pswp__item .post-video-warp {
position: absolute;
top: 50%;
width: 600px;
max-width: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} /*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} /*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} /*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline;
}
[data-photo-swipe] [data-inner-html] iframe {
pointer-events: none;
} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/ /*
1. Buttons
*/ /*