a { -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { a { -webkit-transition: none; transition: none; } } a:hover, a:focus, a:active { outline: none !important; color: var(--ziston-theme-color); text-decoration: none; } input:hover, input:focus, input:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active { outline: none !important; } label { font-weight: 700; color: var(--ziston-theme-color-second); } img { border: 0; vertical-align: top; max-width: 100%; height: auto; } /*PERSONALIZADOS*/ /*MENU FLUTUANTE*/ .menu-flutuante { background: var(--bs-degrade-rosa); } .menu-flutuante .col { padding: 10px 0; font-size: 12px; line-height: 1.5em; } .menu-flutuante i { font-size: 1.5em; } .menu-flutuante a { color: #fff !important; } .menu-flutuante .col:hover { animation: ease-in; margin-top: -5px; display: block; border-bottom: 5px solid #fff; } /*BOTOES CARACTERISTICAS*/ .botao-caracteristica.item { display: inline-block; background: var(--bs-rosa); margin: 1px; padding: 0 5px; border-radius: 3px; } .block-title span, header h2{ font-size: 20px; background: var(--bs-degrade-rosa); color: #fff !important; padding: 5px; border-radius: 4px; text-align: center; text-transform: uppercase; margin: 10px 0; display: block; } /*COOKIES AVISO*/ .cookiesjsr-banner.active { z-index: 999; bottom: 70px; background: linear-gradient(45deg,#770000 0%,#9E0000 100%); padding: 10px; text-align: center; left: 0; line-height: 1em; margin: 5px !important; position: fixed; box-shadow: #333 0px 0px 15px; border-radius: 5px; } .cookiesjsr--app button{ border: none; padding: 5px; margin: 5px; font-weight: bold; border-radius: 5px; } button.cookiesjsr-btn.important.denyAll { display: none; } button.cookiesjsr-btn.important.allowAll { background: #fff; color: #333; } div#block-ziston-sub-cookiesui li { list-style: none; display: inline; padding: 5px; } div#block-ziston-sub-cookiesui li a { color: #fff; margin: 5px; font-size: 12px; } /*FIM PERSONALIZADOS*/ .video-responsive { height: 0; padding-top: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } h1, h2, h3, h4, h5, h6 { margin-top: 15px; margin-bottom: 20px; } .body-page input[type="text"], .body-page input[type="tel"], .body-page input[type="password"], .body-page input[type="email"], .body-page textarea, .body-page select { background-color: #fff; border: 1px solid #dee2e6; padding: 0 15px; border-radius: 4px; color: #797F89; line-height: 50px; } .body-page input[type="text"]:focus, .body-page input[type="text"]:active, .body-page input[type="text"]:hover, .body-page input[type="tel"]:focus, .body-page input[type="tel"]:active, .body-page input[type="tel"]:hover, .body-page input[type="password"]:focus, .body-page input[type="password"]:active, .body-page input[type="password"]:hover, .body-page input[type="email"]:focus, .body-page input[type="email"]:active, .body-page input[type="email"]:hover, .body-page textarea:focus, .body-page textarea:active, .body-page textarea:hover, .body-page select:focus, .body-page select:active, .body-page select:hover { outline: none; } .label { color: #000 !important; } .list-menu ul li { list-style: none; padding: 15px 2px; font-size: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-menu ul li:last-child { border-bottom: none; } ul { margin: 0; padding-left: 30px; } ul ul { padding-left: 20px; } ul li { list-style: inherit; } ul li i { margin-right: 3px; font-size: 16px; min-width: 20px; text-align: center; } .item-list ul li { margin-left: 0; } ul.menu { padding: 0; } ul.menu > li { position: relative; padding: 4px 0 6px; list-style-type: none; } ul.menu > li > a { padding-left: 0; -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; font-size: 16px; font-weight: 500; } @media (prefers-reduced-motion: reduce) { ul.menu > li > a { -webkit-transition: none; transition: none; } } ul.menu > li > a:hover, ul.menu > li > a:active, ul.menu > li > a:focus { color: var(--ziston-theme-color); } ul.features-list { margin: 10px 0; padding-left: 0; } ul.features-list > li { padding-left: 25px; position: relative; list-style: none; margin-bottom: 10px; font-family: var(--ziston-heading-font-family); color: #000; font-weight: 400; font-size: 16px; } ul.features-list > li:after { content: ''; width: 5px; height: 5px; background: var(--ziston-theme-color); position: absolute; top: 50%; margin-top: -3px; left: 2px; z-index: 1; } ul.inline > li { float: left; margin-left: 5px; } table { width: 100%; margin-bottom: 20px; border: 1px solid #dee2e6; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { border-color: #dee2e6; border-width: 1px 1px 1px 0; border-style: solid; } table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; } .no-padding { padding: 0 !important; } a.disable { pointer-events: none; cursor: default; } /************************* Pagination ************************/ .pager { text-align: center; } .pager ul.pager__items { display: inline-block; margin: 0 0 30px; padding: 0; } .pager ul.pager__items > li { list-style-type: none; float: left; margin-right: 10px; font-family: var(--ziston-heading-font-family); font-size: 14px; } .pager ul.pager__items > li a { border: 1px solid #dee2e6; font-weight: 700; display: inline-block; line-height: 34px; margin: 0 1px; text-align: center; margin-right: 10px; padding: 0 15px; border-radius: 4px; text-transform: uppercase; background: #fff; } .pager ul.pager__items > li a:last-child { margin-right: 0; } .pager ul.pager__items > li a:hover { background: var(--ziston-theme-color); color: #fff; border-color: var(--ziston-theme-color); } .pager ul.pager__items > li a:hover:after { color: #fff; } .pager ul.pager__items > li.pager__item--next { font-size: 12px; } .pager ul.pager__items > li.pager__item--last { font-size: 12px; } .pager ul.pager__items > li.is-active a { background: var(--ziston-theme-color); color: #fff; border-color: var(--ziston-theme-color); } .pager ul.pager__items > li.is-active a:after { color: #fff; } .quick-pagination .pager { text-align: center; margin-top: 20px; } .quick-pagination .pager .pager__item--first, .quick-pagination .pager .pager__item--last { display: none; } .quick-pagination .pager .pager__item--previous, .quick-pagination .pager .pager__item--next { position: relative; } .quick-pagination .pager .pager__item--previous a, .quick-pagination .pager .pager__item--next a { text-indent: -99999px; position: relative; } .quick-pagination .pager .pager__item--previous a:after, .quick-pagination .pager .pager__item--next a:after { content: '\f061'; font-family: "Font Awesome 5 Free"; position: absolute; top: 0px; left: 0; width: 100%; text-align: center; color: #000; text-indent: 0; font-size: 11px; } .quick-pagination .pager .pager__item--previous.pager__item--previous a:after, .quick-pagination .pager .pager__item--next.pager__item--previous a:after { content: '\f060'; } .breadcrumb-content-inner { margin-bottom: 60px; } .breadcrumb-content-inner .breadcrumb-style { background-size: cover; } .breadcrumb-content-inner .breadcrumb-content-main { position: relative; max-width: 1200px; width: 100%; margin: 0 auto; z-index: 11; padding: 120px 15px 120px; } @media (max-width: 1024.98px) { .breadcrumb-content-inner .breadcrumb-content-main { padding: 60px 15px; } } .breadcrumb-content-inner .gva-block-breadcrumb .page-title { font-size: 42px; top: 0; left: 0; width: 100%; text-align: left; line-height: 1.1; position: relative; color: #fff; font-weight: 700; } @media (max-width: 991.98px) { .breadcrumb-content-inner .gva-block-breadcrumb .page-title { font-size: 32px; } } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links { display: inline-block; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 11; padding: 15px 20px 10px; } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb { background: none; margin: 0; } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol { list-style: none; margin-bottom: 0 !important; padding: 0; } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol::after { display: block; clear: both; content: ""; } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li { float: left; font-size: 14px; color: #797F89; font-weight: 500; } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li a { color: #797F89; } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li a:hover { color: var(--ziston-theme-color); } .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li span { padding: 0 5px 6px 0px; } .breadcrumb-content-inner .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-block-breadcrumb.text-light .page-title { color: #fff; } pre { border-radius: 0 !important; margin: 30px 0; } .drupal-message { background: #CDCDCD; max-width: 1170px; margin: 0 auto; position: fixed; z-index: 99; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-height: 50%; overflow: auto; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-transition-delay: 4px; transition-delay: 4px; } @media (prefers-reduced-motion: reduce) { .drupal-message { -webkit-transition: none; transition: none; } } .drupal-message .messages__wrapper { padding: 2px 30px 2px 15px; } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #fff; } .hidden { display: none !important; } .pull-left { float: left; } .pull-right { float: right; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @media (max-width: 480px) { .d-small-none { display: none !important; } } @media (max-width: 325px) { .col-6 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 510px) { .col-2, .col-3, .col-4, .col-5 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .wow { visibility: hidden; opacity: 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=1); visibility: visible; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-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; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-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; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .aos-init { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; -webkit-opacity: 0; transition: all 0.35s; -webkit-transition: all 0.35s; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; -webkit-transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; -webkit-transition-delay: 100ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; -webkit-transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; -webkit-transition-delay: 200ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; -webkit-transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; -webkit-transition-delay: 300ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; -webkit-transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; -webkit-transition-delay: 400ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; -webkit-transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; -webkit-transition-delay: 500ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; -webkit-transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; -webkit-transition-delay: 600ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; -webkit-transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; -webkit-transition-delay: 700ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; -webkit-transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; -webkit-transition-delay: 800ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; -webkit-transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; -webkit-transition-delay: 900ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; -webkit-transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; -webkit-transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; -webkit-transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; -webkit-transition-delay: 1200ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; -webkit-transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; -webkit-transition-delay: 1300ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; -webkit-transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; -webkit-transition-delay: 1400ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; -webkit-transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; -webkit-transition-delay: 1500ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; -webkit-transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; -webkit-transition-delay: 1600ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; -webkit-transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; -webkit-transition-delay: 1700ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; -webkit-transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; -webkit-transition-delay: 1800ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; -webkit-transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; -webkit-transition-delay: 1900ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; -webkit-transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; -webkit-transition-delay: 2000ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; -webkit-transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; -webkit-transition-delay: 2100ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; -webkit-transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; -webkit-transition-delay: 2200ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; -webkit-transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; -webkit-transition-delay: 2300ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; -webkit-transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; -webkit-transition-delay: 2400ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; -webkit-transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; -webkit-transition-delay: 2500ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; -webkit-transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; -webkit-transition-delay: 2600ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; -webkit-transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; -webkit-transition-delay: 2700ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; -webkit-transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; -webkit-transition-delay: 2800ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; -webkit-transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; -webkit-transition-delay: 2900ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; -webkit-transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; -webkit-transition-delay: 3000ms; } body[data-aos-duration='3100'] [data-aos], [data-aos][data-aos][data-aos-duration='3100'] { transition-duration: 3100ms; -webkit-transition-duration: 3100ms; } body[data-aos-delay='3100'] [data-aos], [data-aos][data-aos][data-aos-delay='3100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3100'].aos-animate { transition-delay: 3100ms; -webkit-transition-delay: 3100ms; } body[data-aos-duration='3200'] [data-aos], [data-aos][data-aos][data-aos-duration='3200'] { transition-duration: 3200ms; -webkit-transition-duration: 3200ms; } body[data-aos-delay='3200'] [data-aos], [data-aos][data-aos][data-aos-delay='3200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3200'].aos-animate { transition-delay: 3200ms; -webkit-transition-delay: 3200ms; } body[data-aos-duration='3300'] [data-aos], [data-aos][data-aos][data-aos-duration='3300'] { transition-duration: 3300ms; -webkit-transition-duration: 3300ms; } body[data-aos-delay='3300'] [data-aos], [data-aos][data-aos][data-aos-delay='3300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3300'].aos-animate { transition-delay: 3300ms; -webkit-transition-delay: 3300ms; } body[data-aos-duration='3400'] [data-aos], [data-aos][data-aos][data-aos-duration='3400'] { transition-duration: 3400ms; -webkit-transition-duration: 3400ms; } body[data-aos-delay='3400'] [data-aos], [data-aos][data-aos][data-aos-delay='3400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3400'].aos-animate { transition-delay: 3400ms; -webkit-transition-delay: 3400ms; } body[data-aos-duration='3500'] [data-aos], [data-aos][data-aos][data-aos-duration='3500'] { transition-duration: 3500ms; -webkit-transition-duration: 3500ms; } body[data-aos-delay='3500'] [data-aos], [data-aos][data-aos][data-aos-delay='3500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3500'].aos-animate { transition-delay: 3500ms; -webkit-transition-delay: 3500ms; } body[data-aos-duration='3600'] [data-aos], [data-aos][data-aos][data-aos-duration='3600'] { transition-duration: 3600ms; -webkit-transition-duration: 3600ms; } body[data-aos-delay='3600'] [data-aos], [data-aos][data-aos][data-aos-delay='3600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3600'].aos-animate { transition-delay: 3600ms; -webkit-transition-delay: 3600ms; } body[data-aos-duration='3700'] [data-aos], [data-aos][data-aos][data-aos-duration='3700'] { transition-duration: 3700ms; -webkit-transition-duration: 3700ms; } body[data-aos-delay='3700'] [data-aos], [data-aos][data-aos][data-aos-delay='3700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3700'].aos-animate { transition-delay: 3700ms; -webkit-transition-delay: 3700ms; } body[data-aos-duration='3800'] [data-aos], [data-aos][data-aos][data-aos-duration='3800'] { transition-duration: 3800ms; -webkit-transition-duration: 3800ms; } body[data-aos-delay='3800'] [data-aos], [data-aos][data-aos][data-aos-delay='3800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3800'].aos-animate { transition-delay: 3800ms; -webkit-transition-delay: 3800ms; } body[data-aos-duration='3900'] [data-aos], [data-aos][data-aos][data-aos-duration='3900'] { transition-duration: 3900ms; -webkit-transition-duration: 3900ms; } body[data-aos-delay='3900'] [data-aos], [data-aos][data-aos][data-aos-delay='3900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3900'].aos-animate { transition-delay: 3900ms; -webkit-transition-delay: 3900ms; } body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000'] { transition-duration: 4000ms; -webkit-transition-duration: 4000ms; } body[data-aos-delay='4000'] [data-aos], [data-aos][data-aos][data-aos-delay='4000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4000'].aos-animate { transition-delay: 4000ms; -webkit-transition-delay: 4000ms; } body[data-aos-duration='4100'] [data-aos], [data-aos][data-aos][data-aos-duration='4100'] { transition-duration: 4100ms; -webkit-transition-duration: 4100ms; } body[data-aos-delay='4100'] [data-aos], [data-aos][data-aos][data-aos-delay='4100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4100'].aos-animate { transition-delay: 4100ms; -webkit-transition-delay: 4100ms; } body[data-aos-duration='4200'] [data-aos], [data-aos][data-aos][data-aos-duration='4200'] { transition-duration: 4200ms; -webkit-transition-duration: 4200ms; } body[data-aos-delay='4200'] [data-aos], [data-aos][data-aos][data-aos-delay='4200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4200'].aos-animate { transition-delay: 4200ms; -webkit-transition-delay: 4200ms; } body[data-aos-duration='4300'] [data-aos], [data-aos][data-aos][data-aos-duration='4300'] { transition-duration: 4300ms; -webkit-transition-duration: 4300ms; } body[data-aos-delay='4300'] [data-aos], [data-aos][data-aos][data-aos-delay='4300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4300'].aos-animate { transition-delay: 4300ms; -webkit-transition-delay: 4300ms; } body[data-aos-duration='4400'] [data-aos], [data-aos][data-aos][data-aos-duration='4400'] { transition-duration: 4400ms; -webkit-transition-duration: 4400ms; } body[data-aos-delay='4400'] [data-aos], [data-aos][data-aos][data-aos-delay='4400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4400'].aos-animate { transition-delay: 4400ms; -webkit-transition-delay: 4400ms; } body[data-aos-duration='4500'] [data-aos], [data-aos][data-aos][data-aos-duration='4500'] { transition-duration: 4500ms; -webkit-transition-duration: 4500ms; } body[data-aos-delay='4500'] [data-aos], [data-aos][data-aos][data-aos-delay='4500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4500'].aos-animate { transition-delay: 4500ms; -webkit-transition-delay: 4500ms; } body[data-aos-duration='4600'] [data-aos], [data-aos][data-aos][data-aos-duration='4600'] { transition-duration: 4600ms; -webkit-transition-duration: 4600ms; } body[data-aos-delay='4600'] [data-aos], [data-aos][data-aos][data-aos-delay='4600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4600'].aos-animate { transition-delay: 4600ms; -webkit-transition-delay: 4600ms; } body[data-aos-duration='4700'] [data-aos], [data-aos][data-aos][data-aos-duration='4700'] { transition-duration: 4700ms; -webkit-transition-duration: 4700ms; } body[data-aos-delay='4700'] [data-aos], [data-aos][data-aos][data-aos-delay='4700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4700'].aos-animate { transition-delay: 4700ms; -webkit-transition-delay: 4700ms; } body[data-aos-duration='4800'] [data-aos], [data-aos][data-aos][data-aos-duration='4800'] { transition-duration: 4800ms; -webkit-transition-duration: 4800ms; } body[data-aos-delay='4800'] [data-aos], [data-aos][data-aos][data-aos-delay='4800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4800'].aos-animate { transition-delay: 4800ms; -webkit-transition-delay: 4800ms; } body[data-aos-duration='4900'] [data-aos], [data-aos][data-aos][data-aos-duration='4900'] { transition-duration: 4900ms; -webkit-transition-duration: 4900ms; } body[data-aos-delay='4900'] [data-aos], [data-aos][data-aos][data-aos-delay='4900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4900'].aos-animate { transition-delay: 4900ms; -webkit-transition-delay: 4900ms; } body[data-aos-duration='5000'] [data-aos], [data-aos][data-aos][data-aos-duration='5000'] { transition-duration: 5000ms; -webkit-transition-duration: 5000ms; } body[data-aos-delay='5000'] [data-aos], [data-aos][data-aos][data-aos-delay='5000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5000'].aos-animate { transition-delay: 5000ms; -webkit-transition-delay: 5000ms; } body[data-aos-duration='5100'] [data-aos], [data-aos][data-aos][data-aos-duration='5100'] { transition-duration: 5100ms; -webkit-transition-duration: 5100ms; } body[data-aos-delay='5100'] [data-aos], [data-aos][data-aos][data-aos-delay='5100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5100'].aos-animate { transition-delay: 5100ms; -webkit-transition-delay: 5100ms; } body[data-aos-duration='5200'] [data-aos], [data-aos][data-aos][data-aos-duration='5200'] { transition-duration: 5200ms; -webkit-transition-duration: 5200ms; } body[data-aos-delay='5200'] [data-aos], [data-aos][data-aos][data-aos-delay='5200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5200'].aos-animate { transition-delay: 5200ms; -webkit-transition-delay: 5200ms; } body[data-aos-duration='5300'] [data-aos], [data-aos][data-aos][data-aos-duration='5300'] { transition-duration: 5300ms; -webkit-transition-duration: 5300ms; } body[data-aos-delay='5300'] [data-aos], [data-aos][data-aos][data-aos-delay='5300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5300'].aos-animate { transition-delay: 5300ms; -webkit-transition-delay: 5300ms; } body[data-aos-duration='5400'] [data-aos], [data-aos][data-aos][data-aos-duration='5400'] { transition-duration: 5400ms; -webkit-transition-duration: 5400ms; } body[data-aos-delay='5400'] [data-aos], [data-aos][data-aos][data-aos-delay='5400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5400'].aos-animate { transition-delay: 5400ms; -webkit-transition-delay: 5400ms; } body[data-aos-duration='5500'] [data-aos], [data-aos][data-aos][data-aos-duration='5500'] { transition-duration: 5500ms; -webkit-transition-duration: 5500ms; } body[data-aos-delay='5500'] [data-aos], [data-aos][data-aos][data-aos-delay='5500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5500'].aos-animate { transition-delay: 5500ms; -webkit-transition-delay: 5500ms; } body[data-aos-duration='5600'] [data-aos], [data-aos][data-aos][data-aos-duration='5600'] { transition-duration: 5600ms; -webkit-transition-duration: 5600ms; } body[data-aos-delay='5600'] [data-aos], [data-aos][data-aos][data-aos-delay='5600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5600'].aos-animate { transition-delay: 5600ms; -webkit-transition-delay: 5600ms; } body[data-aos-duration='5700'] [data-aos], [data-aos][data-aos][data-aos-duration='5700'] { transition-duration: 5700ms; -webkit-transition-duration: 5700ms; } body[data-aos-delay='5700'] [data-aos], [data-aos][data-aos][data-aos-delay='5700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5700'].aos-animate { transition-delay: 5700ms; -webkit-transition-delay: 5700ms; } body[data-aos-duration='5800'] [data-aos], [data-aos][data-aos][data-aos-duration='5800'] { transition-duration: 5800ms; -webkit-transition-duration: 5800ms; } body[data-aos-delay='5800'] [data-aos], [data-aos][data-aos][data-aos-delay='5800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5800'].aos-animate { transition-delay: 5800ms; -webkit-transition-delay: 5800ms; } body[data-aos-duration='5900'] [data-aos], [data-aos][data-aos][data-aos-duration='5900'] { transition-duration: 5900ms; -webkit-transition-duration: 5900ms; } body[data-aos-delay='5900'] [data-aos], [data-aos][data-aos][data-aos-delay='5900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5900'].aos-animate { transition-delay: 5900ms; -webkit-transition-delay: 5900ms; } body[data-aos-duration='6000'] [data-aos], [data-aos][data-aos][data-aos-duration='6000'] { transition-duration: 6000ms; -webkit-transition-duration: 6000ms; } body[data-aos-delay='6000'] [data-aos], [data-aos][data-aos][data-aos-delay='6000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6000'].aos-animate { transition-delay: 6000ms; -webkit-transition-delay: 6000ms; } body[data-aos-duration='6100'] [data-aos], [data-aos][data-aos][data-aos-duration='6100'] { transition-duration: 6100ms; -webkit-transition-duration: 6100ms; } body[data-aos-delay='6100'] [data-aos], [data-aos][data-aos][data-aos-delay='6100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6100'].aos-animate { transition-delay: 6100ms; -webkit-transition-delay: 6100ms; } body[data-aos-duration='6200'] [data-aos], [data-aos][data-aos][data-aos-duration='6200'] { transition-duration: 6200ms; -webkit-transition-duration: 6200ms; } body[data-aos-delay='6200'] [data-aos], [data-aos][data-aos][data-aos-delay='6200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6200'].aos-animate { transition-delay: 6200ms; -webkit-transition-delay: 6200ms; } body[data-aos-duration='6300'] [data-aos], [data-aos][data-aos][data-aos-duration='6300'] { transition-duration: 6300ms; -webkit-transition-duration: 6300ms; } body[data-aos-delay='6300'] [data-aos], [data-aos][data-aos][data-aos-delay='6300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6300'].aos-animate { transition-delay: 6300ms; -webkit-transition-delay: 6300ms; } body[data-aos-duration='6400'] [data-aos], [data-aos][data-aos][data-aos-duration='6400'] { transition-duration: 6400ms; -webkit-transition-duration: 6400ms; } body[data-aos-delay='6400'] [data-aos], [data-aos][data-aos][data-aos-delay='6400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6400'].aos-animate { transition-delay: 6400ms; -webkit-transition-delay: 6400ms; } body[data-aos-duration='6500'] [data-aos], [data-aos][data-aos][data-aos-duration='6500'] { transition-duration: 6500ms; -webkit-transition-duration: 6500ms; } body[data-aos-delay='6500'] [data-aos], [data-aos][data-aos][data-aos-delay='6500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6500'].aos-animate { transition-delay: 6500ms; -webkit-transition-delay: 6500ms; } body[data-aos-duration='6600'] [data-aos], [data-aos][data-aos][data-aos-duration='6600'] { transition-duration: 6600ms; -webkit-transition-duration: 6600ms; } body[data-aos-delay='6600'] [data-aos], [data-aos][data-aos][data-aos-delay='6600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6600'].aos-animate { transition-delay: 6600ms; -webkit-transition-delay: 6600ms; } body[data-aos-duration='6700'] [data-aos], [data-aos][data-aos][data-aos-duration='6700'] { transition-duration: 6700ms; -webkit-transition-duration: 6700ms; } body[data-aos-delay='6700'] [data-aos], [data-aos][data-aos][data-aos-delay='6700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6700'].aos-animate { transition-delay: 6700ms; -webkit-transition-delay: 6700ms; } body[data-aos-duration='6800'] [data-aos], [data-aos][data-aos][data-aos-duration='6800'] { transition-duration: 6800ms; -webkit-transition-duration: 6800ms; } body[data-aos-delay='6800'] [data-aos], [data-aos][data-aos][data-aos-delay='6800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6800'].aos-animate { transition-delay: 6800ms; -webkit-transition-delay: 6800ms; } body[data-aos-duration='6900'] [data-aos], [data-aos][data-aos][data-aos-duration='6900'] { transition-duration: 6900ms; -webkit-transition-duration: 6900ms; } body[data-aos-delay='6900'] [data-aos], [data-aos][data-aos][data-aos-delay='6900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6900'].aos-animate { transition-delay: 6900ms; -webkit-transition-delay: 6900ms; } body[data-aos-duration='7000'] [data-aos], [data-aos][data-aos][data-aos-duration='7000'] { transition-duration: 7000ms; -webkit-transition-duration: 7000ms; } body[data-aos-delay='7000'] [data-aos], [data-aos][data-aos][data-aos-delay='7000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7000'].aos-animate { transition-delay: 7000ms; -webkit-transition-delay: 7000ms; } body[data-aos-duration='7100'] [data-aos], [data-aos][data-aos][data-aos-duration='7100'] { transition-duration: 7100ms; -webkit-transition-duration: 7100ms; } body[data-aos-delay='7100'] [data-aos], [data-aos][data-aos][data-aos-delay='7100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7100'].aos-animate { transition-delay: 7100ms; -webkit-transition-delay: 7100ms; } body[data-aos-duration='7200'] [data-aos], [data-aos][data-aos][data-aos-duration='7200'] { transition-duration: 7200ms; -webkit-transition-duration: 7200ms; } body[data-aos-delay='7200'] [data-aos], [data-aos][data-aos][data-aos-delay='7200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7200'].aos-animate { transition-delay: 7200ms; -webkit-transition-delay: 7200ms; } body[data-aos-duration='7300'] [data-aos], [data-aos][data-aos][data-aos-duration='7300'] { transition-duration: 7300ms; -webkit-transition-duration: 7300ms; } body[data-aos-delay='7300'] [data-aos], [data-aos][data-aos][data-aos-delay='7300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7300'].aos-animate { transition-delay: 7300ms; -webkit-transition-delay: 7300ms; } body[data-aos-duration='7400'] [data-aos], [data-aos][data-aos][data-aos-duration='7400'] { transition-duration: 7400ms; -webkit-transition-duration: 7400ms; } body[data-aos-delay='7400'] [data-aos], [data-aos][data-aos][data-aos-delay='7400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7400'].aos-animate { transition-delay: 7400ms; -webkit-transition-delay: 7400ms; } body[data-aos-duration='7500'] [data-aos], [data-aos][data-aos][data-aos-duration='7500'] { transition-duration: 7500ms; -webkit-transition-duration: 7500ms; } body[data-aos-delay='7500'] [data-aos], [data-aos][data-aos][data-aos-delay='7500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7500'].aos-animate { transition-delay: 7500ms; -webkit-transition-delay: 7500ms; } body[data-aos-duration='7600'] [data-aos], [data-aos][data-aos][data-aos-duration='7600'] { transition-duration: 7600ms; -webkit-transition-duration: 7600ms; } body[data-aos-delay='7600'] [data-aos], [data-aos][data-aos][data-aos-delay='7600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7600'].aos-animate { transition-delay: 7600ms; -webkit-transition-delay: 7600ms; } body[data-aos-duration='7700'] [data-aos], [data-aos][data-aos][data-aos-duration='7700'] { transition-duration: 7700ms; -webkit-transition-duration: 7700ms; } body[data-aos-delay='7700'] [data-aos], [data-aos][data-aos][data-aos-delay='7700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7700'].aos-animate { transition-delay: 7700ms; -webkit-transition-delay: 7700ms; } body[data-aos-duration='7800'] [data-aos], [data-aos][data-aos][data-aos-duration='7800'] { transition-duration: 7800ms; -webkit-transition-duration: 7800ms; } body[data-aos-delay='7800'] [data-aos], [data-aos][data-aos][data-aos-delay='7800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7800'].aos-animate { transition-delay: 7800ms; -webkit-transition-delay: 7800ms; } body[data-aos-duration='7900'] [data-aos], [data-aos][data-aos][data-aos-duration='7900'] { transition-duration: 7900ms; -webkit-transition-duration: 7900ms; } body[data-aos-delay='7900'] [data-aos], [data-aos][data-aos][data-aos-delay='7900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7900'].aos-animate { transition-delay: 7900ms; -webkit-transition-delay: 7900ms; } body[data-aos-duration='8000'] [data-aos], [data-aos][data-aos][data-aos-duration='8000'] { transition-duration: 8000ms; -webkit-transition-duration: 8000ms; } body[data-aos-delay='8000'] [data-aos], [data-aos][data-aos][data-aos-delay='8000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8000'].aos-animate { transition-delay: 8000ms; -webkit-transition-delay: 8000ms; } body[data-aos-duration='8100'] [data-aos], [data-aos][data-aos][data-aos-duration='8100'] { transition-duration: 8100ms; -webkit-transition-duration: 8100ms; } body[data-aos-delay='8100'] [data-aos], [data-aos][data-aos][data-aos-delay='8100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8100'].aos-animate { transition-delay: 8100ms; -webkit-transition-delay: 8100ms; } body[data-aos-duration='8200'] [data-aos], [data-aos][data-aos][data-aos-duration='8200'] { transition-duration: 8200ms; -webkit-transition-duration: 8200ms; } body[data-aos-delay='8200'] [data-aos], [data-aos][data-aos][data-aos-delay='8200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8200'].aos-animate { transition-delay: 8200ms; -webkit-transition-delay: 8200ms; } body[data-aos-duration='8300'] [data-aos], [data-aos][data-aos][data-aos-duration='8300'] { transition-duration: 8300ms; -webkit-transition-duration: 8300ms; } body[data-aos-delay='8300'] [data-aos], [data-aos][data-aos][data-aos-delay='8300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8300'].aos-animate { transition-delay: 8300ms; -webkit-transition-delay: 8300ms; } body[data-aos-duration='8400'] [data-aos], [data-aos][data-aos][data-aos-duration='8400'] { transition-duration: 8400ms; -webkit-transition-duration: 8400ms; } body[data-aos-delay='8400'] [data-aos], [data-aos][data-aos][data-aos-delay='8400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8400'].aos-animate { transition-delay: 8400ms; -webkit-transition-delay: 8400ms; } body[data-aos-duration='8500'] [data-aos], [data-aos][data-aos][data-aos-duration='8500'] { transition-duration: 8500ms; -webkit-transition-duration: 8500ms; } body[data-aos-delay='8500'] [data-aos], [data-aos][data-aos][data-aos-delay='8500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8500'].aos-animate { transition-delay: 8500ms; -webkit-transition-delay: 8500ms; } body[data-aos-duration='8600'] [data-aos], [data-aos][data-aos][data-aos-duration='8600'] { transition-duration: 8600ms; -webkit-transition-duration: 8600ms; } body[data-aos-delay='8600'] [data-aos], [data-aos][data-aos][data-aos-delay='8600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8600'].aos-animate { transition-delay: 8600ms; -webkit-transition-delay: 8600ms; } body[data-aos-duration='8700'] [data-aos], [data-aos][data-aos][data-aos-duration='8700'] { transition-duration: 8700ms; -webkit-transition-duration: 8700ms; } body[data-aos-delay='8700'] [data-aos], [data-aos][data-aos][data-aos-delay='8700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8700'].aos-animate { transition-delay: 8700ms; -webkit-transition-delay: 8700ms; } body[data-aos-duration='8800'] [data-aos], [data-aos][data-aos][data-aos-duration='8800'] { transition-duration: 8800ms; -webkit-transition-duration: 8800ms; } body[data-aos-delay='8800'] [data-aos], [data-aos][data-aos][data-aos-delay='8800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8800'].aos-animate { transition-delay: 8800ms; -webkit-transition-delay: 8800ms; } body[data-aos-duration='8900'] [data-aos], [data-aos][data-aos][data-aos-duration='8900'] { transition-duration: 8900ms; -webkit-transition-duration: 8900ms; } body[data-aos-delay='8900'] [data-aos], [data-aos][data-aos][data-aos-delay='8900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8900'].aos-animate { transition-delay: 8900ms; -webkit-transition-delay: 8900ms; } body[data-aos-duration='9000'] [data-aos], [data-aos][data-aos][data-aos-duration='9000'] { transition-duration: 9000ms; -webkit-transition-duration: 9000ms; } body[data-aos-delay='9000'] [data-aos], [data-aos][data-aos][data-aos-delay='9000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9000'].aos-animate { transition-delay: 9000ms; -webkit-transition-delay: 9000ms; } body[data-aos-duration='9100'] [data-aos], [data-aos][data-aos][data-aos-duration='9100'] { transition-duration: 9100ms; -webkit-transition-duration: 9100ms; } body[data-aos-delay='9100'] [data-aos], [data-aos][data-aos][data-aos-delay='9100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9100'].aos-animate { transition-delay: 9100ms; -webkit-transition-delay: 9100ms; } body[data-aos-duration='9200'] [data-aos], [data-aos][data-aos][data-aos-duration='9200'] { transition-duration: 9200ms; -webkit-transition-duration: 9200ms; } body[data-aos-delay='9200'] [data-aos], [data-aos][data-aos][data-aos-delay='9200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9200'].aos-animate { transition-delay: 9200ms; -webkit-transition-delay: 9200ms; } body[data-aos-duration='9300'] [data-aos], [data-aos][data-aos][data-aos-duration='9300'] { transition-duration: 9300ms; -webkit-transition-duration: 9300ms; } body[data-aos-delay='9300'] [data-aos], [data-aos][data-aos][data-aos-delay='9300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9300'].aos-animate { transition-delay: 9300ms; -webkit-transition-delay: 9300ms; } body[data-aos-duration='9400'] [data-aos], [data-aos][data-aos][data-aos-duration='9400'] { transition-duration: 9400ms; -webkit-transition-duration: 9400ms; } body[data-aos-delay='9400'] [data-aos], [data-aos][data-aos][data-aos-delay='9400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9400'].aos-animate { transition-delay: 9400ms; -webkit-transition-delay: 9400ms; } body[data-aos-duration='9500'] [data-aos], [data-aos][data-aos][data-aos-duration='9500'] { transition-duration: 9500ms; -webkit-transition-duration: 9500ms; } body[data-aos-delay='9500'] [data-aos], [data-aos][data-aos][data-aos-delay='9500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9500'].aos-animate { transition-delay: 9500ms; -webkit-transition-delay: 9500ms; } body[data-aos-duration='9600'] [data-aos], [data-aos][data-aos][data-aos-duration='9600'] { transition-duration: 9600ms; -webkit-transition-duration: 9600ms; } body[data-aos-delay='9600'] [data-aos], [data-aos][data-aos][data-aos-delay='9600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9600'].aos-animate { transition-delay: 9600ms; -webkit-transition-delay: 9600ms; } body[data-aos-duration='9700'] [data-aos], [data-aos][data-aos][data-aos-duration='9700'] { transition-duration: 9700ms; -webkit-transition-duration: 9700ms; } body[data-aos-delay='9700'] [data-aos], [data-aos][data-aos][data-aos-delay='9700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9700'].aos-animate { transition-delay: 9700ms; -webkit-transition-delay: 9700ms; } body[data-aos-duration='9800'] [data-aos], [data-aos][data-aos][data-aos-duration='9800'] { transition-duration: 9800ms; -webkit-transition-duration: 9800ms; } body[data-aos-delay='9800'] [data-aos], [data-aos][data-aos][data-aos-delay='9800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9800'].aos-animate { transition-delay: 9800ms; -webkit-transition-delay: 9800ms; } body[data-aos-duration='9900'] [data-aos], [data-aos][data-aos][data-aos-duration='9900'] { transition-duration: 9900ms; -webkit-transition-duration: 9900ms; } body[data-aos-delay='9900'] [data-aos], [data-aos][data-aos][data-aos-delay='9900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9900'].aos-animate { transition-delay: 9900ms; -webkit-transition-delay: 9900ms; } body[data-aos-duration='10000'] [data-aos], [data-aos][data-aos][data-aos-duration='10000'] { transition-duration: 10000ms; -webkit-transition-duration: 10000ms; } body[data-aos-delay='10000'] [data-aos], [data-aos][data-aos][data-aos-delay='10000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='10000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='10000'].aos-animate { transition-delay: 10000ms; -webkit-transition-delay: 10000ms; } body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^='fade'][data-aos^='fade'] { opacity: 0; -webkit-opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-property: opacity, transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; -webkit-opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); } [data-aos='fade-up'] { transform: translate(0, 100px); -webkit-transform: translate(0, 100px); } [data-aos='fade-down'] { transform: translate(0, -100px); -webkit-transform: translate(0, -100px); } [data-aos='fade-right'] { transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); } [data-aos='fade-left'] { transform: translate(100px, 0); -webkit-transform: translate(100px, 0); } [data-aos='fade-up-right'] { transform: translate(-100px, 100px); -webkit-transform: translate(-100px, 100px); } [data-aos='fade-up-left'] { transform: translate(100px, 100px); -webkit-transform: translate(100px, 100px); } [data-aos='fade-down-right'] { transform: translate(-100px, -100px); -webkit-transform: translate(-100px, -100px); } [data-aos='fade-down-left'] { transform: translate(100px, -100px); -webkit-transform: translate(100px, -100px); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; -webkit-opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-property: opacity, transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; -webkit-opacity: 1; transform: translate(0, 0) scale(1); -webkit-transform: translate(0, 0) scale(1); } [data-aos='zoom-in'] { opacity: 1; -webkit-opacity: 1; transform: scale(0.6); -webkit-transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate(0, 100px) scale(0.6); -webkit-transform: translate(0, 100px) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate(0, -100px) scale(0.6); -webkit-transform: translate(0, -100px) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate(-100px, 0) scale(0.6); -webkit-transform: translate(-100px, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate(100px, 0) scale(0.6); -webkit-transform: translate(100px, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); -webkit-transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate(0, 100px) scale(1.2); -webkit-transform: translate(0, 100px) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate(0, -100px) scale(1.2); -webkit-transform: translate(0, -100px) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate(-100px, 0) scale(1.2); -webkit-transform: translate(-100px, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate(100px, 0) scale(1.2); -webkit-transform: translate(100px, 0) scale(1.2); } /** * Slide animations */ [data-aos^='slide'][data-aos^='slide'] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1; -webkit-opacity: 1; } [data-aos='slide-up'] { transform: translateY(100%); -webkit-transform: translateY(100%); } [data-aos='slide-down'] { transform: translateY(-100%); -webkit-transform: translateY(-100%); } [data-aos='slide-right'] { transform: translateX(-100%); -webkit-transform: translateX(-100%); } [data-aos='slide-left'] { transform: translateX(100%); -webkit-transform: translateX(100%); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-property: transform; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); -webkit-transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); -webkit-transform: perspective(2500px) rotateY(0); opacity: 1; -webkit-opacity: 1; } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); -webkit-transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); -webkit-transform: perspective(2500px) rotateY(0); opacity: 1; -webkit-opacity: 1; } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); -webkit-transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); -webkit-transform: perspective(2500px) rotateX(0); opacity: 1; -webkit-opacity: 1; } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); -webkit-transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); -webkit-transform: perspective(2500px) rotateX(0); opacity: 1; -webkit-opacity: 1; } html { overflow-x: hidden !important; font-size: 16px; } body { overflow: hidden !important; position: relative; } body.boxed { background-color: #EAF1F7; } body.boxed div.gva-body-wrapper { background: #fff; max-width: 1440px; margin: 0 auto; -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05); position: relative; } body .body-page { background-color: var(--bs-dark); } body.logged-in.toolbar-horizontal .header-1 { margin-top: 39px; } body.bg-dark { background: #EFF1F2; } body.bg-dark .gva-body-page { background: #EFF1F2; } body.layout-with-sidebar .main-page { padding: 25px 0 60px; } .region-main-page-content.layout-with-sidebar { padding: 15px 0 50px; } #page-main-content { min-height: 360px; } @media (max-width: 575.98px) { #page-main-content { min-height: 100px; order: 1 !important; /*PH*/ } } .main-menu .area-main-menu .area-inner .block { margin-bottom: 0; } .sidebar { position: relative; order: 0 !important; /*PH*/ } #footer { color: #fff; } #footer a { color: #abafb5; } #footer a:hover, #footer a:focus { color: var(--ziston-theme-color); } #footer .before-footer { padding: 0; } #footer .footer-center { padding: 100px 0 80px; } @media (max-width: 991.98px) { #footer .footer-center { padding: 80px 0 60px; } } @media (max-width: 767.98px) { #footer .footer-center { padding: 60px 0 40px; } } #footer .block { padding-bottom: 0; margin-bottom: 0; } #footer .block .block-title span { color: #fff !important; } #footer .block .block-title span:after, #footer .block .block-title span:before { display: none; } #footer .copyright { font-weight: 500; background: #000; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 0; } @media (max-width: 991.98px) { #footer .footer-column { margin-bottom: 35px; } } .topbar { background: #0d222d; padding: 5px 0; font-size: 14px; position: relative; z-index: 11; } .topbar ul { margin: 0 !important; } .topbar .block { margin: 0 !important; } .topbar .topbar-wrapper { max-width: 1200px; padding: 0 15px; margin: 0 auto; } .topbar .topbar-wrapper .topbar-content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--topbar-color); } .topbar .topbar-wrapper .topbar-content a { color: var(--topbar-color); } .topbar .topbar-wrapper .topbar-content a:hover { color: var(--ziston-theme-color); } .topbar .topbar-wrapper .topbar-content .topbar-left > .content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3px; } .topbar .topbar-wrapper .topbar-content .topbar-right { -webkit-box-flex: 0; /* -ms-flex: 0 0 280px; flex: 0 0 280px;*/ } /* @media (max-width: 575px) { .topbar .topbar-wrapper .topbar-content .topbar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } */ .topbar .topbar-wrapper .topbar-content .topbar-right > .content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topbar .topbar-wrapper .topbar-content .topbar-right > .content-inner .search-region { margin-right: 5px; } .gva-user-region { line-height: 1; } .gva-user-region .icon { font-size: 14px; color: #fff; width: 32px; height: 32px; background: var(--ziston-theme-color); border-radius: 50%; overflow: hidden; display: inline-block; text-align: center; line-height: 32px; } .gva-user-region .icon img { width: 100%; } .gva-user-region .icon:hover { color: #fff !important; cursor: pointer; } .gva-user-region .user-content { display: none; width: 190px; position: absolute; top: 43px; right: 0; margin-top: -3px; z-index: 99; background: #fff; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0 0 4px 4px; } .gva-user-region .user-content .link-user { text-transform: capitalize; color: var(--ziston-theme-color); } .gva-user-region .user-content .account-message { border-bottom: 1px solid #dee2e6; padding-bottom: 5px; margin-bottom: 5px; } .gva-user-region .user-content .user-links { padding: 0; list-style-type: none; } .gva-user-region .user-content .user-links a { color: #797F89; font-size: 14px; display: inline-block; padding: 8px 0; } .gva-user-region .user-content .user-links a:hover { color: var(--ziston-theme-color); } .gva-user-region.show .user-content { display: block; } .language-box .links > li { margin-right: 10px; opacity: 0.6; filter: alpha(opacity=60); line-height: 1; margin-top: 5px; float: right; } .language-box .links > li.is-active { opacity: 1; filter: alpha(opacity=100); } .gva-search-region .icon { font-size: 18px; color: #eee; } .gva-search-region .icon:hover { cursor: pointer; } .gva-search-region .search-content { display: none; width: 320px; position: absolute; top: 43px; right: 0; margin-top: -1px; z-index: 99; background: #fff; padding: 20px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; border: 1px solid #dee2e6; } .gva-search-region .search-content form.search-block-form { padding-right: 100px; height: 36px; position: relative; } .gva-search-region .search-content form.search-block-form .form-item-keys { width: 100%; } .gva-search-region .search-content form.search-block-form input#edit-keys { height: 35px; padding: 5px; border: 1px solid #dee2e6; background: none; width: 100%; border-radius: 4px; } .gva-search-region .search-content form.search-block-form input[id*="edit-submit"] { position: absolute; top: 0; right: 0; z-index: 1; height: 35px; line-height: 35px; padding: 0 5px; background: var(--ziston-theme-color); color: #fff; border: none; font-size: 12px; width: 90px; font-weight: 500; font-family: var(--ziston-heading-font-family); letter-spacing: 2px; } .gva-search-region .search-content form.search-block-form input[id*="edit-submit"]:hover { cursor: pointer; } .gva-search-region .search-content #edit-actions { margin: 0 !important; padding: 0 !important; } .gva-search-region.show .search-content { display: block; } body.logged-in.toolbar-horizontal .gva-quick-side { padding-top: 90px; } .header-default { position: relative; z-index: 99; } .header-default .topbar { border-bottom: 1px solid #fb0346; } @media (max-width: 1024px) { .header-default .header-content-layout { max-width: 100%; } } .header-default .header-main .header-content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-default .header-main .header-content-inner .branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 140px; width: 200px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-default .header-main .header-content-inner .branding .site-branding-logo { padding: 10px 0 0; display: inline-block; height: auto; } .header-default .header-main .header-content-inner .branding .site-branding-logo img { max-width: 190px; } .header-default .header-main .header-content-inner .header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 230px); flex: 0 0 calc(100% - 230px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .header-default .header-main .header-content-inner .header-inner .main-menu.has-header-button { padding-right: 105px; } .header-default .header-main .header-content-inner .header-inner .header-button { position: absolute; top: 40%; right: 0; margin-top: -15px; z-index: 1; } .header-default .header-main .header-content-inner .header-inner .header-button a { display: inline-block; font-size: 12px; text-transform: uppercase; font-family: var(--ziston-heading-font-family); background: var(--bs-rosa); border-radius: 4px; padding: 12px; font-weight: 600; color: #FFF; } .header-default .header-main .header-content-inner .header-inner .header-button a:hover { opacity: 0.8; } .header-default .main-menu-inner { float: left; } .header-default .stuck { background: #fff; } header.header-1 { width: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: transparent; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 1024.98px) { header.header-1 { position: relative; background: #000; } } header.header-1 .topbar { background: #000; border-bottom: 0; } @media (max-width: 1024px) { header.header-1 .topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } @media (max-width: 1024px) { header.header-1 .header-content-layout { max-width: 100%; } } header.header-1 .header-main-inner .branding .logo-default { display: none; } header.header-1 .header-main-inner .branding .logo-default.logo-white { display: block !important; visibility: visible; } header.header-1 .header-main-inner .navigation .gva_menu > li > a { color: #fff; } header.header-1 .header-main-inner .navigation .gva_menu > li > a:hover { color: var(--ziston-theme-color); } header.header-1 .menu-bar span { background: #fff; } header.header-1 .gva-search-region .icon { color: #fff !important; } header.header-1 .stuck { background: #000 !important; } header.header-2 { width: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: transparent; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 1024px) { header.header-2 { background: #fff; position: relative; } } header.header-2 .topbar { background: #000; border-bottom: 0; } header.header-2 .gva-search-region .icon { color: #fff !important; } .gv-sticky-menu { position: static; top: -75px; -webkit-transition: all 0.25s; transition: all 0.25s; } @media (prefers-reduced-motion: reduce) { .gv-sticky-menu { -webkit-transition: none; transition: none; } } .stuck { position: fixed !important; top: 0; left: 0; z-index: 99 !important; width: 100%; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .stuck { -webkit-transition: none; transition: none; } } @media (min-width: 1025px) { .sticky-is-hidden .stuck { top: -200px; } .sticky-is-show .stuck { -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); top: 0; } } body.hidden-title .node--view-mode-full .header-title { display: none !important; } /* ----- Maintenance page ----- */ body.maintenance-page { background-color: #fff; color: #000; } .maintenance-page #page-wrapper { background: #fff; margin-left: auto; margin-right: auto; min-width: 0; min-height: 0; border: 1px solid #ddd; margin-top: 40px; } .maintenance-page #page { margin: 10px; } .maintenance-page #main-wrapper { min-height: inherit; } .maintenance-page #header { width: auto; } .maintenance-page #main { margin: 0; } .maintenance-page .content .section { padding: 0 0 0 10px; /* LTR */ } [dir="rtl"] .maintenance-page .content .section { padding-left: 0; padding-right: 10px; } .maintenance-page #header { background-color: #fff; background-image: none; } .maintenance-page .site-branding-text { margin-bottom: 50px; margin-left: 0; /* LTR */ padding-top: 20px; font-size: 90%; } [dir="rtl"] .maintenance-page .site-branding-text { margin-right: 0; } .maintenance-page .site-branding-text, .maintenance-page .site-branding-text a, .maintenance-page .site-branding-text a:hover, .maintenance-page .site-branding-text a:focus { color: #777; } .maintenance-page .page-title { line-height: 1em; margin-top: 0; } @media all and (min-width: 800px) { .maintenance-page #page-wrapper { width: 800px; } .maintenance-page #header div.section, .maintenance-page #main { width: 700px; } } @media all and (min-width: 600px) { .maintenance-page #page { margin: 20px 40px 40px; } } .page-notfound { text-align: center; padding: 150px 0; background: #f6f6f6; } @media (max-width: 575.98px) { .page-notfound { padding: 50px 0; } } .page-notfound header { display: none !important; } .page-notfound .big-title { font-size: 200px; font-weight: 700; text-transform: uppercase; color: #000; line-height: 1; } @media (max-width: 575.98px) { .page-notfound .big-title { font-size: 90px; } } .page-notfound .sub-title { color: #999999; padding: 30px 0; } .page-notfound .content { color: #666666; font-size: 16px; max-width: 450px; margin: 0 auto; line-height: 30px; } @media (max-width: 575.98px) { .page-notfound .content { padding: 0 20px; } } .page-notfound .action { text-align: center; margin-top: 30px; } .page-notfound .action a { font-size: 16px; color: var(--ziston-theme-color); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .page-notfound .action a:hover { color: #000; } .view-page { margin-bottom: 50px; } .portfolio-single { margin-bottom: 0 !important; padding-bottom: 0; } .portfolio-single .portfolio-images .owl-nav .owl-prev { left: 20px !important; } .portfolio-single .portfolio-images .owl-nav .owl-next { right: 20px !important; } .portfolio-single .portfolio-images .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; } .portfolio-single .post-title { font-size: 30px; padding: 0; margin: 0 !important; } @media (max-width: 767.98px) { .portfolio-single .post-title { font-size: 20px; } } .portfolio-single .post-meta { margin: 10px 0 30px !important; } .portfolio-single .post-meta .line { width: 10px; height: 2px; background: var(--ziston-theme-color); margin: 0 10px 0 4px; display: inline-block; position: relative; top: -3px; } .portfolio-single .portfolio-informations { margin-bottom: 15px; } .portfolio-single .portfolio-informations .item-information { border-bottom: 1px solid #dee2e6; padding: 10px 0; line-height: 24px; } .portfolio-single .portfolio-informations .item-information span { display: block; font-size: 16px; } .portfolio-single .portfolio-informations .item-information span:first-child { font-weight: 700; min-width: 120px; display: inline-block; color: var(--ziston-theme-color-second); font-family: var(--ziston-heading-font-family); } .portfolio-single .post-content ul { padding-left: 20px; margin-top: 15px; } .team-single-page .team-name { margin-bottom: 30px; } .team-single-page .team-name .name { font-size: 30px; font-weight: 700; color: #000; line-height: 42px; } .team-single-page .team-name .job { font-size: 12px; color: #999999; } .team-single-page .team-name .line { text-align: center; float: left; } .team-single-page .team-name .line span { width: 30px; height: 5px; border-radius: 10px; display: inline-block; margin: 0 5px; } .team-single-page .team-name .line span.one { background: #5EB4E7; margin-left: 0; } .team-single-page .team-name .line span.second { background: #F8C44F; } .team-single-page .team-name .line span.three { background: #F49626; margin-right: 0; } .team-single-page .socials { margin-top: 10px; } .team-single-page .heading { font-size: 18px; font-weight: 700; color: #000; } .team-single-page .team-contact { margin-bottom: 25px; } .team-single-page .team-contact .content-inner, .team-single-page .team-education .content-inner { color: #999999; font-size: 13px; line-height: 28px; } .team-single-page .team-education .field__item { padding-left: 20px; position: relative; } .team-single-page .team-education .field__item:after { content: ""; width: 6px; height: 6px; background: var(--ziston-theme-color); position: absolute; top: 8px; left: 0; border-radius: 50%; z-index: 1; } .team-single-page .team-info { margin-bottom: 30px !important; } .team-single-page .team-quote { font-size: 16px; color: #999999; margin-top: 20px; padding-left: 50px; position: relative; } .team-single-page .team-quote:after { font-family: "Font Awesome 5 Free"; content: "\f10d"; left: 0; top: 0; position: absolute; z-index: 1; color: var(--ziston-theme-color); font-size: 24px; text-align: center; line-height: 40px; } .page-user-login, .page-user-register, .page-user-pass { position: relative; } .page-user-login .bg, .page-user-register .bg, .page-user-pass .bg { background: #152C49; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; } .page-user-login input, .page-user-register input, .page-user-pass input { max-width: 100%; } .page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page { padding: 10px 30px 30px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); max-width: 550px; background: #fff; border: 8px solid rgba(255, 255, 255, 0.8); border-radius: 10px; margin: 50px auto 0; position: relative; z-index: 99; } @media (max-width: 575.98px) { .page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page { margin-top: 35px; } } .page-user-login .branding, .page-user-register .branding, .page-user-pass .branding { margin-bottom: 20px; } .page-user-login .container, .page-user-register .container, .page-user-pass .container { padding: 0; } .page-user-login .nav-tabs, .page-user-register .nav-tabs, .page-user-pass .nav-tabs { margin-bottom: 20px; } .page-user-login .nav-tabs > li > a, .page-user-register .nav-tabs > li > a, .page-user-pass .nav-tabs > li > a { padding: 8px 20px 0 0 !important; } .page-user-login .help.show, .page-user-register .help.show, .page-user-pass .help.show { display: block !important; } .post-block { margin-bottom: 30px; } .post-block .post-image { overflow: hidden; } .post-block .post-image a { position: relative; display: block; } .post-block .post-image img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } @media (prefers-reduced-motion: reduce) { .post-block .post-image img { -webkit-transition: none; transition: none; } } .post-block .post-image:hover a:before, .post-block .post-image:hover a:after { -webkit-transform: scale(1); transform: scale(1); } .post-block .post-title { padding: 5px 0 0; margin: 0; line-height: 36px; font-size: 28px; display: block; } @media (max-width: 1024px) { .post-block .post-title { font-size: 22px; line-height: 32px; } } .post-block .post-title a { color: #161c26; word-wrap: break-word; } .post-block .post-title a:hover, .post-block .post-title a:active, .post-block .post-title a:before { color: var(--ziston-theme-color); } .post-block .post-content { background: #fff; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } .post-block .post-content::after { display: block; clear: both; content: ""; } .post-block .post-content .entry-meta { position: relative; font-size: 14px; line-height: 14px; padding: 28px 70px 22px 35px; text-transform: capitalize; } .post-block .post-content .entry-meta:after { content: ''; background: #dee2e6; height: 1px; position: absolute; bottom: 0; left: 30px; right: 100px; } .post-block .post-content .entry-meta .meta-inline { display: -webkit-box; display: -ms-flexbox; display: flex; } .post-block .post-content .entry-meta .meta-inline span { margin-right: 16px; } .post-block .post-content .entry-meta .meta-inline span:last-child { margin-right: 0; } .post-block .post-content .entry-meta .meta-inline span i { color: var(--ziston-theme-color); margin-right: 4px; } .post-block .post-content .entry-meta .meta-inline span a { color: #797F89; } .post-block .post-content .entry-meta .entry-date { position: absolute; top: -1px; right: 0; width: 70px; height: 100%; background: var(--ziston-theme-color); color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; padding-top: 15px; border-radius: 0 0 0 4px; } .post-block .post-content .entry-meta .entry-date span { display: block; } .post-block .post-content .content-inner { padding: 20px 35px 38px 35px; } @media (max-width: 1024px) { .post-block .post-content .content-inner { padding: 20px 25px 35px 25px; } } .post-block .post-content .content-inner .post-desc { margin-top: 15px; } .post-block.teaser-2 { text-align: center; } .post-block.teaser-2 .post-content { padding: 15px 10px 15px; border: none; text-align: center; } .post-block.teaser-2 .post-content .entry-meta { padding: 0 0 5px; text-align: center; } .post-block.teaser-2 .post-content .entry-meta .meta-inline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .post-block.teaser-2 .post-content .entry-meta:after { display: none; } .post-block.teaser-2 .post-content .post-title { margin-bottom: 0; font-size: 20px; line-height: 30px; } .post-footer { margin-top: 25px; } .post-footer .item-list ul li { margin-bottom: 15px !important; } .post-footer .item-list ul li:last-child { border: none; margin-bottom: 0 !important; } .post-footer .item-list ul li .post-block { background: transparent !important; } .post-footer .item-list ul li .post-block .post-title { font-size: 14px; } .post-footer .item-list ul li .post-block .post-title a { color: #fff; font-weight: 400; } .post-footer .item-list ul li .post-block .post-title a:hover { color: var(--ziston-theme-color); } .post-footer .item-list ul li .post-block .post-meta { color: rgba(255, 255, 255, 0.8); } .post-footer .item-list ul li .post-block .post-meta .post-categories { font-size: 12px; } .post-footer .item-list ul li .post-block .post-meta .post-categories a { font-size: 10px; } .post-style-grid .post-block { margin-bottom: 40px; } .gallery-post { position: relative; display: block; width: 100%; margin-bottom: 30px; } .gallery-post:after { content: ""; width: 100%; height: 100%; -webkit-transition: all 0.35s; transition: all 0.35s; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 9; opacity: 0; filter: alpha(opacity=0); } @media (prefers-reduced-motion: reduce) { .gallery-post:after { -webkit-transition: none; transition: none; } } .gallery-post .images { overflow: hidden; position: relative; } .gallery-post .images img { -webkit-transition: all 5s; transition: all 5s; } @media (prefers-reduced-motion: reduce) { .gallery-post .images img { -webkit-transition: none; transition: none; } } .gallery-post a.zoomGallery { position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 99; color: #fff; font-size: 30px; line-height: 1; opacity: 0; filter: alpha(opacity=0); } @media (max-width: 680px) { .gallery-post a.zoomGallery { display: none; } } .gallery-post:hover:after { opacity: 1; filter: alpha(opacity=100); } .gallery-post:hover a.zoomGallery { opacity: 1; filter: alpha(opacity=100); } .style-dark .post-block { background: transparent; } .style-dark .post-block .post-title { background: transparent; } .style-dark .post-block .post-title a { color: #fff; } .style-dark .post-block .post-title a:hover { color: var(--ziston-theme-color); } .post-style-horizontal .post-block::after { display: block; clear: both; content: ""; } .node--view-mode-full .post-thumbnail { margin-bottom: 10px; } .node--view-mode-full .post-thumbnail iframe { min-height: 400px; } .node--view-mode-full .post-categories { padding-bottom: 0; margin-bottom: 5px; } .node-detail { padding-bottom: 35px; } .node-detail iframe { width: 100%; display: block; } .node-detail .post-thumbnail.post-gallery { overflow: hidden; } .node-detail .post-thumbnail.post-gallery .owl-nav { opacity: 1; filter: alpha(opacity=100); } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-prev { margin-left: 60px; } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-next { margin-right: 60px; } .node-detail .post-title { margin-top: 5px; margin-bottom: 30px; font-size: 26px; } .node-detail .post-content { -webkit-box-shadow: none !important; box-shadow: none !important; } .node-detail .entry-meta { padding: 30px 0 0 !important; } .node-detail .entry-meta:after { display: none; } .node-detail .field--name-field-tags { margin-top: 20px; } .node-detail .field--name-field-tags .field__item { float: left; margin-right: 10px; font-weight: 400; text-transform: uppercase; font-size: 14px; } .node-detail .field--name-field-tags .field__item a { background: #f5f5f5; padding: 2px 15px; border-radius: 3px; } .node-detail .field--name-field-tags .field__item a:hover, .node-detail .field--name-field-tags .field__item a:focus, .node-detail .field--name-field-tags .field__item a:active { background: var(--ziston-theme-color); color: #fff; } .categories-view-content.layout-grid .post-block, .categories-view-content.layout-masonry .post-block { margin-bottom: 30px; text-align: left; } .categories-view-content.layout-grid .post-block .post-categories, .categories-view-content.layout-masonry .post-block .post-categories { margin: 0; } .categories-view-content.layout-grid .post-block .post-categories h2, .categories-view-content.layout-grid .post-block .post-categories h3, .categories-view-content.layout-grid .post-block .post-categories h4, .categories-view-content.layout-masonry .post-block .post-categories h2, .categories-view-content.layout-masonry .post-block .post-categories h3, .categories-view-content.layout-masonry .post-block .post-categories h4 { margin: 0; line-height: 1; } .categories-view-content.layout-grid .post-block .post-title, .categories-view-content.layout-masonry .post-block .post-title { padding: 0; } .categories-view-content.layout-grid .post-block .post-meta, .categories-view-content.layout-masonry .post-block .post-meta { margin-top: 0; } .categories-view-content.layout-grid .post-block .post-body, .categories-view-content.layout-masonry .post-block .post-body { padding: 10px 0 15px; } .categories-view-content.layout-grid .post-block .post-content, .categories-view-content.layout-masonry .post-block .post-content { padding: 15px; border: 1px solid #dee2e6; border-top: 0; } .categories-view-content.layout-list .post-block { margin-bottom: 0; } .categories-view-content.layout-list .post-block::after { display: block; clear: both; content: ""; } .categories-view-content.layout-list .post-block .post-thumbnail { width: 45%; float: left; } @media (max-width: 575.98px) { .categories-view-content.layout-list .post-block .post-thumbnail { width: 100%; } } .categories-view-content.layout-list .post-block .post-title { padding: 0; margin: 0; } .categories-view-content.layout-list .post-block .post-content { width: 55%; float: left; padding-left: 30px; } @media (max-width: 575.98px) { .categories-view-content.layout-list .post-block .post-content { width: 100%; } } .categories-view-content.layout-list .post-block .post-content .post-categories { line-height: 1; padding-bottom: 0; margin-bottom: 0; } .categories-view-content.layout-list .post-block .post-content .post-categories h2 { margin: 0; } .post-style-list { margin-bottom: 10px !important; } .post-style-list ul > li.view-list-item { margin-bottom: 30px !important; } .post-style-list .post-block { clear: both; } .post-style-list .post-block .post-image { width: 40%; float: left; } @media (max-width: 575.98px) { .post-style-list .post-block .post-image { width: 100%; } } .post-style-list .post-block .post-image img { height: auto; width: 100%; } .post-style-list .post-block .entry-meta { padding: 5px 0 12px; margin-top: 2px; } .post-style-list .post-block .entry-meta:after { display: none; } .post-style-list .post-block .post-title { margin-bottom: 8px; font-size: 22px; line-height: 28px; } .post-style-list .post-block .post-content { padding-top: 5px; width: 60%; padding-left: 30px; float: left; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 575.98px) { .post-style-list .post-block .post-content { width: 100%; padding-left: 0; } } .post-style-list .post-block .post-content .action { display: none; } .post-style-list .post-block .post-content .body { line-height: 24px; margin-top: 15px; } .post-style-list .post-block .post-title { padding-top: 0; } .post-style-list .post-block.no-image .post-content { width: 100%; padding-left: 0; } .post-list-small { background: #fff; border: 1px solid #dee2e6; padding: 20px; } .post-list-small .item-list ul li { margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid #dee2e6; } .post-list-small .item-list ul li:last-child { margin-bottom: 0 !important; border-bottom: 0; border: 0; } .post-list-small .post-block { clear: both; background: none; } .post-list-small-2 .item-list ul li { margin-bottom: 20px !important; } .post-list-small-2 .item-list ul li:last-child { margin-bottom: 0 !important; } .post-list-small-2 .post-block { clear: both; background: none; } .post-list-small-2 .post-block .post-image { width: 90px; float: left; } .post-list-small-2 .post-block .post-image img { height: auto; width: 100%; } .post-list-small-2 .post-block .post-content { padding-left: 110px; background: none; } .post-list-small-2 .post-block .post-title { padding: 0; margin: 0; font-size: 16px; line-height: 1.4; margin-top: -3px; font-weight: 600; } .post-list-small-2 .post-block .post-meta { position: relative; margin-bottom: 8px; font-size: 12px; color: var(--ziston-theme-color); font-weight: 600; font-family: var(--ziston-heading-font-family); } .post-list-small-2 .post-block .post-meta .line { padding: 0 5px; } .post-list-small-2 .post-block .post-meta .post-categories { font-size: 12px; } .team-block.team-v1 { text-align: center; margin-bottom: 30px; position: relative; overflow: hidden; background: transparent; background: #fff; } .team-block.team-v1 .team-image { position: relative; background: transparent; } .team-block.team-v1 .team-image .socials-team { z-index: 9; width: auto; padding: 10px 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s; transition: all 0.15s; text-align: center; position: absolute; top: -20px; right: 10px; z-index: 9; width: 32px; } @media (prefers-reduced-motion: reduce) { .team-block.team-v1 .team-image .socials-team { -webkit-transition: none; transition: none; } } .team-block.team-v1 .team-image .socials-team a { width: 32px; height: 32px; border-radius: 50%; line-height: 32px; text-align: center; color: #fff; background: #000; font-size: 14px; display: block; margin-bottom: 10px; } .team-block.team-v1 .team-image .socials-team a:hover, .team-block.team-v1 .team-image .socials-team a:focus, .team-block.team-v1 .team-image .socials-team a:active { background: var(--ziston-theme-color); } .team-block.team-v1 .team-image .item-image { position: relative; } .team-block.team-v1 .team-image .item-image a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); opacity: 0; filter: alpha(opacity=0); z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .team-block.team-v1 .team-image .item-image a:after { -webkit-transition: none; transition: none; } } .team-block.team-v1 .team-content { background: transparent; position: relative; text-align: left; padding: 10px 20px 20px; border: 1px solid #dee2e6; border-top: 0; } .team-block.team-v1 .team-content .team-name { font-size: 20px; font-weight: 700; margin: 0; line-height: 20px; padding: 20px 0 6px; text-transform: capitalize; } .team-block.team-v1 .team-content .team-job { font-size: 13px; color: #808080; padding: 0 0 10px; } .team-block.team-v1 .team-skills .progress-label { font-weight: 400 !important; font-size: 13px; color: #000; text-transform: capitalize; } .team-block.team-v1 .team-skills .progress { margin-bottom: 12px !important; height: 2px !important; } .team-block.team-v1 .team-skills .progress .progress-bar span { display: none; } .team-block.team-v1 .team-skills .progress .percentage { font-size: 12px !important; top: -22px; color: #000; font-weight: 400; } .team-block.team-v1:hover .team-image .item-image:after { opacity: 1; filter: alpha(opacity=100); } .team-block.team-v1:hover .team-image .socials-team { opacity: 1; filter: alpha(opacity=100); top: 10px; } .team-block.team-v2 { max-width: 500px; margin: 0 auto 30px; } .team-block.team-v2 .team-image { position: relative; text-align: center; z-index: 1; } .team-block.team-v2 .team-content { background: #fff; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; padding: 30px 20px 20px; margin: -50px 10px 0 10px; -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.06); border-radius: 4px; position: relative; z-index: 9; border-bottom: 2px solid transparent; } @media (prefers-reduced-motion: reduce) { .team-block.team-v2 .team-content { -webkit-transition: none; transition: none; } } @media (max-width: 1024px) { .team-block.team-v2 .team-content { padding: 20px 15px; } } .team-block.team-v2 .team-content .socials-team { z-index: 9; width: auto; padding: 5px 0; -webkit-transition: all 0.15s; transition: all 0.15s; text-align: center; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.4s; transition: all 0.4s; } @media (prefers-reduced-motion: reduce) { .team-block.team-v2 .team-content .socials-team { -webkit-transition: none; transition: none; } } @media (prefers-reduced-motion: reduce) { .team-block.team-v2 .team-content .socials-team { -webkit-transition: none; transition: none; } } .team-block.team-v2 .team-content .socials-team a { text-align: center; color: #000; font-size: 16px; margin: 0 5px; width: 40px; height: 40px; border-radius: 50%; background: #F0F3F6; display: inline-block; line-height: 40px; } .team-block.team-v2 .team-content .socials-team a:hover, .team-block.team-v2 .team-content .socials-team a:focus, .team-block.team-v2 .team-content .socials-team a:active { color: #fff; background: var(--ziston-theme-color); } .team-block.team-v2 .team-content .team-name { line-height: 22px; font-size: 20px; margin: 0 0 6px; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (prefers-reduced-motion: reduce) { .team-block.team-v2 .team-content .team-name { -webkit-transition: none; transition: none; } } .team-block.team-v2 .team-content .team-name a:hover { color: var(--ziston-theme-color); } .team-block.team-v2 .team-content .team-job { font-size: 14px; font-weight: 400; margin-top: 5px; } .team-block.team-v2:hover .team-content, .team-block.team-v2:focus .team-content { border-bottom-color: var(--ziston-theme-color); } .box-margin-0 { margin-bottom: 0; } .box-margin-small { margin-bottom: 30px; } @media (max-width: 767.98px) { .box-margin-small { margin-bottom: 20px; } } .box-margin-medium { margin-bottom: 50px; } @media (max-width: 767.98px) { .box-margin-medium { margin-bottom: 20px; } } @media (max-width: 575.98px) { .box-margin-medium { margin-top: 10px; } } .box-margin-large { margin-bottom: 80px; } @media (max-width: 767.98px) { .box-margin-large { margin-bottom: 50px; } } @media (max-width: 575.98px) { .box-margin-large { margin-bottom: 30px; } } .no-margin { margin: 0 !important; } .margin-1 { margin-bottom: -150px; } @media (max-width: 991.98px) { .margin-1 { margin-bottom: 0px; } } .margin-2 { margin-top: 60px; } @media (max-width: 767.98px) { .margin-2 { margin-top: 20px; } } .margin-3 { margin-top: 80px; } @media (max-width: 767.98px) { .margin-3 { margin-top: 50px; } } .margin-4 { margin-top: 30px; } @media (max-width: 575.98px) { .margin-4 { margin-top: 0; } } .margin-top-0 { margin-top: 0 !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } @media (max-width: 575.98px) { .padding-bottom-100 { padding-bottom: 30px !important; } } .padding-top-10 { padding-top: 10px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .width-100 { max-width: 100px; margin: 0 auto; } .width-200 { max-width: 200px; margin: 0 auto; } .width-300 { max-width: 300px; margin: 0 auto; } .width-400 { max-width: 400px; margin: 0 auto; } .width-500 { max-width: 500px; margin: 0 auto; } .width-600 { max-width: 600px !important; margin: 0 auto; } .width-700 { max-width: 700px; margin: 0 auto; } .width-750 { max-width: 750px; margin: 0 auto; } .width-800 { max-width: 800px; margin: 0 auto; } .width-900 { max-width: 900px; margin: 0 auto; } .width-950 { max-width: 950px; margin: 0 auto; } .width-1000 { max-width: 1000px; margin: 0 auto; } .radius-1x { border-radius: 3px; } .radius-2x { border-radius: 5px; } .radius-5x { border-radius: 50%; } .border-1 { border: 1px solid #dee2e6; } .border-2 { border: 2px solid #dee2e6; } .border-3 { border: 3px solid #dee2e6; } .border-4 { border: 4px solid #dee2e6; } .border-5 { border: 5px solid #dee2e6; } .border-top-1 { border-top: 1px solid #dee2e6; } .fsize-14 { font-size: 14px !important; } .fsize-15 { font-size: 15px !important; } .fsize-16 { font-size: 16px !important; } .fsize-17 { font-size: 17px !important; } .fsize-18 { font-size: 18px !important; } .fsize-19 { font-size: 19px !important; } .fsize-20 { font-size: 20px !important; } .fsize-21 { font-size: 21px !important; } .fsize-22 { font-size: 22px !important; } .fsize-23 { font-size: 23px !important; } .fsize-24 { font-size: 24px !important; } .fsize-25 { font-size: 25px !important; } .fsize-26 { font-size: 26px !important; } .fsize-27 { font-size: 27px !important; } .fsize-28 { font-size: 28px !important; } .fsize-29 { font-size: 29px !important; } .fsize-30 { font-size: 30px !important; } .fsize-31 { font-size: 31px !important; } .fsize-32 { font-size: 32px !important; } .fsize-33 { font-size: 33px !important; } .fsize-34 { font-size: 34px !important; } .fsize-35 { font-size: 35px !important; } .fsize-36 { font-size: 36px !important; } .fsize-37 { font-size: 37px !important; } .fsize-38 { font-size: 38px !important; } .fsize-39 { font-size: 39px !important; } .fsize-40 { font-size: 40px !important; } .fsize-41 { font-size: 41px !important; } .fsize-42 { font-size: 42px !important; } .fsize-44 { font-size: 44px !important; } .fsize-46 { font-size: 46px !important; } @media (max-width: 767.98px) { .fsize-46 { font-size: 38px !important; } } .fsize-48 { font-size: 48px !important; } @media (max-width: 767.98px) { .fsize-48 { font-size: 38px !important; } } .fsize-50 { font-size: 50px !important; } @media (max-width: 767.98px) { .fsize-50 { font-size: 38px !important; } } .fsize-52 { font-size: 52px !important; } @media (max-width: 767.98px) { .fsize-52 { font-size: 38px !important; } } .fsize-54 { font-size: 54px !important; } .fsize-56 { font-size: 56px !important; } @media (max-width: 767.98px) { .fsize-56 { font-size: 38px !important; } } .fsize-58 { font-size: 58px !important; } @media (max-width: 767.98px) { .fsize-58 { font-size: 38px !important; } } .fsize-60 { font-size: 60px !important; } @media (max-width: 767.98px) { .fsize-60 { font-size: 40px !important; } } .fsize-70 { font-size: 70px !important; } @media (max-width: 767.98px) { .fsize-70 { font-size: 50px !important; } } .fsize-80 { font-size: 80px !important; } @media (max-width: 767.98px) { .fsize-80 { font-size: 50px !important; } } .fsize-90 { font-size: 90px !important; } @media (max-width: 767.98px) { .fsize-90 { font-size: 50px !important; } } .fsize-100 { font-size: 100px !important; } @media (max-width: 767.98px) { .fsize-100 { font-size: 60px !important; } } .lheight-18 { line-height: 18px !important; } .lheight-19 { line-height: 19px !important; } .lheight-20 { line-height: 20px !important; } .lheight-21 { line-height: 21px !important; } .lheight-22 { line-height: 22px !important; } .lheight-23 { line-height: 23px !important; } .lheight-24 { line-height: 24px !important; } .lheight-25 { line-height: 25px !important; } .lheight-26 { line-height: 26px !important; } .lheight-27 { line-height: 27px !important; } .lheight-28 { line-height: 28px !important; } .lheight-29 { line-height: 29px !important; } .lheight-30 { line-height: 30px !important; } .lheight-31 { line-height: 31px !important; } .lheight-32 { line-height: 32px !important; } .lheight-33 { line-height: 33px !important; } .lheight-34 { line-height: 34px !important; } .lheight-35 { line-height: 35px !important; } .lheight-36 { line-height: 36px !important; } .lheight-37 { line-height: 37px !important; } .lheight-38 { line-height: 38px !important; } .lheight-39 { line-height: 39px !important; } .lheight-40 { line-height: 40px !important; } .lheight-41 { line-height: 41px !important; } .lheight-42 { line-height: 42px !important; } .lheight-43 { line-height: 43px !important; } .lheight-44 { line-height: 44px !important; } .lheight-46 { line-height: 46px !important; } @media (max-width: 767.98px) { .lheight-46 { line-height: 38px !important; } } .lheight-48 { line-height: 48px !important; } @media (max-width: 767.98px) { .lheight-48 { line-height: 38px !important; } } .lheight-50 { line-height: 50px !important; } @media (max-width: 767.98px) { .lheight-50 { line-height: 38px !important; } } .lheight-52 { line-height: 52px !important; } @media (max-width: 767.98px) { .lheight-52 { line-height: 38px !important; } } .lheight-54 { line-height: 54px !important; } @media (max-width: 767.98px) { .lheight-54 { line-height: 38px !important; } } .lheight-56 { line-height: 56px !important; } @media (max-width: 767.98px) { .lheight-56 { line-height: 38px !important; } } .lheight-58 { line-height: 58px !important; } @media (max-width: 767.98px) { .lheight-58 { line-height: 38px !important; } } .lheight-60 { line-height: 60px !important; } @media (max-width: 767.98px) { .lheight-60 { line-height: 40px !important; } } .lheight-70 { line-height: 70px !important; } @media (max-width: 767.98px) { .lheight-70 { line-height: 60px !important; } } .lheight-80 { line-height: 80px !important; } @media (max-width: 767.98px) { .lheight-80 { line-height: 70px !important; } } .lheight-90 { line-height: 90px !important; } @media (max-width: 767.98px) { .lheight-90 { line-height: 70px !important; } } .lheight-100 { line-height: 100px !important; } @media (max-width: 767.98px) { .lheight-100 { line-height: 80px !important; } } .fweight-400 { font-weight: 400 !important; } .fweight-500 { font-weight: 500 !important; } .fweight-600 { font-weight: 600 !important; } .fweight-700 { font-weight: 700 !important; } .fweight-800 { font-weight: 800 !important; } .fweight-900 { font-weight: 900 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } .fw-900 { font-weight: 900 !important; } .zindex-9 { z-index: 9; } .zindex-11 { z-index: 11; } .text-light .border-1, .text-light .border-2, .text-light .border-3, .text-light .border-4, .text-light .border-5 { border-color: rgba(255, 255, 255, 0.6) !important; } .padding-responsive { padding: 30px 120px; } @media (max-width: 575.98px) { .padding-responsive { padding: 30px; } } .special-margin-top { margin-top: -125px; } @media (max-width: 575.98px) { .special-margin-top { margin-top: 30px; } } .special-margin-top-2 { margin-top: -120px; } @media (max-width: 575.98px) { .special-margin-top-2 { margin-top: 10px; margin-bottom: 30px; } } .margin-top-contact { margin-top: -100px; padding-bottom: 80px; } @media (max-width: 575.98px) { .margin-top-contact { margin-top: 30px; padding-bottom: 45px; } } .padding-lr-15p { padding-left: 15%; padding-right: 15%; } @media (max-width: 575.98px) { .padding-lr-15p { padding-left: 20px; padding-right: 20px; } } .border { border: 1px solid #dee2e6; } .border-top { border-top: 1px solid #dee2e6; } .border-bottom { border-bottom: 1px solid #dee2e6; } .overflow-visible { overflow: visible !important; } .float-left { float: left; } .float-right { float: right; margin-right: 1px !important; } .no-bg { background-color: transparent !important; } .col-no-padding div[class*="col-"] { padding: 0 !important; } .p-static { position: static !important; } .p-relative { position: relative !important; } .bg-theme { background: var(--ziston-theme-color); } .bg-theme-second { background: var(--ziston-theme-color-second); } .bg-white { background: #fff; } .bg-black { background: #11161F; } .bg-dark { background: #F0F3F6; } .bg-fixed, .gva-fixed-background { background-attachment: fixed; } @media (max-width: 767.98px) { .bg-fixed, .gva-fixed-background { background-attachment: scroll; } } .bg-content-box { background-clip: content-box; } .youtube-bg { position: relative; z-index: 9; } .youtube-bg:after { content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9; } .youtube-bg .bb-inner { position: relative; z-index: 99; } .ui-widget-content { color: #797F89; } .gva-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 9; display: none; } .text-normal { font-size: 15px; } .text-size-medium { font-size: 16px; line-height: 32px; font-weight: 400; } .text-medium { font-size: 18px; line-height: 32px; font-weight: 600; } .text-medium-2 { font-size: 26px; line-height: 32px; font-weight: 600; color: var(--ziston-theme-color-second); margin-top: 2px; font-family: var(--ziston-heading-font-family); } .text-size-big { font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 48px; letter-spacing: 1px; } @media (max-width: 575.98px) { .text-size-big { font-size: 30px; line-height: 38px; } } .text-size-big { font-size: 36px; } @media (max-width: 575.98px) { .text-size-big { font-size: 20px; } } .text-dark { color: #797F89 !important; } .text-black { color: #000 !important; } .text-black > a { color: #000 !important; } .text-white { color: #fff !important; } .text-white > a { color: #fff !important; } .text-theme { color: var(--ziston-theme-color) !important; } .text-theme > a { color: var(--ziston-theme-color) !important; } .text-theme-2, .text-theme-second { color: var(--ziston-theme-color-second) !important; } .text-theme-2 > a, .text-theme-second > a { color: var(--ziston-theme-color-second) !important; } .text-gray { color: #797F89 !important; } .text-gray > a { color: #797F89 !important; } .text-gray-light { color: #E6E6E6 !important; } .text-gray-light > a { color: #E6E6E6 !important; } .color-theme { color: var(--ziston-theme-color) !important; } .color-theme > a { color: var(--ziston-theme-color) !important; } .color-white { color: #fff !important; } .color-white > a { color: #fff !important; } .color-dark { color: #f1f1f1 !important; } .color-dark > a { color: #f1f1f1 !important; } .color-black { color: #000 !important; } .color-black > a { color: #000 !important; } .gavias-parallax { background-attachment: fixed !important; background-attachment: scroll !important; } .gavias-parallax.fp-section { background-attachment: scroll !important; } .socials { display: inline-block; width: 100%; } .socials a { text-decoration: none; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; margin-right: 10px; font-size: 14px; width: 38px; height: 38px; border-radius: 50%; display: inline-block; text-align: center; line-height: 38px; font-size: 14px; background: #F0F3F6; color: #000 !important; } @media (prefers-reduced-motion: reduce) { .socials a { -webkit-transition: none; transition: none; } } .socials a:last-child { margin-right: 0; } .socials a:hover, .socials a:focus, .socials a:active { background: var(--ziston-theme-color); color: #fff !important; } .social-copyright { float: right; } .post-masonry-style > div, .isotope-items > div { margin-left: -1px; -webkit-transform: translateX(1px); transform: translateX(1px); } .nav-tabs { list-style: none !important; padding-left: 0; } .nav-tabs > li > a { font-weight: 700; color: #fff; padding: 8px 18px; border: none; font-size: 13px; text-transform: uppercase; background: none; } .nav-tabs > li > a i { margin-right: 5px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active { color: var(--ziston-theme-color); } .nav-tabs > li.active > a, .nav-tabs > li > a.active { color: var(--ziston-theme-color); } .box-quick-link ul { padding: 0; margin: 0; } .box-quick-link ul > li { width: 46%; height: 70px; border: 1px solid #dee2e6; float: left; list-style: none; text-align: center; margin-bottom: 8%; } .box-quick-link ul > li:nth-child(2n) { margin-left: 4%; } .box-quick-link ul > li:nth-child(2n+1) { margin-right: 4%; } .box-quick-link ul > li a { font-weight: 700; font-size: 13px; display: block; line-height: 1.8; padding-top: 12px; } .box-quick-link ul > li a i { display: block; font-size: 23px; color: #777777; } .box-quick-link ul > li a:hover { color: #fff; } .box-quick-link ul > li a:hover i { color: #fff; } .box-quick-link ul > li:hover { background-color: #555555; } .box-quick-link ul > li:hover * { color: #fff; } .init-carousel-owl { margin-left: -15px; margin-right: -15px; width: auto; } .init-carousel-owl .owl-item > .item { padding-left: 15px; padding-right: 15px; } .init-carousel-owl.carousel-no-padding, .init-carousel-owl.no-padding { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl.carousel-no-padding .owl-item > .item, .init-carousel-owl.no-padding .owl-item > .item { padding-left: 0 !important; padding-right: 0 !important; } .init-carousel-owl[data-items*="1"] { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl[data-items*="1"] .owl-item > .item { padding-left: 0 !important; padding-right: 0 !important; } div.error { background-repeat: no-repeat !important; background-image: none !important; } .owl-carousel { background: none !important; position: relative; max-height: 200px; } .owl-carousel .item { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } @media (prefers-reduced-motion: reduce) { .owl-carousel .item { -webkit-transition: none; transition: none; } } .owl-carousel .owl-stage-outer .item { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .owl-carousel.owl-loaded { max-height: none; } .owl-carousel .owl-item img { display: inline-block; width: auto; } .owl-carousel .owl-controls { margin: 0; } .owl-carousel .owl-controls .owl-pagination { position: relative; bottom: 10px; z-index: 9; display: inline-block; width: 100%; left: 0; } .owl-carousel .owl-controls .owl-pagination .owl-page span { background: #d6d6d6; width: 10px; height: 10px; } .owl-carousel .owl-controls .owl-pagination .owl-page.active span { background: #869791; } .owl-carousel .owl-dots { margin-top: 15px; text-align: center; width: 100%; display: block; clear: bottom; } .owl-carousel .owl-dots .owl-dot { width: 12px; height: 12px; background: #D0D2D4; -webkit-transition: background 0.35s; transition: background 0.35s; display: inline-block; margin: 0 5px; border-radius: 50%; border: none; outline: none !important; } @media (prefers-reduced-motion: reduce) { .owl-carousel .owl-dots .owl-dot { -webkit-transition: none; transition: none; } } .owl-carousel .owl-dots .owl-dot.active { background: var(--ziston-theme-color); } .owl-carousel .owl-nav { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media (prefers-reduced-motion: reduce) { .owl-carousel .owl-nav { -webkit-transition: none; transition: none; } } .owl-carousel .owl-nav > div { -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 50%; margin-top: -20px; width: 45px; height: 45px; line-height: 46px; background: #fff; color: #fff !important; border-radius: 50%; background: #DEE2E8; text-align: center; font-size: 16px; padding-top: 0; padding-bottom: 0; } @media (prefers-reduced-motion: reduce) { .owl-carousel .owl-nav > div { -webkit-transition: none; transition: none; } } .owl-carousel .owl-nav > div:hover { background: var(--ziston-theme-color); } .owl-carousel .owl-nav > div:hover i { color: #fff; } .owl-carousel .owl-nav > div.owl-prev { right: auto !important; left: -50px !important; } @media (max-width: 1300px) { .owl-carousel .owl-nav > div.owl-prev { left: -10px !important; } } .owl-carousel .owl-nav > div.owl-next { left: auto !important; right: -50px !important; } @media (max-width: 1300px) { .owl-carousel .owl-nav > div.owl-next { right: -10px !important; } } .owl-carousel:hover .owl-nav { opacity: 1; filter: alpha(opacity=100); background: #fff; } .owl-carousel:hover .owl-nav .owl-next { margin-left: 30px; } .owl-carousel:hover .owl-nav .owl-prev { margin-right: 30px; } .owl-carousel.pagination-right .owl-dots { position: absolute; right: -30px; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: auto; } .owl-carousel.pagination-right .owl-dots .owl-dot { display: block; margin: 10px 0; } .owl-carousel.pagination-left .owl-dots { float: left; width: auto; margin-top: 15px; text-align: left; } .owl-carousel.white .owl-dots .owl-dot { background: #AAABAC; } .owl-carousel.white .owl-dots .owl-dot.active { background: #fff; } .button:not(.register-button), .btn, .btn-white, .btn-theme, .btn-theme-second, .btn-black, .more-link a, .btn-theme-submit { font-size: 14px; background: var(--ziston-theme-color); color: #fff; font-weight: 600; padding: 5px 10px; line-height: 20px; position: relative; z-index: 9; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; border: none; border-radius: 4px; font-family: var(--ziston-heading-font-family); text-transform: uppercase; letter-spacing: 3px; overflow: hidden; } @media (prefers-reduced-motion: reduce) { .button:not(.register-button), .btn, .btn-white, .btn-theme, .btn-theme-second, .btn-black, .more-link a, .btn-theme-submit { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .button:not(.register-button), .btn, .btn-white, .btn-theme, .btn-theme-second, .btn-black, .more-link a, .btn-theme-submit { font-size: 14px; } } .button:not(.register-button):hover, .button:not(.register-button):focus, .button:not(.register-button):active, .btn:hover, .btn:focus, .btn:active, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active, .btn-black:hover, .btn-black:focus, .btn-black:active, .more-link a:hover, .more-link a:focus, .more-link a:active, .btn-theme-submit:hover, .btn-theme-submit:focus, .btn-theme-submit:active { cursor: pointer; color: #fff; } .button:not(.register-button):hover .btn-hover-effect, .button:not(.register-button):focus .btn-hover-effect, .button:not(.register-button):active .btn-hover-effect, .btn:hover .btn-hover-effect, .btn:focus .btn-hover-effect, .btn:active .btn-hover-effect, .btn-white:hover .btn-hover-effect, .btn-white:focus .btn-hover-effect, .btn-white:active .btn-hover-effect, .btn-theme:hover .btn-hover-effect, .btn-theme:focus .btn-hover-effect, .btn-theme:active .btn-hover-effect, .btn-theme-second:hover .btn-hover-effect, .btn-theme-second:focus .btn-hover-effect, .btn-theme-second:active .btn-hover-effect, .btn-black:hover .btn-hover-effect, .btn-black:focus .btn-hover-effect, .btn-black:active .btn-hover-effect, .more-link a:hover .btn-hover-effect, .more-link a:focus .btn-hover-effect, .more-link a:active .btn-hover-effect, .btn-theme-submit:hover .btn-hover-effect, .btn-theme-submit:focus .btn-hover-effect, .btn-theme-submit:active .btn-hover-effect { width: 200px; height: 200px; } .button:not(.register-button).full-width, .btn.full-width, .btn-white.full-width, .btn-theme.full-width, .btn-theme-second.full-width, .btn-black.full-width, .more-link a.full-width, .btn-theme-submit.full-width { width: 100%; padding-left: 15px; padding-right: 15px; line-height: 25px; text-align: center; } .btn-theme-2 { background: var(--ziston-theme-color-second); } .btn-theme-2:hover { opacity: 0.9; } .btn-black { background: #000; } .btn-black:after { background: #fff; } .btn-black:hover { opacity: 0.9; color: #fff; } .btn-white { background: #fff; color: #000; } .btn-white:after { background: #000; } .btn-white:hover { opacity: 0.9; color: #000; } .more-link { text-align: center; margin-top: 30px; } .btn-theme-second { background: var(--ziston-theme-color-second); color: #fff; } .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active { opacity: 0.9; color: #fff; } .btn-theme-small { font-size: 14px; background: var(--ziston-theme-color); color: #fff; font-weight: 600; padding: 0 10px; line-height: 28px; position: relative; z-index: 9; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; border: none; border-radius: 4px; font-family: var(--ziston-heading-font-family); text-transform: capitalize; overflow: hidden; } @media (prefers-reduced-motion: reduce) { .btn-theme-small { -webkit-transition: none; transition: none; } } .btn-theme-small:hover, .btn-theme-small:focus, .btn-theme-small:active { cursor: pointer; color: #fff; } .btn-theme-small:hover .btn-hover-effect, .btn-theme-small:focus .btn-hover-effect, .btn-theme-small:active .btn-hover-effect { width: 200px; height: 200px; } .btn-inline { font-size: 14px; color: var(--ziston-theme-color) !important; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; font-weight: 700; padding-right: 28px; font-family: var(--ziston-heading-font-family); text-transform: capitalize; } @media (prefers-reduced-motion: reduce) { .btn-inline { -webkit-transition: none; transition: none; } } .btn-inline:after { content: '\f061'; font-family: "Font Awesome 5 Free"; position: absolute; top: 5px; right: 12px; z-index: 1; line-height: 1; font-weight: 900; font-size: 10px; } .btn-inline:hover { text-decoration: underline; opacity: 0.9; } /*************** Progress Bars ***************/ .progress-label { font-size: 18px; color: #000; font-weight: 700; margin-bottom: 2px; text-align: left; } .progress { height: 3px !important; background-color: #BCBCBC !important; position: relative; overflow: visible !important; border-radius: 0 !important; } .progress .progress-bar { -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out; text-align: right; line-height: 16px !important; background: var(--ziston-theme-color); position: relative; } @media (prefers-reduced-motion: reduce) { .progress .progress-bar { -webkit-transition: none; transition: none; } } .progress .percentage { font-size: 14px !important; text-align: center; position: absolute; right: 1px; top: -24px; z-index: 9; color: #797F89; font-weight: 700; } .dropcap { display: block; float: left; font-size: 40px; line-height: 34px; color: #444; margin: 6px 8px 0 0; } .dropcap.border-dropcap { border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.bg-dropcap { background-color: #444; color: #fff; width: 48px; height: 48px; font-size: 28px; font-weight: 500; line-height: 48px; text-align: center; border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.circle-dropcap { border-radius: 50%; border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; margin: 8px 12px 0 0; border-radius: 50%; } /* This is required to win over specificity of #content h2 */ .links .comment-add { display: none; } #node-single-comment { margin-top: 30px; } #node-single-comment h2 { margin-top: 30px; margin-bottom: 1em; font-size: 22px; position: relative; padding-bottom: 8px; } #node-single-comment h2:before { content: ""; position: absolute; width: 45px; height: 2px; background: var(--ziston-theme-color); border-radius: 5px; left: 0; bottom: 0; z-index: 1; } #node-single-comment #comment-form a[id*="format-help-about"], #node-single-comment #comment-form .js-filter-guidelines { display: none; } #node-single-comment #comment-form .js-filter-wrapper { margin-top: 15px; } #node-single-comment #comment-form .form-item { margin-bottom: 20px; } #node-single-comment #comment-form .form-item.js-form-type-textarea { margin: 0; } #node-single-comment #comment-form .form-item label { text-transform: uppercase; font-size: 14px; display: block; font-weight: 600; font-family: var(--ziston-heading-font-family); } #node-single-comment #comment-form ul > li { list-style-type: none; } #node-single-comment input[type*='text'], #node-single-comment textarea { width: 100%; } .comment-wrapper h2.comment-form__title { margin-bottom: 1em; } .field-node--comment { font-size: 0.934em; } .comment { margin-bottom: 19px; vertical-align: top; display: table; } [dir="rtl"] .comment { direction: rtl; } .comment__meta { padding: 0 30px 0 0; /* LTR */ font-size: 1.071em; width: 115px; } @media (max-width: 575.98px) { .comment__meta { width: 90px; } } [dir="rtl"] .comment__meta { padding: 0 0 0 30px; } .comment__attribution img { border: 1px solid #d3d7d9; } /* This is required to win over specificity of .field--type-image img */ .comment .field--name-user-picture img { margin: 0; } .comment__author .username { white-space: nowrap; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; } .comment__author { margin: 4px 0; line-height: 1.2; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; } .comment__time { margin-bottom: 4px; color: #68696b; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.733em; line-height: 1.2; } .comment__permalink { font-size: 0.733em; line-height: 1.2; } .comment__content { position: relative; display: table-cell; padding: 10px 25px 10px 25px; vertical-align: top; width: 100%; border: 1px solid #d3d7d9; font-size: 0.929em; line-height: 1.6; word-break: break-all; } .comment__content h3 a { font-size: 18px; font-weight: 700; } .comment__content .links.inline { margin-top: 10px; } .comment__content .links.inline > li { float: left; } .comment__content .links.inline > li a { text-transform: uppercase; font-weight: 700; font-size: 12px; } .comment__content:before { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #d3d7d9; /* LTR */ border-bottom: 20px solid transparent; } [dir="rtl"] .comment__content:before { right: auto; left: 100%; border-right: none; border-left: 20px solid #d3d7d9; } .comment__content:after { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #fff; /* LTR */ border-bottom: 20px solid transparent; margin-right: -1px; /* LTR */ } [dir="rtl"] .comment__content:after { right: auto; left: 100%; border-right: none; border-left: 20px solid #fff; margin-right: 0; margin-left: -1px; } .comment__content h3 { margin-top: 0.94em; margin-bottom: 0.45em; font-size: 1.171em; } .comment__content nav { padding-top: 1px; } .indented { margin-left: 40px; /* LTR */ } [dir="rtl"] .indented { margin-right: 40px; margin-left: 0; } .comment .links { padding: 0 0 0.25em 0; } .comment .links li { padding: 0 0.5em 0 0; /* LTR */ font-size: 1.08em; } [dir="rtl"] .comment .links li { padding: 0 0 0 0.5em; } .comment--unpublished { margin-right: 5px; /* LTR */ padding: 5px 2px 5px 5px; /* LTR */ background: #fff4f4; } [dir="rtl"] .comment--unpublished { margin-left: 5px; margin-right: 0; padding: 5px 5px 5px 2px; } /** * @todo: unpublished nodes have class .node--unpublished. * change this to .comment--unpublished. */ .unpublished .comment-text .comment-arrow { border-left: 1px solid #fff4f4; border-right: 1px solid #fff4f4; } .unpublished { padding: 20px 15px 0; } .comment-footer { display: table-row; } .comment--unpublished .comment__text:after, .node--unpublished .comment__text:after { border-right-color: #fff4f4; /* LTR */ } [dir="rtl"] .comment--unpublished .comment__content:after, [dir="rtl"] .node--unpublished .comment__content:after { border-left-color: #fff4f4; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields { margin-top: 10px; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields label { display: none; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields input { width: 100%; border: none; padding: 2px 10px; line-height: 38px; font-size: 16px; } .mailchimp-signup-subscribe-form .form-actions { margin-top: 15px; } .mailchimp-signup-subscribe-form .block-content form { position: relative; } .mailchimp-signup-subscribe-form .block-content form .mailchimp-newsletter-mergefields input { line-height: 65px; padding: 0 10px; border: 0 !important; border-radius: 5px; } .mailchimp-signup-subscribe-form .block-content form .form-actions { right: 0; top: 0; z-index: 1; margin-top: 0; } .mailchimp-signup-subscribe-form .block-content form .form-actions input { height: 65px; width: 100%; border-radius: 5px; text-align: center; } form summary { background: #F0F3F6; color: #000; padding: 4px 15px; font-weight: 500; margin-bottom: 15px; } form summary a { color: #000 !important; } form summary a:hover, form summary a:focus { color: #000 !important; } form .form-item .description { font-size: 14px; } form .form-item:not(.js-form-type-checkbox) label { width: 100%; font-weight: 600; text-transform: capitalize; color: #000; margin-bottom: 0; margin-top: 6px; } .form-control { -webkit-box-shadow: none; box-shadow: none; } .hide-label label { background: none; clip: rect(1px); } .exposed-filters .form-item { margin-bottom: 10px; margin-top: 0; } #article-admin-filter ul { padding: .5em 0; } #article-admin-filter ul li { list-style: none; } #edit-operation-wrapper select { margin: .5em; } div.resizable-textarea textarea { margin-top: 0; border: 1px solid #dee2e6; } .search-advanced .criterion { float: none; margin: 0 5px; } #edit-keywords-fieldset .form-item:first-child { margin-top: 5px; } #user-admin-filter ul li { list-style: none; } .field-type-text-long fieldset { padding: 10px 0; border: #dee2e6; } .field-type-text-long fieldset .form-item { margin: 0; padding: 0 0 0 15px; } #comment-form label { display: inline-block; font-size: 18px; font-weight: normal; margin-bottom: 5px; } #contact-site-form .form-checkbox { margin-left: 0; } #comment-form-wrapper .form-item label { min-width: 120px; display: inline-block; font-weight: 700; text-transform: uppercase; font-size: 14px; } .contact-message-form { margin: 0 auto; } .contact-message-form div[id*="edit-name"], .contact-message-form div[id*="edit-mail"], .contact-message-form .js-form-item-mail { height: 45px; line-height: 45px; padding: 0 20px; border: 1px solid #dee2e6; border-radius: 4px; } .contact-message-form .form-item { margin-bottom: 30px; color: #797F89; } .contact-message-form .form-item label { font-size: 12px; display: block; text-transform: uppercase; } .contact-message-form .form-item #edit-copy { float: left; margin-right: 5px; } .contact-message-form .form-item input[type='text'], .contact-message-form .form-item input[type='email'], .contact-message-form .form-item textarea { width: 100%; border: 1px solid #dee2e6; border-radius: 4px; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; height: 45px; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; padding-left: 0 20px; } @media (prefers-reduced-motion: reduce) { .contact-message-form .form-item input[type='text'], .contact-message-form .form-item input[type='email'], .contact-message-form .form-item textarea { -webkit-transition: none; transition: none; } } .contact-message-form .form-item input[type='text']::-webkit-input-placeholder, .contact-message-form .form-item input[type='email']::-webkit-input-placeholder, .contact-message-form .form-item textarea::-webkit-input-placeholder { color: #797F89; text-transform: capitalize; } .contact-message-form .form-item input[type='text']:-moz-placeholder, .contact-message-form .form-item input[type='email']:-moz-placeholder, .contact-message-form .form-item textarea:-moz-placeholder { color: #797F89; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-message-form .form-item input[type='text']::-moz-placeholder, .contact-message-form .form-item input[type='email']::-moz-placeholder, .contact-message-form .form-item textarea::-moz-placeholder { color: #797F89; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-message-form .form-item input[type='text']:-ms-input-placeholder, .contact-message-form .form-item input[type='email']:-ms-input-placeholder, .contact-message-form .form-item textarea:-ms-input-placeholder { color: #797F89; text-transform: capitalize; } .contact-message-form .form-item input[type='text']:focus, .contact-message-form .form-item input[type='email']:focus, .contact-message-form .form-item textarea:focus { border-color: var(--ziston-theme-color); } .contact-message-form .form-item textarea { height: 200px; padding-top: 15px; } @media (max-width: 575.98px) { .contact-message-form .form-item textarea { height: 120px; } } .contact-message-form .form-item-copy { margin-bottom: 10px !important; } .contact-message-form #edit-actions { width: 100%; text-align: center; } .contact-message-form #edit-actions::after { display: block; clear: both; content: ""; } .contact-message-form #edit-preview { display: none; } .text-light .contact-message-form #edit-name, .text-light .contact-message-form #edit-mail, .text-light .contact-message-form input[type='text'], .text-light .contact-message-form input[type='email'], .text-light .contact-message-form textarea { background: none; border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; } .text-light .contact-message-form #edit-name::-webkit-input-placeholder, .text-light .contact-message-form #edit-mail::-webkit-input-placeholder, .text-light .contact-message-form input[type='text']::-webkit-input-placeholder, .text-light .contact-message-form input[type='email']::-webkit-input-placeholder, .text-light .contact-message-form textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .text-light .contact-message-form #edit-name:-moz-placeholder, .text-light .contact-message-form #edit-mail:-moz-placeholder, .text-light .contact-message-form input[type='text']:-moz-placeholder, .text-light .contact-message-form input[type='email']:-moz-placeholder, .text-light .contact-message-form textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name::-moz-placeholder, .text-light .contact-message-form #edit-mail::-moz-placeholder, .text-light .contact-message-form input[type='text']::-moz-placeholder, .text-light .contact-message-form input[type='email']::-moz-placeholder, .text-light .contact-message-form textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name:-ms-input-placeholder, .text-light .contact-message-form #edit-mail:-ms-input-placeholder, .text-light .contact-message-form input[type='text']:-ms-input-placeholder, .text-light .contact-message-form input[type='email']:-ms-input-placeholder, .text-light .contact-message-form textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .webform-submission-form .form-content-inner { max-width: 900px; margin: 0 -15px; padding: 0; } .webform-submission-form .form-item { margin-bottom: 20px; position: relative; } .webform-submission-form .form-item::after { display: block; clear: both; content: ""; } .webform-submission-form .form-item label { font-size: 16px; font-weight: 700; color: #161c26; font-family: var(--ziston-heading-font-family); } .webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select { width: 100%; background: none; border: none; font-size: 14px; padding-left: 15px; -webkit-box-shadow: none; box-shadow: none; background: #F0F3F6; } .webform-submission-form .form-item input::-webkit-input-placeholder, .webform-submission-form .form-item textarea::-webkit-input-placeholder, .webform-submission-form .form-item select::-webkit-input-placeholder { color: #797F89; } .webform-submission-form .form-item input:-moz-placeholder, .webform-submission-form .form-item textarea:-moz-placeholder, .webform-submission-form .form-item select:-moz-placeholder { color: #797F89; opacity: 1; filter: alpha(opacity=100); } .webform-submission-form .form-item input::-moz-placeholder, .webform-submission-form .form-item textarea::-moz-placeholder, .webform-submission-form .form-item select::-moz-placeholder { color: #797F89; opacity: 1; filter: alpha(opacity=100); } .webform-submission-form .form-item input:-ms-input-placeholder, .webform-submission-form .form-item textarea:-ms-input-placeholder, .webform-submission-form .form-item select:-ms-input-placeholder { color: #797F89; } .webform-submission-form .form-item input:focus, .webform-submission-form .form-item textarea:focus, .webform-submission-form .form-item select:focus { border-color: var(--ziston-theme-color); } .webform-submission-form .form-item input { line-height: 55px; } .webform-submission-form .form-item select { height: 55px; margin-top: 0.25rem; } .webform-submission-form .form-actions { width: 100%; float: left; } .text-light .webform-submission-form .form-item:after { color: #fff; } .text-light .webform-submission-form .form-item input, .text-light .webform-submission-form .form-item textarea { background: none; border-color: rgba(255, 255, 255, 0.2); color: #fff; } .text-light .webform-submission-form .form-item input::-webkit-input-placeholder, .text-light .webform-submission-form .form-item textarea::-webkit-input-placeholder { color: #fff; } .text-light .webform-submission-form .form-item input:-moz-placeholder, .text-light .webform-submission-form .form-item textarea:-moz-placeholder { color: #fff; opacity: 1; filter: alpha(opacity=100); } .text-light .webform-submission-form .form-item input::-moz-placeholder, .text-light .webform-submission-form .form-item textarea::-moz-placeholder { color: #fff; opacity: 1; filter: alpha(opacity=100); } .text-light .webform-submission-form .form-item input:-ms-input-placeholder, .text-light .webform-submission-form .form-item textarea:-ms-input-placeholder { color: #fff; } .text-light .webform-submission-form .form-actions input.form-submit { border-color: #fff; color: #fff; background: #fff; color: #000; } .text-light .webform-submission-form .form-actions input.form-submit:hover { background: rgba(255, 255, 255, 0.8); } .text-light .webform-submission-form label { color: #fff; } form .mailchimp-newsletter-mergefields .form-item { margin-bottom: 15px; } form .mailchimp-newsletter-mergefields .form-item input[type="text"], form .mailchimp-newsletter-mergefields .form-item input[type="tel"], form .mailchimp-newsletter-mergefields .form-item input[type="password"], form .mailchimp-newsletter-mergefields .form-item input[type="email"], form .mailchimp-newsletter-mergefields .form-item textarea, form .mailchimp-newsletter-mergefields .form-item select { width: 100%; -webkit-transition: all 0.35s; transition: all 0.35s; border: 1px solid #dee2e6; } @media (prefers-reduced-motion: reduce) { form .mailchimp-newsletter-mergefields .form-item input[type="text"], form .mailchimp-newsletter-mergefields .form-item input[type="tel"], form .mailchimp-newsletter-mergefields .form-item input[type="password"], form .mailchimp-newsletter-mergefields .form-item input[type="email"], form .mailchimp-newsletter-mergefields .form-item textarea, form .mailchimp-newsletter-mergefields .form-item select { -webkit-transition: none; transition: none; } } form .mailchimp-newsletter-mergefields .form-item input[type="text"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="text"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="text"]:hover, form .mailchimp-newsletter-mergefields .form-item input[type="tel"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="tel"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="tel"]:hover, form .mailchimp-newsletter-mergefields .form-item input[type="password"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="password"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="password"]:hover, form .mailchimp-newsletter-mergefields .form-item input[type="email"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="email"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="email"]:hover, form .mailchimp-newsletter-mergefields .form-item textarea:focus, form .mailchimp-newsletter-mergefields .form-item textarea:active, form .mailchimp-newsletter-mergefields .form-item textarea:hover, form .mailchimp-newsletter-mergefields .form-item select:focus, form .mailchimp-newsletter-mergefields .form-item select:active, form .mailchimp-newsletter-mergefields .form-item select:hover { border: 1px solid var(--ziston-theme-color); } .block { background: transparent; margin-bottom: 30px; } .block .block { margin-bottom: 0 !important; } .block .block-title { background: none; position: relative; font-size: 20px; color: #fff; z-index: 1; margin-bottom: 15px; font-weight: 600; } @media (max-width: 767.98px) { .block .block-title { font-size: 18px; } } .block.block-system-main-block { margin-bottom: 0; } .block.block-system-breadcrumb-block { overflow: visible; margin-bottom: 20px; } .block.block-none, .block.no-padding { background: none !important; padding: 0 !important; } .block.block-none .block-content, .block.no-padding .block-content { padding: 0 !important; } .block.no-title { margin-top: 0; border: none; } .block.no-title:before { content: none; } .block#block-system-main { padding-top: 10px; } .block.block-local-tasks-block { margin-bottom: 0; } .block.no-title { border: none; } .block.no-title > .block-title, .block.no-title > div > .block-title { padding: 0; margin: 0; border: none; } .block.no-title > .block-title:before, .block.no-title > div > .block-title:before { content: none; } .block.site-branding { margin-bottom: 0; } .block-local-tasks-block { position: relative; z-index: 99; } .drupal-tabs { border-bottom: 1px solid #dee2e6; } .drupal-tabs::after { display: block; clear: both; content: ""; } .drupal-tabs a { font-size: 14px; } .drupal-tabs .is-active a { color: var(--ziston-theme-color); } .help { position: relative; z-index: 1; display: none; width: 100%; } .help.gav-help-region .drupal-tabs { background: rgba(255, 255, 255, 0.6); padding: 15px; } .help .drupal-tabs { padding: 10px 0; margin-bottom: 25px; } .help .messages__wrapper { padding: 10px; border: 1px solid #5BC0DE; } .region-main-menu .block { background: transparent; } .region-main-menu .block .block-content { padding: 0; } .sidebar .block { background: #0D1013; padding: 10px; } .sidebar .block.block-full { padding: 0; } .sidebar .block .block-title { text-transform: uppercase; font-size: 18px; font-weight: 700; margin-bottom: 20px; padding-bottom: 5px; letter-spacing: 1px; position: relative; } /* .sidebar .block .block-title:after { content: ''; width: 45px; height: 2px; background: var(--ziston-theme-color); position: absolute; bottom: 0; left: 0; z-index: 1; } */ .sidebar .block-menu::after { display: block; clear: both; content: ""; } .sidebar .block-menu ul { padding-left: 0 !important; } .sidebar .block-menu ul li { border: none; margin: 0 !important; padding: 0 !important; border: none !important; float: left; width: 100%; list-style-type: none; } .sidebar .block-menu ul li a { padding: 6px 0; display: block; overflow: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; font-weight: 400; letter-spacing: 0; } @media (prefers-reduced-motion: reduce) { .sidebar .block-menu ul li a { -webkit-transition: none; transition: none; } } .sidebar .block-menu ul li a:hover, .sidebar .block-menu ul li a:focus, .sidebar .block-menu ul li a:active { color: var(--ziston-theme-color); } .sidebar .block-menu ul li.menu-item--active-trail > a { color: var(--ziston-theme-color) !important; } .recent-comment-block .views-field-picture { margin-right: 10px; } .recent-comment-block .views-field-title { margin-top: -4px; } .recent-comment-block .views-field-title a { font-weight: 700; text-transform: uppercase; } .recent-comment-block .views-field-name { color: #a4a4a4; } .recent-comment-block .views-field-name a { color: #a4a4a4; } .list-tags .view-list ul > li { float: left; border: 1px solid #dee2e6; display: inline-block; width: auto !important; padding: 0 !important; margin: 0 10px 10px 0 !important; } .list-tags .view-list ul > li a { padding: 6px 10px; display: block; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .list-tags .view-list ul > li a { -webkit-transition: none; transition: none; } } .list-tags .view-list ul > li:hover { background: var(--ziston-theme-color); } .list-tags .view-list ul > li:hover a { color: #fff; } .contact-info .logo-footer { margin-bottom: 25px; } .contact-info .contact-phone-box { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 30px; padding-top: 30px; } .contact-info .contact-phone-box .content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-info .contact-phone-box .content-inner .icon { font-size: 50px; color: var(--ziston-theme-color); line-height: 1; } .contact-info .contact-phone-box .content-inner .content-right { padding-left: 15px; } .contact-info .contact-phone-box .content-inner .content-right .title { font-size: 14px; text-transform: uppercase; color: #959CA7; font-weight: 600; margin: 0; } .contact-info .contact-phone-box .content-inner .content-right .desc { font-size: 20px; color: #fff; font-weight: 600; } .social-icon a { background: none; width: auto; height: auto; line-height: 1; margin-right: 20px; font-size: 18px; } .social-topbar a { font-size: 12px; font-weight: 500; display: inline-block; margin-left: 5px; background: var(--bs-rosa); color: #fff !important; border-radius: 5px; padding: 0 5px; } .social-topbar a:first-child { margin-left: 0; } .social-topbar a i { margin-right: 5px; } .block-dropdown-language { position: relative; z-index: 12; font-size: 13px; font-weight: 500; width: 125px; height: 30px; } .block-dropdown-language .dropbutton-wrapper { position: relative; } .block-dropdown-language .dropbutton-wrapper:hover { cursor: pointer; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton { position: absolute; top: -5px; right: 0; display: inline-block; float: right; z-index: 9; padding: 10px 28px 10px 35px; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton:after { content: "\f0ac"; font-family: "Font Awesome 5 Free"; left: 10px; top: 8px; position: absolute; z-index: 1; color: var(--ziston-theme-color); font-weight: 900; font-size: 16px; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li { color: var(--topbar-color); } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li a { color: var(--topbar-color); text-align: right; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li.dropbutton-toggle .dropbutton-arrow { margin-top: -2px; border-width: 5px; border-top-color: var(--topbar-color); } .block-dropdown-language .dropbutton-wrapper.open { background: #fff; padding-top: 5px; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); border-radius: 3px; background: #fff; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li { color: var(--topbar-color); padding: 4px 0; font-size: 14px; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li:first-child { padding-top: 0; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li > a { color: var(--topbar-color); } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li > a:hover { color: var(--ziston-theme-color) !important; } .block-dropdown-language .dropbutton-wrapper.open .dropbutton-arrow { margin-top: 1px !important; } .most-search-block { text-align: center; margin-top: 20px; } .most-search-block a { margin-top: 30px; font-size: 14px; color: rgba(255, 255, 255, 0.9); padding: 0 15px; -webkit-transition: all 0.35s; transition: all 0.35s; font-size: 16px; font-weight: 500; white-space: nowrap; } @media (prefers-reduced-motion: reduce) { .most-search-block a { -webkit-transition: none; transition: none; } } .most-search-block a i { margin-right: 10px; } .most-search-block a:hover { color: var(--ziston-theme-color); } .text-with-arrow { font-size: 40px; color: #fff; font-family: "Sacramento"; text-align: center; padding-top: 115px; line-height: 40px; } @media (max-width: 767.98px) { .text-with-arrow { padding-top: 68px; font-size: 35px; } } .text-with-arrow span { display: inline-block; position: relative; } .text-with-arrow span:after { content: ''; width: 64px; height: 110px; position: absolute; bottom: 90%; left: -85px; background: url("/themes/custom/ziston/assets/css/../images/line-arrow.png") no-repeat center center transparent; background-size: contain; } @media (max-width: 767.98px) { .text-with-arrow span:after { bottom: calc(100% + 6px); height: 68px; left: -25px; } } /* #Block grid --------------------------------------------------------------- */ .item-columns { padding: 0 15px; } [class*="block-grid-"] { display: block; margin: 0 -10px; padding: 0; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { display: table; content: " "; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > div { display: block; float: left; height: auto; padding: 1px; width: 50%; } [class*="block-grid-"] > div:after { display: block; } @media (min-width: 640px) { .xs-block-grid-1 > div { width: 100%; } .xs-block-grid-1 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-1 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .xs-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .xs-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .xs-block-grid-2 > div { width: 50%; } .xs-block-grid-2 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-2 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .xs-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .xs-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .xs-block-grid-3 > div { width: 33.33333%; } .xs-block-grid-3 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-3 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .xs-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .xs-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .xs-block-grid-4 > div { width: 25%; } .xs-block-grid-4 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-4 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .xs-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .xs-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .xs-block-grid-5 > div { width: 20%; } .xs-block-grid-5 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-5 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .xs-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .xs-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .xs-block-grid-6 > div { width: 16.66667%; } .xs-block-grid-6 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-6 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .xs-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .xs-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .xs-block-grid-7 > div { width: 14.28571%; } .xs-block-grid-7 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-7 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .xs-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .xs-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .xs-block-grid-8 > div { width: 12.5%; } .xs-block-grid-8 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-8 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .xs-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .xs-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .xs-block-grid-9 > div { width: 11.11111%; } .xs-block-grid-9 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-9 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .xs-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .xs-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .xs-block-grid-10 > div { width: 10%; } .xs-block-grid-10 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-10 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .xs-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .xs-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .xs-block-grid-11 > div { width: 9.09091%; } .xs-block-grid-11 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-11 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .xs-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .xs-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .xs-block-grid-12 > div { width: 8.33333%; } .xs-block-grid-12 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-12 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .xs-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .xs-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } @media (min-width: 768px) { .sm-block-grid-1 > div { width: 100%; } .sm-block-grid-1 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-1 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .sm-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .sm-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .sm-block-grid-2 > div { width: 50%; } .sm-block-grid-2 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-2 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .sm-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .sm-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .sm-block-grid-3 > div { width: 33.33333%; } .sm-block-grid-3 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-3 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .sm-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .sm-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .sm-block-grid-4 > div { width: 25%; } .sm-block-grid-4 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-4 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .sm-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .sm-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .sm-block-grid-5 > div { width: 20%; } .sm-block-grid-5 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-5 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .sm-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .sm-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .sm-block-grid-6 > div { width: 16.66667%; } .sm-block-grid-6 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-6 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .sm-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .sm-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .sm-block-grid-7 > div { width: 14.28571%; } .sm-block-grid-7 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-7 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .sm-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .sm-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .sm-block-grid-8 > div { width: 12.5%; } .sm-block-grid-8 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-8 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .sm-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .sm-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .sm-block-grid-9 > div { width: 11.11111%; } .sm-block-grid-9 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-9 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .sm-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .sm-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .sm-block-grid-10 > div { width: 10%; } .sm-block-grid-10 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-10 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .sm-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .sm-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .sm-block-grid-11 > div { width: 9.09091%; } .sm-block-grid-11 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-11 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .sm-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .sm-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .sm-block-grid-12 > div { width: 8.33333%; } .sm-block-grid-12 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-12 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .sm-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .sm-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } /* Medium */ @media (min-width: 992px) { [class*="block-grid-"] { margin: 0 -10px; } [class*="block-grid-"] > div { padding: 0 10px; } .item-columns { padding: 0 10px; } .md-block-grid-1 > div { width: 100%; } .md-block-grid-1 > div:nth-of-type(1n) { clear: none; } .md-block-grid-1 > div:nth-of-type(1n):after { display: block; } .md-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .md-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .md-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .md-block-grid-2 > div { width: 50%; } .md-block-grid-2 > div:nth-of-type(1n) { clear: none; } .md-block-grid-2 > div:nth-of-type(1n):after { display: block; } .md-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .md-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .md-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .md-block-grid-3 > div { width: 33.33333%; } .md-block-grid-3 > div:nth-of-type(1n) { clear: none; } .md-block-grid-3 > div:nth-of-type(1n):after { display: block; } .md-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .md-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .md-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .md-block-grid-4 > div { width: 25%; } .md-block-grid-4 > div:nth-of-type(1n) { clear: none; } .md-block-grid-4 > div:nth-of-type(1n):after { display: block; } .md-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .md-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .md-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .md-block-grid-5 > div { width: 20%; } .md-block-grid-5 > div:nth-of-type(1n) { clear: none; } .md-block-grid-5 > div:nth-of-type(1n):after { display: block; } .md-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .md-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .md-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .md-block-grid-6 > div { width: 16.66667%; } .md-block-grid-6 > div:nth-of-type(1n) { clear: none; } .md-block-grid-6 > div:nth-of-type(1n):after { display: block; } .md-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .md-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .md-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .md-block-grid-7 > div { width: 14.28571%; } .md-block-grid-7 > div:nth-of-type(1n) { clear: none; } .md-block-grid-7 > div:nth-of-type(1n):after { display: block; } .md-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .md-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .md-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .md-block-grid-8 > div { width: 12.5%; } .md-block-grid-8 > div:nth-of-type(1n) { clear: none; } .md-block-grid-8 > div:nth-of-type(1n):after { display: block; } .md-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .md-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .md-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .md-block-grid-9 > div { width: 11.11111%; } .md-block-grid-9 > div:nth-of-type(1n) { clear: none; } .md-block-grid-9 > div:nth-of-type(1n):after { display: block; } .md-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .md-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .md-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .md-block-grid-10 > div { width: 10%; } .md-block-grid-10 > div:nth-of-type(1n) { clear: none; } .md-block-grid-10 > div:nth-of-type(1n):after { display: block; } .md-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .md-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .md-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .md-block-grid-11 > div { width: 9.09091%; } .md-block-grid-11 > div:nth-of-type(1n) { clear: none; } .md-block-grid-11 > div:nth-of-type(1n):after { display: block; } .md-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .md-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .md-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .md-block-grid-12 > div { width: 8.33333%; } .md-block-grid-12 > div:nth-of-type(1n) { clear: none; } .md-block-grid-12 > div:nth-of-type(1n):after { display: block; } .md-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .md-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .md-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } /* Large */ @media (min-width: 1200px) { [class*="block-grid-"] { margin: 0 -12px; } [class*="block-grid-"] > div { padding: 0 5px; } .item-columns { padding: 0 12px; } .lg-block-grid-1 > div { width: 100%; } .lg-block-grid-1 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-1 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .lg-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .lg-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .lg-block-grid-2 > div { width: 50%; } .lg-block-grid-2 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-2 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .lg-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .lg-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .lg-block-grid-3 > div { width: 33.33333%; } .lg-block-grid-3 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-3 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .lg-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .lg-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .lg-block-grid-4 > div { width: 25%; } .lg-block-grid-4 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-4 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .lg-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .lg-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .lg-block-grid-5 > div { width: 20%; } .lg-block-grid-5 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-5 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .lg-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .lg-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .lg-block-grid-6 > div { width: 16.66667%; } .lg-block-grid-6 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-6 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .lg-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .lg-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .lg-block-grid-7 > div { width: 14.28571%; } .lg-block-grid-7 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-7 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .lg-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .lg-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .lg-block-grid-8 > div { width: 12.5%; } .lg-block-grid-8 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-8 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .lg-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .lg-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .lg-block-grid-9 > div { width: 11.11111%; } .lg-block-grid-9 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-9 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .lg-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .lg-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .lg-block-grid-10 > div { width: 10%; } .lg-block-grid-10 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-10 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .lg-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .lg-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .lg-block-grid-11 > div { width: 9.09091%; } .lg-block-grid-11 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-11 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .lg-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .lg-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .lg-block-grid-12 > div { width: 8.33333%; } .lg-block-grid-12 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-12 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .lg-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .lg-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } .no-gutter [class*="block-grid-"] { margin: 0 !important; } .no-gutter [class*="block-grid-"] > div { padding: 0 !important; } .no-gutter .row { margin-left: 0 !important; margin-right: 0 !important; } .no-gutter [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .no-gutter .portfolio-v1 { margin-bottom: 0 !important; } @media (min-width: 992px) { .no-gutter-2 [class*="block-grid-"] { margin: 0 !important; } .no-gutter-2 [class*="block-grid-"] > div { padding: 0 !important; } .no-gutter-2 .row { margin-left: 0 !important; margin-right: 0 !important; } .no-gutter-2 [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .no-gutter-2 .portfolio-v1 { margin-bottom: 0 !important; } } #listing-main-map { width: 100%; height: 100%; } #listing-main-map .gva-icon-map .icon-map { width: 54px; height: 54px; background-size: 100%; display: inline-block; position: relative; } #listing-main-map .gva-icon-map .icon-map .icon-cat { position: absolute; width: 34px; height: 34px; border-radius: 50%; top: 4px; left: 10px; z-index: 9; background: #fff; color: var(--ziston-theme-color); font-size: 20px; line-height: 34px; text-align: center; } #listing-main-map .gva-icon-map .pin-st1, #listing-main-map .gva-icon-map .pin-st0 { fill: var(--ziston-theme-color); } #listing-main-map .marker-cluster-small { background-color: rgba(250, 63, 53, 0.6); } #listing-main-map .marker-cluster-small div { background: #fa3f35; font-weight: 700; color: #fff; } #listing-main-map .leaflet-popup-content-wrapper { border-radius: 0; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 0; max-width: 250px; min-width: 190px; } @media (max-width: 575.98px) { #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content { min-width: 90px; } } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup { max-width: 220px; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .image { display: block; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner { display: block; padding: 15px; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner .title { display: block; font-family: var(--ziston-heading-font-family); font-weight: 500; font-size: 16px; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner .address { display: block; margin-top: 8px; font-size: 12px; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner .address .icon { font-size: 16px; color: var(--ziston-theme-color); width: 20px; position: relative; top: 2px; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner .phone { margin-top: 6px; display: block; } #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner .phone .icon { font-size: 16px; color: var(--ziston-theme-color); width: 20px; position: relative; top: 2px; } .lt-map-action { margin: 0 0 10px; color: #161c26; font-family: var(--ziston-heading-font-family); font-weight: 500; font-size: 16px; } .lt-map-action .control-search, .lt-map-action .control-search-link { float: left; } .lt-map-action .control-map { font-size: 14px; font-weight: 500; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lt-map-action .control-map .control-hover-show-map { position: relative; top: -4px; } .lt-map-action .control-map .control-hover-show-map.pretty.p-switch .state label { font-weight: 500 !important; } .lt-map-action .control-map .control-hover-show-map:hover.pretty.p-switch .state label { color: var(--ziston-theme-color); } .lt-map-action .control-map .control-reset-map { float: left; position: relative; top: -3px; } .lt-map-action .control-map .control-reset-map .gva-reset-map i { font-size: 18px; margin-right: 3px; } .lt-map-action .control-map .control-current-map { float: left; position: relative; margin-left: 5px; } .lt-map-action .control-map .control-current-map .gva-current-map { display: inline-block; width: 30px; height: 30px; line-height: 30px; background: url("/themes/custom/ziston/assets/css/../images/icon-position.svg") no-repeat center center transparent; position: relative; margin-top: -5px; border: 1px solid #dee2e6; border-radius: 4px; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .lt-map-action .control-map .control-current-map .gva-current-map { -webkit-transition: none; transition: none; } } .lt-map-action .control-map .control-current-map .gva-current-map:hover { border-color: var(--ziston-theme-color); } .gva-listings-map-page { position: relative; } .gva-listings-map-page ul.pager { float: left; margin-bottom: 30px; } .gva-listings-map-page .views-exposed-form .form-checkboxes { margin-left: -5px; margin-right: -5px; } .gva-listings-map-page .views-exposed-form .form-checkboxes > .form-item { width: 50%; float: left; padding-left: 5px; padding-right: 5px; margin: 0 0 18px; } @media (max-width: 560px) { .gva-listings-map-page .views-exposed-form .form-checkboxes > .form-item { width: 100%; } } .gva-listings-map-page .views-exposed-form .form-checkboxes > .form-item:nth-child(2n+1) { clear: both; } .gva-listings-map-page ul.pager { margin: 0 0 45px; margin-left: 30px; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form { width: 450px; max-width: 100%; position: fixed; top: 0; left: -100%; bottom: 0; margin-bottom: 0; z-index: 99; background: #fff; visibility: hidden; opacity: 0; filter: alpha(opacity=0); border-top: 1px solid #dee2e6; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .gva-listings-map-page .mode-filter-fixed .views-exposed-form { -webkit-transition: none; transition: none; } } .gva-listings-map-page .mode-filter-fixed .views-exposed-form.open { visibility: visible; opacity: 1; filter: alpha(opacity=100); left: 0; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form .mCSB_container { margin: 0; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form #mCSB_1_scrollbar_vertical { width: 4px; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form .mCSB_dragger_bar { background: #B8B7B7 !important; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form .mCSB_draggerRail { background: none; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form .views-exposed-form-content-inner { padding: 10px 30px 30px; width: 100%; } .gva-listings-map-page .mode-filter-fixed .views-exposed-form .views-exposed-form-content-inner .close-exposed-form { display: block !important; visibility: visible !important; width: 30px; height: 30px; background: var(--ziston-theme-color); color: #fff; font-size: 30px; line-height: 30px; text-align: center; margin: 10px 0 15px; } .gva-listings-full-page .view-content-wrapper { padding-bottom: 35px; margin-left: -15px; margin-right: -15px; } .gva-listings-full-page .view-content-wrapper .view-content-1 { padding-left: 15px; padding-right: 15px; width: 33.3333%; float: left; } @media (max-width: 991.98px) { .gva-listings-full-page .view-content-wrapper .view-content-1 { width: 40%; } } @media (max-width: 767.98px) { .gva-listings-full-page .view-content-wrapper .view-content-1 { width: 100%; } } .gva-listings-full-page .view-content-wrapper .view-content-2 { padding-left: 15px; padding-right: 15px; width: 66.6667%; float: left; } @media (max-width: 991.98px) { .gva-listings-full-page .view-content-wrapper .view-content-2 { width: 60%; } } @media (max-width: 767.98px) { .gva-listings-full-page .view-content-wrapper .view-content-2 { width: 100%; } } .gva-listings-full-page .views-exposed-form .form-checkboxes { margin-left: -5px; margin-right: -5px; } .gva-listings-full-page .views-exposed-form .form-checkboxes > .form-item { width: 50%; float: left; padding-left: 5px; padding-right: 5px; margin: 0 0 18px; } @media (max-width: 560px) { .gva-listings-full-page .views-exposed-form .form-checkboxes > .form-item { width: 100%; } } .gva-listings-full-page .views-exposed-form .form-checkboxes > .form-item:nth-child(2n+1) { clear: both; } .lt-page-map_filter-sidebar .content-main-full, .lt-page_filter-sidebar .content-main-full { position: relative !important; padding-top: 600px; } .lt-page-map_filter-sidebar .content-main-full .view-content-2, .lt-page-map_filter-sidebar .content-main-full .view-content-wrapper, .lt-page-map_filter-sidebar .content-main-full .gva-view, .lt-page-map_filter-sidebar .content-main-full .views-element-container, .lt-page_filter-sidebar .content-main-full .view-content-2, .lt-page_filter-sidebar .content-main-full .view-content-wrapper, .lt-page_filter-sidebar .content-main-full .gva-view, .lt-page_filter-sidebar .content-main-full .views-element-container { position: static !important; } .lt-page-map_filter-sidebar .main-map-wrapper, .lt-page_filter-sidebar .main-map-wrapper { position: absolute; top: 0 !important; left: 0; z-index: 9; width: 100%; } .lt-page-map_filter-sidebar .view-content-wrapper, .lt-page_filter-sidebar .view-content-wrapper { padding-bottom: 35px; margin-left: -15px; margin-right: -15px; margin-top: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; } .lt-page-map_filter-sidebar .view-content-wrapper .view-content-1, .lt-page_filter-sidebar .view-content-wrapper .view-content-1 { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; width: 33.3333%; } @media (max-width: 991.98px) { .lt-page-map_filter-sidebar .view-content-wrapper .view-content-1, .lt-page_filter-sidebar .view-content-wrapper .view-content-1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .lt-page-map_filter-sidebar .view-content-wrapper .view-content-1 > form, .lt-page_filter-sidebar .view-content-wrapper .view-content-1 > form { border: 1px solid #dee2e6; padding: 30px 25px; } .lt-page-map_filter-sidebar .view-content-wrapper .view-content-2, .lt-page_filter-sidebar .view-content-wrapper .view-content-2 { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; width: 66.6667%; } @media (max-width: 991.98px) { .lt-page-map_filter-sidebar .view-content-wrapper .view-content-2, .lt-page_filter-sidebar .view-content-wrapper .view-content-2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .lt-page-map_filter-sidebar .views-exposed-form, .lt-page_filter-sidebar .views-exposed-form { margin-bottom: 35px; } .lt-page-map_filter-sidebar .views-exposed-form .form-checkboxes::after, .lt-page_filter-sidebar .views-exposed-form .form-checkboxes::after { display: block; clear: both; content: ""; } .lt-page-map_filter-sidebar .views-exposed-form .form-checkboxes > .form-item, .lt-page_filter-sidebar .views-exposed-form .form-checkboxes > .form-item { width: 100%; float: left; margin: 0 0 18px; font-size: 15px; } .half_map-wrapper .half_map-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .half_map-wrapper .half_map-row .half_map-col.col-results { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; } @media (max-width: 992px) { .half_map-wrapper .half_map-row .half_map-col.col-results { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .half_map-wrapper .half_map-row .half_map-col.col-results > .content-inner { padding: 30px 30px 80px; } @media (max-width: 1200px) { .half_map-wrapper .half_map-row .half_map-col.col-results > .content-inner { padding: 30px 15px 80px; } } .half_map-wrapper .half_map-row .half_map-col.col-results .lt-map-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .half_map-wrapper .half_map-row .half_map-col.col-map { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; z-index: 1; position: relative; } @media (max-width: 992px) { .half_map-wrapper .half_map-row .half_map-col.col-map { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .half_map-wrapper .half_map-row .half_map-col.col-map .map-full-height { height: calc(100vh - 32px); } @media (max-width: 991.8px) { .half_map-wrapper .half_map-row .half_map-col.col-map .map-full-height { height: 400px; } } .half-map-infinite ul[data-drupal-views-infinite-scroll-pager].pager { position: absolute; bottom: 0; left: 40%; margin-left: 30px; } .half-map-infinite ul[data-drupal-views-infinite-scroll-pager].pager a.button { padding: 15px 36px; } .half-map-infinite-2 ul[data-drupal-views-infinite-scroll-pager].pager { position: absolute; bottom: 0; left: 30px; } .half-map-infinite-2 ul[data-drupal-views-infinite-scroll-pager].pager a.button { padding: 15px 36px; } @media (max-width: 1400px) and (min-width: 992px) { .listing-responsive-1 .lg-block-grid-3 > div { width: 50%; } .listing-responsive-1 .lg-block-grid-3 > div:nth-of-type(1n) { clear: none; } .listing-responsive-1 .lg-block-grid-3 > div:nth-of-type(1n):after { display: block; } .listing-responsive-1 .lg-block-grid-3 > div:nth-of-type(2n+1) { clear: both; } .listing-responsive-1 .lg-block-grid-3 > div:nth-of-type(2n+1):after { display: none; } .listing-responsive-1 .lg-block-grid-3 > div:nth-last-child(-n+2):before { content: none; } } .views-map-two .col-map { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (max-width: 991.8px) { .views-map-two .col-map { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .views-map-two .col-results { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .map-layout-full .main-map-wrapper { position: relative; z-index: 9; top: 0 !important; } .map-layout-full .main-map-wrapper #listing-main-map { height: 750px; } @media (max-width: 767.98px) { .map-layout-full .main-map-wrapper #listing-main-map { height: 600px; } } @media (max-width: 575.98px) { .map-layout-full .main-map-wrapper #listing-main-map { height: 500px; } } .map-layout-full .main-listing-wrapper { position: relative; z-index: 11; } .map-layout-full .main-listing-wrapper .lt-map-action { position: absolute; top: 0; right: 0; background: #fff; z-index: 11; padding: 15px 15px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 0 0 4px; } .map-layout-full .main-listing-wrapper .lt-map-action .control-search, .map-layout-full .main-listing-wrapper .lt-map-action .control-search-link, .map-layout-full .main-listing-wrapper .lt-map-action .control-reset-map { font-size: 14px; margin-right: 15px; line-height: 1; } .map-layout-full .main-listing-wrapper .lt-map-action .control-map { line-height: 1; } .filter-map-popular { position: absolute; width: 100%; left: 0; bottom: 60px; z-index: 9; padding-left: 20px; padding-right: 20px; } @media (max-width: 767.98px) { .filter-map-popular { position: relative; bottom: 0; padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .filter-map-popular .block form { background: #fff; padding: 6px; border-radius: 4px; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.06); } .filter-map-popular .block form > div:nth-child(3):after { display: none; } .listing-block.teaser_1, .listing-block.teaser_3 { background: #fff; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; border: none; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 4px; margin-bottom: 30px; } .listing-block.teaser_1 .listing-image, .listing-block.teaser_3 .listing-image { position: relative; border-radius: 4px 4px 0 0; overflow: hidden; } .listing-block.teaser_1 .listing-image .item-image a, .listing-block.teaser_3 .listing-image .item-image a { display: block; position: relative; } .listing-block.teaser_1 .listing-image .item-image a:after, .listing-block.teaser_3 .listing-image .item-image a:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.8)), to(black)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 99%, black 100%); } .listing-block.teaser_1 .listing-image .listing-preview, .listing-block.teaser_3 .listing-image .listing-preview { position: absolute; top: 15px; right: 15px; z-index: 11; } .listing-block.teaser_1 .listing-image .listing-preview .preview-gallery, .listing-block.teaser_1 .listing-image .listing-preview .preview-video, .listing-block.teaser_3 .listing-image .listing-preview .preview-gallery, .listing-block.teaser_3 .listing-image .listing-preview .preview-video { float: left; margin-left: 10px; text-align: center; } .listing-block.teaser_1 .listing-image .listing-preview .preview-gallery .image-first, .listing-block.teaser_1 .listing-image .listing-preview .preview-gallery .popup-video, .listing-block.teaser_1 .listing-image .listing-preview .preview-video .image-first, .listing-block.teaser_1 .listing-image .listing-preview .preview-video .popup-video, .listing-block.teaser_3 .listing-image .listing-preview .preview-gallery .image-first, .listing-block.teaser_3 .listing-image .listing-preview .preview-gallery .popup-video, .listing-block.teaser_3 .listing-image .listing-preview .preview-video .image-first, .listing-block.teaser_3 .listing-image .listing-preview .preview-video .popup-video { color: #fff; display: inline-block; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.3); color: #fff; border-radius: 4px; line-height: 32px; font-size: 20px; } .listing-block.teaser_1 .listing-image .listing-preview .preview-gallery .image-first:hover, .listing-block.teaser_1 .listing-image .listing-preview .preview-gallery .popup-video:hover, .listing-block.teaser_1 .listing-image .listing-preview .preview-video .image-first:hover, .listing-block.teaser_1 .listing-image .listing-preview .preview-video .popup-video:hover, .listing-block.teaser_3 .listing-image .listing-preview .preview-gallery .image-first:hover, .listing-block.teaser_3 .listing-image .listing-preview .preview-gallery .popup-video:hover, .listing-block.teaser_3 .listing-image .listing-preview .preview-video .image-first:hover, .listing-block.teaser_3 .listing-image .listing-preview .preview-video .popup-video:hover { background: var(--ziston-theme-color); } .listing-block.teaser_1 .show-in-map, .listing-block.teaser_3 .show-in-map { display: none; position: absolute; top: 15px; left: 15px; z-index: 1; } .listing-block.teaser_1 .show-in-map a, .listing-block.teaser_3 .show-in-map a { display: inline-block; color: #fff; width: 32px; height: 32px; border-radius: 4px; line-height: 32px; text-align: center; font-size: 18px; color: #fff; background: var(--ziston-theme-color); } .listing-block.teaser_1 .show-in-map a:hover, .listing-block.teaser_3 .show-in-map a:hover { opacity: 0.9; } .listing-block.teaser_1 .listing-content, .listing-block.teaser_3 .listing-content { position: relative; bottom: -1px; left: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; padding: 30px 30px 0; } .listing-block.teaser_1 .listing-content .listing-info .title, .listing-block.teaser_3 .listing-content .listing-info .title { font-size: 20px; margin: 0 0 8px; } .listing-block.teaser_1 .listing-content .listing-info .tagline, .listing-block.teaser_3 .listing-content .listing-info .tagline { color: #797F89; line-height: 20px; } @media (max-width: 1200px) { .listing-block.teaser_1 .listing-content .listing-info .tagline, .listing-block.teaser_3 .listing-content .listing-info .tagline { font-size: 14px; line-height: 18px; } } .listing-block.teaser_1 .listing-content .listing-info .listing-meta, .listing-block.teaser_3 .listing-content .listing-info .listing-meta { color: #797F89; padding: 20px 0 8px; } .listing-block.teaser_1 .listing-content .listing-info .address, .listing-block.teaser_1 .listing-content .listing-info .phone, .listing-block.teaser_3 .listing-content .listing-info .address, .listing-block.teaser_3 .listing-content .listing-info .phone { font-size: 14px; line-height: 16px; } .listing-block.teaser_1 .listing-content .listing-info .address .icon, .listing-block.teaser_1 .listing-content .listing-info .phone .icon, .listing-block.teaser_3 .listing-content .listing-info .address .icon, .listing-block.teaser_3 .listing-content .listing-info .phone .icon { font-size: 14px; margin-right: 6px; color: var(--ziston-theme-color); width: 16px; position: relative; } .listing-block.teaser_1 .listing-content .listing-info .address, .listing-block.teaser_3 .listing-content .listing-info .address { margin-bottom: 14px; } .listing-block.teaser_1 .content-footer, .listing-block.teaser_3 .content-footer { border-top: 1px solid #dee2e6; padding: 12px 0 15px; margin-top: 18px; color: #fff; } .listing-block.teaser_1 .content-footer .content-inner, .listing-block.teaser_3 .content-footer .content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .listing-block.teaser_1 .content-footer .content-inner .listing-category a:after, .listing-block.teaser_3 .content-footer .content-inner .listing-category a:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .listing-block.teaser_1 .content-footer .content-inner .listing-category a:hover, .listing-block.teaser_1 .content-footer .content-inner .listing-category a:focus, .listing-block.teaser_3 .content-footer .content-inner .listing-category a:hover, .listing-block.teaser_3 .content-footer .content-inner .listing-category a:focus { color: var(--ziston-theme-color); } .listing-block.teaser_1 .content-footer .content-inner .right, .listing-block.teaser_3 .content-footer .content-inner .right { line-height: 34px; font-size: 14px; font-weight: 600; } .listing-block.teaser_1 .content-footer .content-inner .right .icon, .listing-block.teaser_3 .content-footer .content-inner .right .icon { font-size: 16px; color: var(--ziston-theme-color); margin-right: 3px; } .listing-block.teaser_2 { -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; border: none; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 4px; margin-bottom: 30px; display: block; } .listing-block.teaser_2 .listing-image { position: relative; } .listing-block.teaser_2 .listing-image .item-image a { display: block; position: relative; } .listing-block.teaser_2 .listing-image .item-image a img { display: block; border-radius: 4px; } .listing-block.teaser_2 .listing-image .item-image a:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 4px; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(1%, rgba(0, 0, 0, 0.99)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.99) 1%, rgba(0, 0, 0, 0) 100%); } .listing-block.teaser_2 .listing-image .listing-preview { position: absolute; top: 15px; right: 15px; z-index: 11; } .listing-block.teaser_2 .listing-image .listing-preview .preview-gallery, .listing-block.teaser_2 .listing-image .listing-preview .preview-video { float: left; margin-left: 10px; text-align: center; } .listing-block.teaser_2 .listing-image .listing-preview .preview-gallery .image-first, .listing-block.teaser_2 .listing-image .listing-preview .preview-gallery .popup-video, .listing-block.teaser_2 .listing-image .listing-preview .preview-video .image-first, .listing-block.teaser_2 .listing-image .listing-preview .preview-video .popup-video { color: #fff; display: inline-block; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.3); color: #fff; border-radius: 4px; line-height: 32px; font-size: 20px; } .listing-block.teaser_2 .listing-image .listing-preview .preview-gallery .image-first:hover, .listing-block.teaser_2 .listing-image .listing-preview .preview-gallery .popup-video:hover, .listing-block.teaser_2 .listing-image .listing-preview .preview-video .image-first:hover, .listing-block.teaser_2 .listing-image .listing-preview .preview-video .popup-video:hover { background: var(--ziston-theme-color); } .listing-block.teaser_2 .show-in-map { display: none; position: absolute; top: 15px; left: 15px; z-index: 1; } .listing-block.teaser_2 .show-in-map a { display: inline-block; color: #fff; width: 32px; height: 32px; border-radius: 4px; line-height: 32px; text-align: center; font-size: 18px; color: #fff; background: var(--ziston-theme-color); } .listing-block.teaser_2 .show-in-map a:hover { opacity: 0.9; } .listing-block.teaser_2 .listing-content { width: 100%; position: absolute; bottom: -1px; left: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; padding: 30px 30px 0; } .listing-block.teaser_2 .listing-content .listing-info .title { font-size: 20px; margin: 0 0 5px; } .listing-block.teaser_2 .listing-content .listing-info .title a { color: #fff; } .listing-block.teaser_2 .listing-content .listing-info .tagline { color: rgba(255, 255, 255, 0.8); line-height: 20px; } @media (max-width: 1200px) { .listing-block.teaser_2 .listing-content .listing-info .tagline { font-size: 14px; line-height: 18px; } } .listing-block.teaser_2 .listing-content .listing-info .listing-meta { height: 0; opacity: 0; margin: 0; -webkit-transition: all 0.35s; transition: all 0.35s; display: none; color: #797F89; padding-bottom: 8px; } .listing-block.teaser_2 .listing-content .listing-info .address, .listing-block.teaser_2 .listing-content .listing-info .phone { font-size: 14px; line-height: 16px; } .listing-block.teaser_2 .listing-content .listing-info .address .icon, .listing-block.teaser_2 .listing-content .listing-info .phone .icon { font-size: 14px; margin-right: 6px; color: var(--ziston-theme-color); width: 16px; position: relative; } .listing-block.teaser_2 .listing-content .listing-info .address { margin-bottom: 14px; } .listing-block.teaser_2 .content-footer { border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 12px 0 15px; margin-top: 18px; color: #fff; } .listing-block.teaser_2 .content-footer a, .listing-block.teaser_2 .content-footer .listing-location .icon { color: #fff !important; } .listing-block.teaser_2 .content-footer .content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; } .listing-block.teaser_2 .content-footer .content-inner .right { line-height: 34px; font-size: 14px; font-weight: 600; } .listing-block.teaser_2 .content-footer .content-inner .right .icon { font-size: 18px; color: #161c26; } .listing-block.teaser_2:hover .listing-content { background: #fff; } .listing-block.teaser_2:hover .listing-content .listing-info .title a { color: #000; } .listing-block.teaser_2:hover .listing-content .listing-info .title a:hover, .listing-block.teaser_2:hover .listing-content .listing-info .title a:focus { color: var(--ziston-theme-color); } .listing-block.teaser_2:hover .listing-content .listing-info .tagline { color: #797F89; } .listing-block.teaser_2:hover .listing-content .listing-meta { height: auto; opacity: 1; margin: 18px 0 0; display: block; } .listing-block.teaser_2:hover .listing-content .content-footer { border-color: rgba(0, 0, 0, 0.2); } .listing-block.teaser_2:hover .listing-content .content-footer a { color: #000 !important; } .listing-block.teaser_2:hover .listing-content .content-footer a:hover { color: var(--ziston-theme-color) !important; } .listing-block.teaser_2:hover .listing-content .content-footer .listing-location .icon { color: var(--ziston-theme-color) !important; } .listing-block.teaser_3 .listing-content { padding: 25px 20px 0; } .listing-block.teaser_3 .listing-content .tagline { font-size: 14px; padding-top: 6px; line-height: 22px; } .listing-block.teaser_3 .listing-content .content-footer .listing-category a { font-size: 12px; } .listing-block.teaser_3 .listing-content .content-footer .listing-category .icon { font-size: 20px; width: 30px; height: 30px; line-height: 29px; } .listing-block.teaser_3 .listing-content .content-footer .listing-location { font-size: 12px; } .main-listing-wrapper .listing-block .show-in-map { display: block; } .listing-category-block { position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 6px; } .listing-category-block .cat-image .item-image a { display: block; } .listing-category-block .cat-image .item-image a:after { content: ''; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.9) 100%); position: absolute; top: 0; left: 0; z-index: 1; } .listing-category-block .cat-image .item-image img { -webkit-transition: all 6s; transition: all 6s; } @media (prefers-reduced-motion: reduce) { .listing-category-block .cat-image .item-image img { -webkit-transition: none; transition: none; } } .listing-category-block .cat-image .cat-icon { width: 50px; height: 50px; position: absolute; top: 15px; left: 15px; z-index: 9; line-height: 52px; text-align: center; color: #fff; font-size: 26px; border-radius: 50%; } .listing-category-block .cat-image .cat-icon i.la-coffee { position: relative; top: 3px; left: -3px; } .listing-category-block .content-inner { position: absolute; bottom: 0; left: 0; z-index: 9; width: 100%; padding: 22px 20px 18px; } .listing-category-block .content-inner .cat-name { line-height: 22px; margin-bottom: 6px; font-size: 18px; } .listing-category-block .content-inner .cat-name a { color: #fff; font-weight: 600; } .listing-category-block .content-inner .cat-name a:hover { color: var(--ziston-theme-color); } .listing-category-block .content-inner .cat-desc { color: #c9c9c9; line-height: 18px; } .listing-category-block .small-items > .row { margin-bottom: 30px; } .listing-category-block:hover .item-image img { -webkit-transform: scale(1.12); transform: scale(1.12); } .owl-carousel .listing-category-block { margin-bottom: 0 !important; border-radius: 0; } .listing-category-block-2 { padding: 30px; position: relative; background: #fff; text-align: center; border: 1px solid #dee2e6; margin-bottom: 30px; border-radius: 4px; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .listing-category-block-2 { -webkit-transition: none; transition: none; } } .listing-category-block-2 .content-inner { position: relative; z-index: 11; } .listing-category-block-2 .content-inner .cat-icon { width: 68px; height: 68px; text-align: center; line-height: 85px; color: #fff; display: inline-block; border-radius: 50%; } .listing-category-block-2 .content-inner .cat-icon i { font-size: 36px; } .listing-category-block-2 .content-inner .cat-icon i.la-coffee { position: relative; top: 5px; left: -4px; } .listing-category-block-2 .content-inner .cat-name { font-size: 18px; margin-top: 15px; } .listing-category-block-2:hover { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .listing-location-block { position: relative; overflow: hidden; border-radius: 6px; } .listing-location-block .item-image img { -webkit-transition: all 3s; transition: all 3s; } @media (prefers-reduced-motion: reduce) { .listing-location-block .item-image img { -webkit-transition: none; transition: none; } } .listing-location-block .item-image a { display: block; position: relative; } .listing-location-block .item-image a:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.68))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.68) 100%); } .listing-location-block .content-inner { position: absolute; bottom: 0; left: 0; z-index: 9; width: 100%; padding: 22px 20px 18px; } .listing-location-block .content-inner .cat-name { line-height: 22px; margin-bottom: 0; font-size: 14px; font-family: var(--ziston-heading-font-family); font-weight: 600; } .listing-location-block .content-inner .cat-name a:hover { color: var(--ziston-theme-color); } .listing-location-block .content-inner .cat-desc { color: #c9c9c9; } .listing-location-block .small-items > .row { margin-bottom: 30px; } .listing-location-block:hover .item-image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .listing-category { position: relative; } .listing-category .icon { font-size: 22px; position: relative; top: 2px; text-align: center; width: 34px; height: 34px; line-height: 32px; border-radius: 50%; color: #fff; background: var(--ziston-theme-color); margin-right: 5px; } .listing-category a { font-size: 14px; font-weight: 500; color: #000; font-family: var(--ziston-heading-font-family); } .listing-category.red .icon { background: #D03632; } .listing-category.pink .icon { background: #FF69B4; } .listing-category.light-pink .icon { background: #AC70B8; } .listing-category.orange .icon { background: #FDA400; } .listing-category.yellow .icon { background: #F4EC4D; } .listing-category.green .icon { background: #64C568; } .listing-category.blue .icon { background: #26B2EC; } .listing-category.dark-mint .icon { background: #90D0C4; } .listing-category.violet .icon { background: #D9AC09; } .listing-category.navy .icon { background: #23569C; } .listing-category.purple .icon { background: #9A30D8; } .listing-category.gray .icon { background: #BFC0BC; } .listing-category.black .icon { background: #071F20; } .lt-single-cat .listing-category { position: relative; background: none; } .lt-single-cat .listing-category .icon { font-size: 22px; position: relative; top: 2px; background: none; margin-right: 2px; height: auto; width: auto; } .lt-single-cat .listing-category a { font-size: 14px; font-weight: 500; font-family: var(--ziston-heading-font-family); } .lt-single-cat .listing-category.red .icon, .lt-single-cat .listing-category.red a { color: #D03632; } .lt-single-cat .listing-category.pink .icon, .lt-single-cat .listing-category.pink a { color: #FF69B4; } .lt-single-cat .listing-category.light-pink .icon, .lt-single-cat .listing-category.light-pink a { color: #AC70B8; } .lt-single-cat .listing-category.orange .icon, .lt-single-cat .listing-category.orange a { color: #FDA400; } .lt-single-cat .listing-category.yellow .icon, .lt-single-cat .listing-category.yellow a { color: #F4EC4D; } .lt-single-cat .listing-category.green .icon, .lt-single-cat .listing-category.green a { color: #64C568; } .lt-single-cat .listing-category.blue .icon, .lt-single-cat .listing-category.blue a { color: #26B2EC; } .lt-single-cat .listing-category.dark-mint .icon, .lt-single-cat .listing-category.dark-mint a { color: #90D0C4; } .lt-single-cat .listing-category.violet .icon, .lt-single-cat .listing-category.violet a { color: #D9AC09; } .lt-single-cat .listing-category.navy .icon, .lt-single-cat .listing-category.navy a { color: #23569C; } .lt-single-cat .listing-category.purple .icon, .lt-single-cat .listing-category.purple a { color: #9A30D8; } .lt-single-cat .listing-category.gray .icon, .lt-single-cat .listing-category.gray a { color: #BFC0BC; } .lt-single-cat .listing-category.black .icon, .lt-single-cat .listing-category.black a { color: #071F20; } .cat-icon { position: relative; position: relative; color: var(--ziston-theme-color); } .cat-icon .icon { font-size: 18px; } .cat-icon.bg-red { background: #D03632; } .cat-icon.bg-pink { background: #FF69B4; } .cat-icon.bg-light-pink { background: #AC70B8; } .cat-icon.bg-orange { background: #FDA400; } .cat-icon.bg-yellow { background: #F4EC4D; } .cat-icon.bg-green { background: #64C568; } .cat-icon.bg-blue { background: #26B2EC; } .cat-icon.bg-dark-mint { background: #90D0C4; } .cat-icon.bg-violet { background: #D9AC09; } .cat-icon.bg-navy { background: #23569C; } .cat-icon.bg-purple { background: #9A30D8; } .cat-icon.bg-gray { background: #BFC0BC; } .cat-icon.bg-black { background: #071F20; } .gva-icon-map .icon-cat .la-coffee { position: relative; top: 2px; left: -2px; } .gva-icon-map.color-red .icon-cat { color: #D03632 !important; } .gva-icon-map.color-red .pin-st0, .gva-icon-map.color-red .pin-st1 { fill: #D03632 !important; } .gva-icon-map.color-pink .icon-cat { color: #FF69B4 !important; } .gva-icon-map.color-pink .pin-st0, .gva-icon-map.color-pink .pin-st1 { fill: #FF69B4 !important; } .gva-icon-map.color-light-pink .icon-cat { color: #AC70B8 !important; } .gva-icon-map.color-light-pink .pin-st0, .gva-icon-map.color-light-pink .pin-st1 { fill: #AC70B8 !important; } .gva-icon-map.color-orange .icon-cat { color: #FDA400 !important; } .gva-icon-map.color-orange .pin-st0, .gva-icon-map.color-orange .pin-st1 { fill: #FDA400 !important; } .gva-icon-map.color-yellow .icon-cat { color: #F4EC4D !important; } .gva-icon-map.color-yellow .pin-st0, .gva-icon-map.color-yellow .pin-st1 { fill: #F4EC4D !important; } .gva-icon-map.color-green .icon-cat { color: #64C568 !important; } .gva-icon-map.color-green .pin-st0, .gva-icon-map.color-green .pin-st1 { fill: #64C568 !important; } .gva-icon-map.color-blue .icon-cat { color: #26B2EC !important; } .gva-icon-map.color-blue .pin-st0, .gva-icon-map.color-blue .pin-st1 { fill: #26B2EC !important; } .gva-icon-map.color-dark-mint .icon-cat { color: #90D0C4 !important; } .gva-icon-map.color-dark-mint .pin-st0, .gva-icon-map.color-dark-mint .pin-st1 { fill: #90D0C4 !important; } .gva-icon-map.color-violet .icon-cat { color: #D9AC09 !important; } .gva-icon-map.color-violet .pin-st0, .gva-icon-map.color-violet .pin-st1 { fill: #D9AC09 !important; } .gva-icon-map.color-navy .icon-cat { color: #23569C !important; } .gva-icon-map.color-navy .pin-st0, .gva-icon-map.color-navy .pin-st1 { fill: #23569C !important; } .gva-icon-map.color-purple .icon-cat { color: #9A30D8 !important; } .gva-icon-map.color-purple .pin-st0, .gva-icon-map.color-purple .pin-st1 { fill: #9A30D8 !important; } .gva-icon-map.color-gray .icon-cat { color: #BFC0BC !important; } .gva-icon-map.color-gray .pin-st0, .gva-icon-map.color-gray .pin-st1 { fill: #BFC0BC !important; } .gva-icon-map.color-black .icon-cat { color: #071F20 !important; } .gva-icon-map.color-black .pin-st0, .gva-icon-map.color-black .pin-st1 { fill: #071F20 !important; } .views-exposed-form { margin-bottom: 30px; } .views-exposed-form .form-item { margin-bottom: 15px; } .views-exposed-form .form-item input[type='text']:not(.chosen-search-input), .views-exposed-form .form-item input[type='search'], .views-exposed-form .form-item input[type='password'], .views-exposed-form .form-item input[type='email'], .views-exposed-form .form-item textarea, .views-exposed-form .form-item select { -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-position: right 15px center !important; border: 1px solid #dee2e6; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; padding: 0 16px; width: 100%; color: #797F89; margin-top: 0; } .views-exposed-form .form-item label { text-transform: capitalize; color: #161c26; font-family: var(--ziston-heading-font-family); font-weight: 600; margin-bottom: 2px; } .views-exposed-form .form-item.form-item-sort-by { width: 50%; float: left; padding-right: 10px; } .views-exposed-form .form-item.form-item-sort-by label { display: none; } .views-exposed-form .form-item.form-item-sort-order { width: 50%; float: left; padding-left: 10px; } .views-exposed-form .form-item.form-item-sort-order label { display: none; } .views-exposed-form .pretty { white-space: normal; } .views-exposed-form .pretty .state { position: relative; padding-left: 26px; } .views-exposed-form .pretty .state label { text-indent: 0; line-height: 18px; -webkit-transition: all 0.35s; transition: all 0.35s; color: #797F89; } @media (prefers-reduced-motion: reduce) { .views-exposed-form .pretty .state label { -webkit-transition: none; transition: none; } } .views-exposed-form .pretty .state label:after, .views-exposed-form .pretty .state label:before { top: 1px; left: 0; z-index: 1; } .views-exposed-form .pretty:hover label { color: var(--ziston-theme-color) !important; } .views-exposed-form fieldset .fieldset-legend { font-weight: 600; color: #000; font-size: 16px; font-family: var(--ziston-heading-font-family); margin-bottom: 2px; } .views-exposed-form .form-actions input.form-submit { font-size: 14px; line-height: 38px; padding: 0 20px; border-radius: 4px; color: #fff; background: var(--ziston-theme-color); -webkit-transition: all 0.35s; transition: all 0.35s; border: none; font-family: var(--ziston-heading-font-family); } @media (prefers-reduced-motion: reduce) { .views-exposed-form .form-actions input.form-submit { -webkit-transition: none; transition: none; } } .views-exposed-form .form-actions input.form-submit:hover { opacity: 0.9; cursor: pointer; } #views-exposed-form-listing-content-listing-filter-form { max-width: 1030px; margin: 0 auto; border-radius: 4px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #views-exposed-form-listing-content-listing-filter-form::after { display: block; clear: both; content: ""; } @media (max-width: 680px) { .bl-da-semana .item-columns, .bl-premium .item-columns, .bl-top .item-columns, .bl-massagem .item-columns, .videos .item-columns, .duascolunas .item-columns{ width: 100% !important; } #views-exposed-form-listing-content-listing-filter-form { border-radius: 0; } } #views-exposed-form-listing-content-listing-filter-form .form-item { width: 26%; float: left; margin-bottom: 0; position: relative; background: #fff; padding: 8px 10px; } @media (max-width: 680px) { #views-exposed-form-listing-content-listing-filter-form .form-item { width: 100%; border-bottom: 1px solid #dee2e6; border-radius: 0 !important; } } #views-exposed-form-listing-content-listing-filter-form .form-item:first-child, #views-exposed-form-listing-content-listing-filter-form .form-item.form-item-title { border-radius: 4px 0 0 4px; } #views-exposed-form-listing-content-listing-filter-form .form-item:nth-child(4) { border-radius: 0 4px 4px 0; } #views-exposed-form-listing-content-listing-filter-form .form-item:after { content: ''; position: absolute; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.1); top: 0; right: 0; z-index: 1; } @media (max-width: 680px) { #views-exposed-form-listing-content-listing-filter-form .form-item:after { display: none; } } #views-exposed-form-listing-content-listing-filter-form .form-item input[type='text'], #views-exposed-form-listing-content-listing-filter-form .form-item input[type='search'], #views-exposed-form-listing-content-listing-filter-form .form-item input[type='password'], #views-exposed-form-listing-content-listing-filter-form .form-item input[type='email'], #views-exposed-form-listing-content-listing-filter-form .form-item textarea, #views-exposed-form-listing-content-listing-filter-form .form-item select { border: none; } #views-exposed-form-listing-content-listing-filter-form .chosen-container-single { border: none !important; } #views-exposed-form-listing-content-listing-filter-form .form-actions { width: 20%; float: left; margin-left: 2%; border: none; } @media (max-width: 680px) { #views-exposed-form-listing-content-listing-filter-form .form-actions { width: 100%; margin-top: 15px; margin-left: 0; } } #views-exposed-form-listing-content-listing-filter-form .form-actions input { width: 100%; line-height: 62px; } .listing-taxonomy-page .breadcrumb-content-inner { margin-bottom: 0; } .listing-taxonomy-page .breadcrumb-content-inner .block { margin-bottom: 0; } .listing-taxonomy-page .breadcrumb-content-inner .breadcrumb-links { display: none; } .listing-taxonomy-page .breadcrumb-content-inner .breadcrumb-content-main { padding: 50px 0; } .listing-taxonomy-page .view-page { margin: 0; } .listing-taxonomy-page .view-page header { display: none; } .listing-taxonomy-page .view-page .main-listing-wrapper { padding-top: 20px; } .node-listing-single { padding-bottom: 60px; } .node-listing-single .gallery-carousel-center { overflow: hidden; } .node-listing-single .gallery-carousel-center .item { position: relative; } .node-listing-single .gallery-carousel-center .item:after { content: ''; background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .node-listing-single .gallery-carousel-center .item:after { -webkit-transition: none; transition: none; } } .node-listing-single .gallery-carousel-center .item .image-popup { position: absolute; width: 50px; height: 50px; background: #fff; border-radius: 4px; top: 50%; right: 50%; margin-right: -25px; margin-top: -25px; z-index: 9; display: inline-block; color: #000; line-height: 50px; text-align: center; font-size: 16px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; transition: all 0.35s; } .node-listing-single .gallery-carousel-center .item .image-popup:hover { background: var(--ziston-theme-color); color: #fff; } .node-listing-single .gallery-carousel-center .item:hover:after { opacity: 1; filter: alpha(opacity=100); } .node-listing-single .gallery-carousel-center .item:hover .image-popup { opacity: 1; filter: alpha(opacity=100); } .node-listing-single .listing-top { background: #fff; padding: 0; margin-bottom: 65px; border-bottom: 1px solid #dee2e6; } .node-listing-single .listing-top .listing-top-content { margin-top: 30px; padding-bottom: 30px; position: relative; } .node-listing-single .listing-top .listing-top-content > .content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .node-listing-single .listing-top .listing-top-content .top-left { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; width: 65%; } .node-listing-single .listing-top .listing-top-content .top-left .post-title { margin-top: 2px; } .node-listing-single .listing-top .listing-top-content .top-right { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; width: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .node-listing-single .listing-top .listing-top-content .top-right .listing-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 15px; } .node-listing-single .listing-top .listing-top-content .top-right .listing-action > a { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 10px 20px; border-radius: 4px; display: inline-block; background: var(--ziston-theme-color); color: #fff; margin-left: 15px; } .node-listing-single .listing-top .listing-top-content .top-right .listing-action > a i { margin-right: 6px; font-size: 14px; } .node-listing-single .listing-top .listing-top-content .top-right .listing-action > a.btn-second { background: #F0F3F6; color: #797F89; } .node-listing-single .listing-top .listing-top-content .top-right .listing-action > a.btn-second:hover { background: var(--ziston-theme-color); color: #fff; } .node-listing-single .listing-top .listing-top-content .top-right .listing-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: var(--ziston-theme-color); letter-spacing: 2px; } .node-listing-single .listing-top .listing-top-content .top-right .listing-price .label { letter-spacing: 0; color: #797F89; font-family: var(--ziston-heading-font-family); } .node-listing-single .listing-nav { border-top: 1px solid #dee2e6; background: #fff; position: relative; } .node-listing-single .listing-nav::after { display: block; clear: both; content: ""; } .node-listing-single .listing-nav .listing-nav-inner { background: #fff; position: relative; z-index: 1; } .node-listing-single .listing-nav .listing-nav-inner:after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; z-index: 0; height: 50px; border-radius: 50%; -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } @media (prefers-reduced-motion: reduce) { .node-listing-single .listing-nav .listing-nav-inner:after { -webkit-transition: none; transition: none; } } .node-listing-single .listing-nav .listing-nav-inner .listing-nav-inner-inner { background: #fff; position: relative; z-index: 11; padding: 20px 0; } .node-listing-single .listing-nav .listing-nav-inner ul { margin: 0; padding: 0; } .node-listing-single .listing-nav .listing-nav-inner ul > li { list-style-type: none; float: left; padding: 0 15px; } .node-listing-single .listing-nav .listing-nav-inner ul > li a { text-align: center; text-transform: uppercase; font-family: var(--ziston-heading-font-family); font-size: 13px; font-weight: 600; color: #161c26; display: inline-block; } .node-listing-single .listing-nav .listing-nav-inner ul > li a:hover { color: var(--ziston-theme-color); } .node-listing-single .listing-nav.is-fixed .listing-nav-inner { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .node-listing-single .listing-content-main .listing-info-block { background: #fff; margin-top: 50px; padding-top: 50px; border-top: 1px solid #dee2e6; position: relative; } .node-listing-single .listing-content-main .listing-info-block:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .node-listing-single .listing-content-main .listing-info-block .title { margin: 0 0 30px; color: #161c26; font-family: var(--ziston-heading-font-family); font-size: 22px; } .node-listing-single .listing-content-main .listing-info-block .title i { margin-right: 6px; color: #888; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties::after { display: block; clear: both; content: ""; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content { margin-left: -10px; margin-right: -10px; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content::after { display: block; clear: both; content: ""; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item { width: 33.3333%; float: left; padding-right: 10px; padding-left: 10px; margin-bottom: 25px; position: relative; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item i { margin-right: 8px; font-size: 30px; color: var(--ziston-theme-color); position: relative; top: 5px; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item a { color: #797F89; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item a:hover { color: var(--ziston-theme-color); } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item:nth-child(3n+1) { clear: both; } @media (max-width: 767.98px) { .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item { width: 50%; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item:nth-child(3n+1) { clear: none; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item:nth-child(2n+1) { clear: both; } } @media (max-width: 575.98px) { .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item { width: 100%; } .node-listing-single .listing-content-main .listing-info-block.listing-amenties .block-content .amenity-item:nth-child(2n+1) { clear: none; } } .node-listing-single .listing-content-main .listing-info-block.listing-video { margin-top: 35px; } .node-listing-single .listing-content-main .listing-info-block.listing-video iframe { min-height: 450px; } @media (max-width: 575.98px) { .node-listing-single .listing-content-main .listing-info-block.listing-video iframe { min-height: 280px; } } .node-listing-single .listing-content-main .listing-info-block.listing-tags { padding-top: 0; border-top: 0; } .node-listing-single .listing-content-main .listing-info-block.listing-comment { padding-top: 20px; margin-top: 60px; } .node-listing-single .listing-content-main .lt-block-second { padding: 30px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-bottom: 30px; } .node-listing-single .listing-content-main .lt-block-second .title { font-size: 20px; margin: 0 0 15px; padding-bottom: 15px; position: relative; } .node-listing-single .listing-content-main .lt-block-second .title:after { content: ''; width: 50px; height: 2px; background: var(--ziston-theme-color); position: absolute; bottom: 0; left: 0; z-index: 1; } .node-listing-single .listing-content-main .lt-block-second.lt-map { padding: 0; border: none; margin-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 9; } .node-listing-single .listing-content-main .lt-block-second.lt-map .listing-location-taxonomy { position: absolute; top: 10px; right: 10px; z-index: 999; } .node-listing-single .listing-content-main .lt-block-second.lt-map .listing-location-taxonomy a { background: var(--ziston-theme-color); font-family: var(--ziston-heading-font-family); font-size: 12px; padding: 6px 16px; text-align: center; color: #fff; line-height: 40px; font-weight: 600; } .node-listing-single .listing-content-main .lt-block-second.lt-map .listing-location-taxonomy a:hover { opacity: 0.9; } .node-listing-single .listing-content-main .lt-block-second.lt-map .listing-main-map { height: 360px !important; } .node-listing-single .listing-content-main .lt-block-second.business-info { border-top: 0; border-radius: 0 0 4px 4px; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.business-info { margin: 0; padding: 0; list-style-type: none; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.business-info li { margin-bottom: 18px; color: #797F89; font-family: var(--ziston-heading-font-family); } .node-listing-single .listing-content-main .lt-block-second.business-info ul.business-info li i { color: #797F89; margin-right: 10px; width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; background: #F3F3F6; display: inline-block; font-size: 16px; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.business-info li a { color: #797F89; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.business-info li a:hover { color: var(--ziston-theme-color); } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials { margin: 20px 0 0; padding: 0; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials::after { display: block; clear: both; content: ""; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials > li { float: left; margin-right: 10px; list-style-type: none; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials > li a { display: inline-block; width: 36px; height: 36px; border-radius: 4px; background: #F3F3F6; line-height: 36px; text-align: center; font-size: 20px; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials > li a i { margin-right: 0; color: #797F89; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials > li a:hover { background: var(--ziston-theme-color); color: #fff; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials > li a:hover i { color: #fff; } .node-listing-single .listing-content-main .lt-block-second.business-info ul.listing-socials > li a:last-child { margin-right: 0; } .node-listing-single .listing-content-main .lt-block-second.business-hours ul { list-style-type: none; margin: 0; padding: 0; } .node-listing-single .listing-content-main .lt-block-second.business-hours ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .node-listing-single .listing-content-main .lt-block-second.business-hours ul li span { float: right; } .node-listing-single .listing-content-main .lt-block-second.business-hours ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .node-listing-single .listing-content-main .block { background: #fff; position: relative; padding: 30px; border: 1px solid #dee2e6; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .node-listing-single .listing-content-main .block .block-title { font-size: 20px; margin: 0 0 15px; padding-bottom: 15px; position: relative; } .node-listing-single .listing-content-main .block .block-title:after { content: ''; width: 50px; height: 2px; background: var(--ziston-theme-color); position: absolute; bottom: 0; left: 0; z-index: 1; } .node-listing-single .listing-content-main .block .block-content::after { display: block; clear: both; content: ""; } .node-listing-single .field--name-field-listing-tags::after { display: block; clear: both; content: ""; } .node-listing-single .field--name-field-listing-tags .field__item { float: left; margin: 0 10px 10px 0; } .node-listing-single .field--name-field-listing-tags .field__item a { display: inline-block; padding: 5px 20px; line-height: 28px; background: #F0F3F6; font-size: 12px; border-radius: 4px; color: #797F89; text-transform: uppercase; letter-spacing: 2px; font-family: var(--ziston-heading-font-family); font-weight: 500; } .node-listing-single .field--name-field-listing-tags .field__item a:hover { background: var(--ziston-theme-color); color: #fff; } .chosen-container-single { border: none; width: 100% !important; height: 46px; padding: 12px 0 0 !important; border: 1px solid #dee2e6; border-radius: 4px; color: #797F89; } .chosen-container-single::after { display: block; clear: both; content: ""; } .chosen-container-single.form-select { background: none !important; } .chosen-container-single .chosen-single { border: none !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #797F89; } .chosen-container-single .chosen-drop { border: 1px solid #dee2e6; border-top: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01); } .chosen-container-single .chosen-drop li { color: #797F89; font-size: 14px; padding: 7px 5px; } .chosen-container-single .chosen-search { float: left; width: 100%; } .chosen-container-single .chosen-search input { width: 100% !important; color: #797F89; font-size: 14px; } .chosen-container-single input.chosen-search-input { border: 1px solid #dee2e6 !important; } /* perfect-scrollbar v0.6.7 */ .ps-container { -ms-touch-action: none; overflow: hidden !important; } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 4px; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 4px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 4px; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 5px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.6; filter: alpha(opacity=60); } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.6; filter: alpha(opacity=60); } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } .uk-slideset-init { position: relative; } .uk-slideset-init ul { list-style-type: none; padding: 0; } .uk-slideset-init .uk-slideset-nav { position: absolute; top: 20px; right: 0; z-index: 1; margin: 0; padding: 0; } @media (max-width: 575.98px) { .uk-slideset-init .uk-slideset-nav { width: 100%; } } .uk-slideset-init .uk-slideset-nav li { float: left; margin-right: 10px; list-style-type: none; } @media (max-width: 575.98px) { .uk-slideset-init .uk-slideset-nav li { float: none; display: inline-block; } } .uk-slideset-init .uk-slideset-nav li a { width: 22px; height: 10px; border-radius: 30px; display: inline-block; border: 2px solid var(--ziston-theme-color); } .uk-slideset-init .uk-slideset-nav li a:hover { cursor: pointer; } .uk-slideset-init .uk-slideset-nav li.uk-active a { background: var(--ziston-theme-color); } .uk-slideset-init.nav-slideset-top .uk-slideset-nav { top: -30px; } .uk-slideset-init.nav-slideset-bottom .uk-slideset-nav { bottom: -30px; top: auto; left: 0; text-align: center; } .uk-slideset-init.nav-slideset-bottom .uk-slideset-nav li { display: inline-block; float: none; } .text-light .uk-slideset-init .uk-slideset-nav li a { border-color: #fff; } .text-light .uk-slideset-init .uk-slideset-nav li.uk-active a { background: #fff; } .area-main-menu .menu-toggle { display: none; } @media (min-width: 1025px) { .navigation { position: static; clear: both; } .navigation ul { list-style: none; padding: 0; margin: 0; } .navigation .gva_menu { float: left; } .navigation .gva_menu li { position: relative; } .navigation .gva_menu li a { text-align: left !important; } .navigation .gva_menu li a .icaret { margin-left: 4px; border: none !important; font-size: 9px; } .navigation .gva_menu > li { display: inline-block; } .navigation .gva_menu > li > .sub-menu:after { content: ''; position: absolute; bottom: 100%; left: 32px; width: 16px; height: 16px; border-width: 8px; border-style: solid; border-color: transparent transparent #fff transparent; display: block; } .navigation .gva_menu > li.gva-mega-menu { position: static !important; } .navigation .gva_menu > li.gva-mega-menu > .sub-menu { width: 100%; } .navigation .gva_menu > li.gva-mega-menu > .sub-menu:after { display: none; } } @media (min-width: 1025px) and (min-width: 576px) { .navigation .gva_menu > li:hover > ul.sub-menu, .navigation .gva_menu > li:hover div.sub-menu { display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); top: 100%; margin-top: -2px; -webkit-transform: rotateX(0); transform: rotateX(0); } .navigation .gva_menu > li:hover > ul.sub-menu > li, .navigation .gva_menu > li:hover div.sub-menu > li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .navigation .gva_menu > li:hover > a { color: var(--ziston-theme-color); } } @media (min-width: 1025px) { .navigation .gva_menu > li > a { display: block; position: relative; font-size: 15px; font-weight: 500; padding: 20px 10px; -webkit-transition: all 0.35s; transition: all 0.35s; text-align: center; color: #fff; font-family: var(--ziston-heading-font-family); } } @media (min-width: 1025px) and (prefers-reduced-motion: reduce) { .navigation .gva_menu > li > a { -webkit-transition: none; transition: none; } } @media (min-width: 1025px) and (max-width: 991.98px) { .navigation .gva_menu > li > a { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1025px) and (max-width: 767.98px) { .navigation .gva_menu > li > a { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1025px) and (max-width: 575.98px) { .navigation .gva_menu > li > a { padding-left: 8px; padding-right: 8px; } } @media (min-width: 1025px) { .navigation .gva_menu > li > a:hover, .navigation .gva_menu > li > a:after, .navigation .gva_menu > li > a:active { color: var(--ziston-theme-color); } .navigation .gva_menu > li > a:hover:before, .navigation .gva_menu > li > a:after:before, .navigation .gva_menu > li > a:active:before { opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu > li > a.is-active { color: var(--ziston-theme-color); } .navigation .gva_menu > li > a.is-active:before { opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu > li > a > span { position: relative; padding-bottom: 6px; } .navigation .gva_menu > li.menu-item--active-trail > a { color: #fff !important; font-weight: bold; } .navigation .gva_menu > li.megamenu.menu-columns-2 > ul.sub-menu > li { width: 50%; float: left; } .navigation .gva_menu > li.megamenu.menu-columns-3 > ul.sub-menu > li { width: 33.33%; float: left; } .navigation .gva_menu > li.megamenu.menu-columns-4 > ul.sub-menu > li { width: 25%; float: left; } .navigation .gva_menu > li.megamenu.menu-columns-5 > ul.sub-menu > li { width: 20%; float: left; } .navigation .gva_menu > li.menu-list ul.sub-menu { min-width: 250px; } .navigation .gva_menu > li.menu-list ul.sub-menu > li { border-bottom: 1px solid #dee2e6; } .navigation .gva_menu > li.menu-list ul.sub-menu > li > a { padding: 10px 15px; text-transform: uppercase; } .navigation .gva_menu .megamenu, .navigation .gva_menu .gva-mega-menu { position: static; } .navigation .gva_menu .megamenu > ul > li, .navigation .gva_menu .gva-mega-menu > ul > li { -webkit-transition: none; transition: none; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; -webkit-transition-delay: 0s; transition-delay: 0s; } .navigation .gva_menu .megamenu > .sub-menu, .navigation .gva_menu .gva-mega-menu > .sub-menu { width: 100%; padding: 20px; } .navigation .gva_menu .megamenu > .sub-menu > li, .navigation .gva_menu .gva-mega-menu > .sub-menu > li { border: none; position: static; padding: 0 15px; } .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu { position: static; border-width: 0; padding: 0; min-width: inherit; width: 100%; background-color: transparent; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 1025px) and (min-width: 768px) { .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu { display: block !important; visibility: visible; -webkit-transform: rotateX(0); transform: rotateX(0); } } @media (min-width: 1025px) { .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu li { padding: 10px 0 0; margin-bottom: 0; border: none; } .navigation .gva_menu .megamenu > .sub-menu > li > a, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > a { display: block; font-size: 14px; color: #000; font-weight: 500; text-transform: uppercase; padding: 0 0 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; position: relative; } .navigation .gva_menu .megamenu > .sub-menu > li > a:after, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > a:after { display: none; } .navigation .gva_menu .megamenu:hover ul.sub-menu > li, .navigation .gva_menu .gva-mega-menu:hover ul.sub-menu > li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .navigation .gva_menu .sub-menu { top: 101%; border-top: 1px solid rgba(0, 0, 0, 0.06); position: absolute; min-width: 280px; background-color: #fff; z-index: 999; left: 0; padding: 10px 20px 10px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } @media (min-width: 1025px) and (prefers-reduced-motion: reduce) { .navigation .gva_menu .sub-menu { -webkit-transition: none; transition: none; } } @media (min-width: 1025px) { .navigation .gva_menu .sub-menu > li { padding: 10px 0; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; opacity: 0; visibility: hidden; -webkit-transform: translateY(5px); transform: translateY(5px); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .navigation .gva_menu .sub-menu > li > a { display: block; line-height: 26px; text-decoration: none; font-size: 15px; font-weight: 400; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative; color: #797F89; } } @media (min-width: 1025px) and (prefers-reduced-motion: reduce) { .navigation .gva_menu .sub-menu > li > a { -webkit-transition: none; transition: none; } } @media (min-width: 1025px) { .navigation .gva_menu .sub-menu > li > a:hover, .navigation .gva_menu .sub-menu > li > a:focus, .navigation .gva_menu .sub-menu > li > a:active { color: var(--ziston-theme-color); } .navigation .gva_menu .sub-menu > li:nth-child(2n+1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+5) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+6) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+7) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+8) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+9) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+10) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+11) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+12) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+13) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+14) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .navigation .gva_menu .sub-menu > li:nth-child(2n+15) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .navigation .gva_menu .sub-menu > li:last-child { border-bottom: 0; } .navigation .gva_menu .sub-menu > li ul { position: absolute; top: 0; right: 0; min-width: 250px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); display: none; z-index: 11; } } @media (min-width: 1025px) and (min-width: 768px) { .navigation .gva_menu .sub-menu > li:hover > ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); display: block; left: 100%; } } body.header-absolute .navigation ul.gva_menu > li > a { color: #fff !important; } @media (min-width: 992px) { .navigation .gva_menu .sub-menu > li:hover > ul { -webkit-transform: rotateX(0); transform: rotateX(0); } .navigation .gva_menu .sub-menu > li > ul li { opacity: 1; visibility: visible; } } img.logo-site { display: block !important; } .gva-view.view-header-right header { float: right; } @media (max-width: 575.98px) { .gva-view.view-header-right header { display: none; } } .item-list ul { overflow: hidden; padding: 0; } .item-list ul li.view-list-item { margin: 0 0 30px; overflow: hidden; list-style-type: none; } .item-list ul li.view-list-item .post-block { margin: 0; } .padding-small .item-list ul li.view-list-item { margin-bottom: 20px !important; } .padding-small .item-list ul li.view-list-item:last-child { margin-bottom: 0 !important; } ul[data-drupal-views-infinite-scroll-pager] { list-style-type: none; padding: 0; text-align: center; } ul[data-drupal-views-infinite-scroll-pager].pager { margin: 20px 0; } .views-view-grid .views-row { width: auto; clear: none; float: none !important; } .views-view-grid .views-row:last-child { margin-bottom: 0; } .post-masonry-style > div.views-col { margin-bottom: 10px; } .no-padding .gva-portfolio-items .row { margin: 0 !important; } .no-padding .gva-portfolio-items .isotope-items > div { padding: 0 !important; } .no-padding .gva-portfolio-items .isotope-items > div .isotope-item { margin-bottom: 0 !important; } .view-box-shadow .gva-view-grid { -webkit-box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1); } @media (max-width: 991.98px) { .view-box-shadow .gva-view-grid { -webkit-box-shadow: none; box-shadow: none; } } .view-box-shadow .pager { padding-top: 20px; } .brand-grid .views-view-grid .views-row { margin-bottom: 65px; } .brand-grid .views-view-grid .views-row .views-field-field-image { text-align: center; } @media (max-width: 575.98px) { .brand-grid .views-view-grid .views-row .views-field-field-image { margin-bottom: 20px; } } .category-list .item-list ul li { border: none; margin: 0 !important; padding: 0 !important; border: none !important; } .category-list .item-list ul li a { padding: 6px 0; display: block; text-transform: capitalize; font-size: 16px; overflow: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; font-family: var(--ziston-heading-font-family); color: #7f8284; } @media (prefers-reduced-motion: reduce) { .category-list .item-list ul li a { -webkit-transition: none; transition: none; } } .category-list .item-list ul li a:hover, .category-list .item-list ul li a:focus, .category-list .item-list ul li a:active { color: var(--ziston-theme-color); } .testimonial-v1 .testimonial-item { text-align: center; background: #fff; padding: 60px 30px; } .testimonial-v1 .testimonial-item .quote { line-height: 28px; position: relative; padding-top: 35px; } .testimonial-v1 .testimonial-item .avatar { text-align: center; } .testimonial-v1 .testimonial-item .avatar img { width: 100px; height: 100px; border-radius: 50%; } .testimonial-v1 .testimonial-item .content .title { margin: 30px 0 10px; font-size: 16px; font-weight: 700; line-height: 1; color: #000; } .testimonial-v1 .testimonial-item .content .job { font-size: 12px; color: #bbbbbb; } .view-testimonial-v2 { position: relative; float: left; width: 100%; } .view-testimonial-v2 .owl-dots { text-align: left; position: relative; margin-top: 20px; float: left; width: 100%; } .view-testimonial-v2 .owl-dots .owl-dot { display: inline-block; padding: 0; margin: 5px; background: none; width: 45px; height: 45px; border-radius: 0; border: 2px solid #dee2e6; -webkit-box-shadow: none; box-shadow: none; text-align: center; position: relative; z-index: 9; } .view-testimonial-v2 .owl-dots .owl-dot.active { border-color: var(--ziston-theme-color); } .view-testimonial-v2 .owl-nav { display: none; } .testimonial-grid .item-grid { margin-bottom: 45px; } .testimonial-grid .item-grid::after { display: block; clear: both; content: ""; } .testimonial-grid .item-grid .testimonials-quote { font-size: 16px; color: #000; padding: 30px; border: 1px solid #dee2e6; font-weight: 300; font-style: italic; } .testimonial-grid .item-grid .testimonials-profile { display: inline-block; position: relative; margin-left: 30px; float: left; padding-top: 20px; } .testimonial-grid .item-grid .testimonials-profile:after { content: ""; position: absolute; width: 50px; height: 2px; background: var(--ziston-theme-color); top: -1px; left: 0; z-index: 1; } .testimonial-grid .item-grid .testimonials-profile .right { padding-left: 70px; } .testimonial-grid .item-grid .testimonials-profile .right .name { font-size: 16px; font-weight: 700; color: #000000; margin: 0; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .right .job { font-size: 12px; font-weight: 900; color: var(--ziston-theme-color); text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .left { display: inline-block; float: left; } .testimonial-grid .item-grid .testimonials-profile .left img { border-radius: 50%; width: 50px; height: auto; } .slider-gallery-v1 { margin-left: -3px !important; margin-right: -3px !important; } .slider-gallery-v1 .carousel-item { float: left; padding-right: 3px !important; } .slider-gallery-v1 img { -webkit-transform-style: none !important; transform-style: none !important; -webkit-transform: none !important; transform: none !important; } .slider-gallery-v1 .gallery-large { background: #fff; } .slider-gallery-v1 .gallery-large img { width: 100%; height: auto; } .slider-gallery-v1 div > .gallery-small { width: 50% !important; background: transparent !important; float: left; } .slider-gallery-v1 div > .gallery-small .gallery-small-item { background: #fff; width: 100% !important; height: auto !important; float: left; clear: both; padding-bottom: 3px; margin: 0; } .slider-gallery-v1 div > .gallery-small .gallery-small-item:last-child { padding-bottom: 0; } .slider-gallery-v1 div > .gallery-small .gallery-small-item img { width: 100%; height: auto; } .small-list .item-list ul > li { border-bottom: 1px solid #dee2e6; margin-bottom: 15px !important; padding-bottom: 15px; } .small-list .item-list ul > li a { font-size: 12px; text-transform: uppercase; color: #000; font-weight: 700; } .small-list .item-list ul > li a:hover { color: var(--ziston-theme-color); } .small-list .item-list ul > li:last-child { border: none; margin-bottom: 0 !important; padding-bottom: 0; } .tags-list .item-list > ul > li { margin-bottom: 5px; display: inline-block; float: left; margin-right: 10px; } .tags-list .item-list > ul > li a { padding: 8px 16px; overflow: hidden; font-size: 14px; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; font-weight: 500; background: #fff; font-family: var(--ziston-heading-font-family); } @media (prefers-reduced-motion: reduce) { .tags-list .item-list > ul > li a { -webkit-transition: none; transition: none; } } .tags-list .item-list > ul > li a:hover, .tags-list .item-list > ul > li a:focus, .tags-list .item-list > ul > li a:active { background: var(--ziston-theme-color); color: #fff; } .banner-carousel .init-carousel-owl { margin-left: 0; margin-right: 0; } .banner-carousel .init-carousel-owl .item { padding: 0; border-left: 0; text-align: center; position: relative; } .banner-carousel.v2 .item { padding: 0; height: auto; background: transparent; } .banner-carousel.v2 .item > div { padding: 15px 20px; text-align: center; position: relative; } .banner-carousel.v2 .item > div:last-child { border: none; } .block.block-gavias-blockbuilder { padding-bottom: 0 !important; margin-bottom: 0 !important; } .block.block-gavias-blockbuilder ul > li { list-style: none; } .gbb-row-wrapper .bb-container { position: relative; z-index: 2; } .gbb-row-wrapper .bb-container.container-fw { max-width: 100%; } .gbb-row-wrapper .bb-container.container-fw > .row { margin: 0; } .gbb-row-wrapper .icon-row { color: var(--ziston-theme-color); } .gbb-row-wrapper .gbb-row-wrapper .bb-inner { padding: 0; } .row-box { padding-left: 120px; padding-right: 120px; } @media (max-width: 575.98px) { .row-box { padding-left: 50px; padding-right: 50px; } } .container .container { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .bb-container.full-screen { display: table; table-layout: fixed; width: 100%; } .bb-container.full-screen .bb-inner { padding: 0 !important; } .bb-container.full-screen > .row { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .gbb-row.polygon { -webkit-clip-path: polygon(100% 0, 100% 66%, 0% 100%, -200% 0%); clip-path: polygon(100% 0, 100% 66%, 0% 100%, -200% 0%); } @media (max-width: 575.98px) { .gbb-row.row-border .row-wrapper > .gsc-column { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 30px; padding-bottom: 15px; } .gbb-row.row-border .row-wrapper > .gsc-column:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } } .gbb-row.row-border .row-wrapper > .gsc-column:after { content: ''; width: 1px; height: auto; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; background: rgba(255, 255, 255, 0.3); } @media (max-width: 575.98px) { .gbb-row.row-border .row-wrapper > .gsc-column:after { display: none; } } .gbb-row.row-border .row-wrapper > .gsc-column .column-inner { padding-left: 15px; padding-right: 15px; } .gbb-row.row-border .row-wrapper > .gsc-column:last-child:after { display: none !important; } .gbb-row.row-border .row-wrapper > .gsc-column[class*='col-lg-12']:after { display: none; } .gbb-row.border-inner-row .row-wrapper { border-bottom: 1px solid #dee2e6; } .gsc-column.gva-parallax-background > .column-inner { position: relative; z-index: 9; } .row-style-1 > .bb-inner { padding-top: 0 !important; margin-top: -100px; overflow: hidden; } .row-style-1 > .bb-inner > .bb-container { background: #fff; position: relative; border-radius: 0 5px 0 0; } .row-style-1 > .bb-inner > .bb-container:before { content: ''; width: 2000px; height: 10px; background: var(--ziston-theme-color); top: 0; right: 0; position: absolute; z-index: 2; border-radius: 0 4px 0 0; } .row-style-1 > .bb-inner > .bb-container:after { content: ''; width: 1000px; height: 100%; background: #fff; top: 0; right: 100%; position: absolute; z-index: 1; } .row-style-1 > .bb-inner > .bb-container > .row > .gsc-column { border-right: 1px solid #dee2e6; padding-top: 110px; } @media (max-width: 992px) { .row-style-1 > .bb-inner > .bb-container > .row > .gsc-column { border-right: 0; border-bottom: 1px solid #dee2e6; padding: 40px 0; } } .row-style-1 > .bb-inner > .bb-container > .row > .gsc-column:last-child { border-right: 0; } .row-style-2 > .bb-inner { padding-top: 0 !important; margin-top: -80px; } .row-style-2 > .bb-inner > .bb-container { background: #fff; position: relative; border-radius: 5px; border-top: 10px solid var(--ziston-theme-color); -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); } .row-style-2 > .bb-inner > .bb-container > .row { padding: 50px 0; } .row-style-2 > .bb-inner > .bb-container > .row > .gsc-column { border-right: 1px solid #dee2e6; padding-top: 30px; padding-bottom: 30px; } .row-style-2 > .bb-inner > .bb-container > .row > .gsc-column:last-child { border-right: 0; } .column-style-1 > .column-inner { padding-left: calc((100vw - 1200px) / 2); } @media (max-width: 991.98px) { .column-style-1 > .column-inner { padding-left: calc((100vw - 992px) / 2); } } @media (max-width: 767.98px) { .column-style-1 > .column-inner { padding-left: calc((100vw - 768px) / 2); } } @media (max-width: 575.98px) { .column-style-1 > .column-inner { padding-left: calc((100vw - 540px) / 2); } } @media (max-width: 575px) { .column-style-1 > .column-inner { padding-left: 15px; } } .column-style-1 > .column-inner .bb-container { margin: 0; } .column-style-2 > .column-inner { padding-right: calc((100vw - 1200px) / 2); } @media (max-width: 991.98px) { .column-style-2 > .column-inner { padding-right: calc((100vw - 992px) / 2); } } @media (max-width: 767.98px) { .column-style-2 > .column-inner { padding-right: calc((100vw - 768px) / 2); } } @media (max-width: 575.98px) { .column-style-2 > .column-inner { padding-right: calc((100vw - 540px) / 2); } } @media (max-width: 575px) { .column-style-2 > .column-inner { padding-right: 15px; } } .column-style-2 > .column-inner .bb-container { margin: 0; } .column-style-3 > .column-inner { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .column-style-4 > .column-inner { max-width: 1600px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .column-box-to-top { margin: -80px auto 0; padding: 60px; background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.06); } @media (max-width: 767.98px) { .column-box-to-top { padding: 60px 30px; } } @media (max-width: 575.98px) { .column-box-to-top { padding: 50px 15px; margin-top: -50px; } } .column-box-shadow { background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.06); padding: 60px; } @media (max-width: 767.98px) { .column-box-shadow { padding: 30px; } } .grid-small .container { max-width: 900px; margin: 0 auto; } .gavias-blockbuilder-content { position: relative; } .gavias-blockbuilder-content .link-edit-blockbuider { border: 1px solid #dee2e6; position: absolute; top: 30px; left: 0px; z-index: 99; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); background: var(--ziston-theme-color); color: #fff; text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block; padding: 10px; } @media (prefers-reduced-motion: reduce) { .gavias-blockbuilder-content .link-edit-blockbuider { -webkit-transition: none; transition: none; } } .gavias-blockbuilder-content .link-edit-blockbuider:hover, .gavias-blockbuilder-content .link-edit-blockbuider:focus, .gavias-blockbuilder-content .link-edit-blockbuider:active { color: #fff; } @media (max-width: 767.98px) { .gbb-row[style*="padding-top"] { padding-top: 25px !important; } .gbb-row[style*="padding-bottom"] { padding-bottom: 25px !important; } } .gbb-row .bb-inner { padding-top: 60px; padding-bottom: 60px; } @media (max-width: 1024.98px) { .gbb-row .bb-inner { padding-top: 20px; padding-bottom: 40px; } } .gbb-row .bb-inner.padding-small { padding-top: 20px; padding-bottom: 40px; } .gbb-row .bb-inner.padding-bottom-small { padding-bottom: 50px; } @media (max-width: 1024.98px) { .gbb-row .bb-inner.padding-bottom-small { padding-bottom: 40px; } } .gbb-row .bb-inner.padding-top-large { padding-top: 160px; } @media (max-width: 1024.98px) { .gbb-row .bb-inner.padding-top-large { padding-top: 130px; } } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-top-large { padding-top: 90px; } } .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 160px; } @media (max-width: 1024.98px) { .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 130px; } } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 90px; } } .gbb-row .bb-inner.remove_margin { margin: 0 !important; } .gbb-row .bb-inner.remove_padding { padding: 0 !important; } .gbb-row .bb-inner.remove_padding_col > .bb-container > .row-wrapper { margin-left: 0 !important; margin-right: 0 !important; } .gbb-row .bb-inner.remove_padding_col > .bb-container > .row-wrapper > div.gsc-column { padding-left: 0 !important; padding-right: 0 !important; } .gbb-row .bb-inner.remove_padding_top { padding-top: 0 !important; } .gbb-row .bb-inner.remove_padding_bottom { padding-bottom: 0 !important; } .gbb-row .bb-inner.padding-large { padding-top: 180px; padding-bottom: 180px; } @media (max-width: 1024.98px) { .gbb-row .bb-inner.padding-large { padding-top: 120px !important; padding-bottom: 120px !important; } } @media (max-width: 991.98px) { .gbb-row .bb-inner.padding-large { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-large { padding-top: 50px !important; padding-bottom: 50px !important; } } .widget { /******************** Block for drupal ***********************/ /******************** Chart *****************************/ } .widget.gsc-block-drupal { margin-bottom: 35px; } .widget.gsc-block-drupal.hidden-title-off .block-inner .block-title h2 { display: none !important; } .widget.gsc-block-drupal.title-align-center .block-title { text-align: center; } .widget.gsc-block-drupal.title-align-left .block-title { text-align: left; } .widget.gsc-block-drupal.title-align-right .block-title { text-align: right; } .widget.gsc-block-drupal.text-light div { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-title { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-content *, .widget.gsc-block-drupal.text-light .block-inner .block-content div { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-content *:after, .widget.gsc-block-drupal.text-light .block-inner .block-content *:before, .widget.gsc-block-drupal.text-light .block-inner .block-content div:after, .widget.gsc-block-drupal.text-light .block-inner .block-content div:before { color: rgba(255, 255, 255, 0.2); } .widget.gsc-block-drupal.remove-margin-on { margin-bottom: 0 !important; } .widget.gsc-block-drupal.remove-margin-on .block { margin-bottom: 0 !important; } .widget.gsc-progress { margin-bottom: 35px; } .widget.gsc-progress .progress { height: 10px !important; } .widget.gsc-progress .progress-bar span { top: 0; } .widget.gsc-progress .progress-label { font-size: 18px; font-family: var(--ziston-heading-font-family); } .widget.gsc-progress .percentage { color: #000; } .widget.gsc-progress.text-light .progress-label { color: #fff; } .gsc-block-view.remove-margin-on { margin-bottom: 0 !important; } .column-content.text-quote { padding: 165px 20px; max-width: 820px; margin: 0 auto; } @media (max-width: 767.98px) { .column-content.text-quote { padding: 20px 20px; } } .column-content.text-quote-2 { padding: 80px 20px; max-width: 1000px; margin: 0 auto; } @media (max-width: 767.98px) { .column-content.text-quote-2 { padding: 20px 20px; } } .gsc-accordion .accordion { -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); } .gsc-accordion .accordion .accordion-item { border: none; border-bottom: 1px solid #dee2e6; } .gsc-accordion .accordion .accordion-item .accordion-header .accordion-button { border: none; -webkit-box-shadow: none; box-shadow: none; background: #fff; color: var(--ziston-theme-color); font-weight: 600; font-size: 18px; padding-left: 30px; padding-right: 30px; } .gsc-accordion .accordion .accordion-item .accordion-header .accordion-button:after { -webkit-filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5); filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5); } .gsc-accordion .accordion .accordion-item .accordion-header .accordion-button.collapsed { background: #fff; color: #000; } .gsc-accordion .accordion .accordion-item .accordion-body { padding-top: 0; padding-left: 30px; padding-right: 30px; font-size: 18px; } .gsc-call-to-action .title { font-weight: 700; font-size: 42px; margin: 0; } @media (max-width: 767.98px) { .gsc-call-to-action .title.fsize-00 { font-size: 34px; } } .gsc-call-to-action .sub-title { color: var(--ziston-theme-color); font-family: "Sacramento"; font-size: 34px; font-weight: 400; } .gsc-call-to-action .video-inner { margin-bottom: 45px; } .gsc-call-to-action .video-inner .link-video { display: inline-block; font-size: 24px; color: #fff; background: var(--ziston-theme-color); text-align: center; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; width: 80px; height: 80px; line-height: 82px; border-radius: 4px; } @media (prefers-reduced-motion: reduce) { .gsc-call-to-action .video-inner .link-video { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .gsc-call-to-action .video-inner .link-video { width: 60px; height: 60px; line-height: 62px; } } .gsc-call-to-action .video-inner .link-video::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 4px; -webkit-animation: pulse-border-2 1.5s linear infinite; animation: pulse-border-2 1.5s linear infinite; } .gsc-call-to-action .video-inner .link-video::after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 4px; -webkit-animation: pulse-border 1s linear infinite; animation: pulse-border 1s linear infinite; } .gsc-call-to-action .video-inner .link-video:hover { -webkit-transform: scale(0.9); transform: scale(0.9); } .gsc-call-to-action .button-action > a { margin: 0 10px; display: inline-block; } .gsc-call-to-action .button-action > a:first-child { margin-left: 0; } .gsc-call-to-action .button-action > a:last-child { margin-right: 0; } .gsc-call-to-action .desc { line-height: 30px; } .gsc-call-to-action.button-right { position: relative; } .gsc-call-to-action.button-right .title { margin: 0 0 10px !important; } .gsc-call-to-action.button-right .heading-line { margin: 16px 0; } .gsc-call-to-action.button-right .content { padding-right: 170px; } @media (max-width: 800px) { .gsc-call-to-action.button-right .content { padding-right: 0; } } .gsc-call-to-action.button-right .content p { margin: 0; } .gsc-call-to-action.button-right .button-action { position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -20px; } @media (max-width: 800px) { .gsc-call-to-action.button-right .button-action { position: relative; margin-top: 15px; } } .gsc-call-to-action.button-left { position: relative; text-align: right; } .gsc-call-to-action.button-left .title { margin: 0 0 10px !important; } .gsc-call-to-action.button-left .heading-line { margin: 16px 0; } .gsc-call-to-action.button-left .content { padding-left: 210px; } @media (max-width: 800px) { .gsc-call-to-action.button-left .content { padding-left: 0; } } .gsc-call-to-action.button-left .content p { margin: 0; } .gsc-call-to-action.button-left .button-action { position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 1; } @media (max-width: 800px) { .gsc-call-to-action.button-left .button-action { position: relative; margin-top: 15px; } } .gsc-call-to-action.button-bottom { padding: 0 0 30px; } .gsc-call-to-action.button-bottom .title { position: relative; margin-bottom: 32px; } @media (max-width: 767.98px) { .gsc-call-to-action.button-bottom .title { font-size: 32px; margin-bottom: 20px; } } .gsc-call-to-action.button-bottom .title .text-small { font-size: 28px; line-height: 36px; } .gsc-call-to-action.button-bottom .heading-line { margin: 16px 0; } .gsc-call-to-action.button-bottom .desc { font-size: 16px; } .gsc-call-to-action.button-bottom .button-action { margin-top: 45px; } @media (max-width: 767.98px) { .gsc-call-to-action.button-bottom .button-action { margin-top: 30px; } } .gsc-call-to-action.button-bottom.text-light .title:after { background: #fff; } .gsc-call-to-action.button-bottom-right { padding: 30px 0; text-align: right; } @media (max-width: 767.98px) { .gsc-call-to-action.button-bottom-right { padding: 0; } } .gsc-call-to-action.button-bottom-right .title { position: relative; margin-top: 0; letter-spacing: 0; font-weight: 700; margin-bottom: 32px; } .gsc-call-to-action.button-bottom-right .title:after { left: auto; right: 0; } .gsc-call-to-action.button-bottom-right .title .text-small { font-size: 30px; } .gsc-call-to-action.button-bottom-right .desc { font-size: 16px; } .gsc-call-to-action.button-bottom-right .button-action { margin-top: 20px; } .gsc-call-to-action.button-bottom-right.text-light .title:after { background: #fff; } .gsc-call-to-action.button-center { text-align: center; margin: 0 auto; } .gsc-call-to-action.button-center .sub-title { font-size: 70px; line-height: 70px; } @media (max-width: 1024px) { .gsc-call-to-action.button-center .sub-title { font-size: 50px; line-height: 50px; } } @media (max-width: 992px) { .gsc-call-to-action.button-center .sub-title { font-size: 40px; line-height: 40px; } } .gsc-call-to-action.button-center .title { font-size: 60px; position: relative; margin-bottom: 10px; margin-top: 0; } @media (max-width: 1024px) { .gsc-call-to-action.button-center .title { font-size: 50px; } } @media (max-width: 992px) { .gsc-call-to-action.button-center .title { font-size: 40px; } } .gsc-call-to-action.button-center .desc { margin-top: 20px; } .gsc-call-to-action.button-center .button-action { margin-top: 45px; } .gsc-call-to-action.button-center .content { margin: 0 auto; } .gsc-call-to-action.button-center.text-light .title:after { background: #fff; } .gsc-call-to-action.text-light .content { color: #fff; } .gsc-call-to-action.text-light .content .title { color: #fff; } .gsc-call-to-action.text-light .content .desc * { opacity: 0.9; } .gsc-call-to-action.text-light .subtitle { opacity: 0.9; } .gsc-call-to-action.text-light-2 .content { color: #fff; } .gsc-call-to-action.text-light-2 .content .title { color: #fff; } .gsc-call-to-action.text-light-2 .content .sub-title { color: #fff; } .gsc-call-to-action.text-light-2 .content .desc * { opacity: 0.9; } .milestone-block { margin-bottom: 30px; } .milestone-block.position-icon-top { text-align: center; display: block; width: 100%; padding: 45px 30px; background: rgba(0, 0, 0, 0.3); } .milestone-block.position-icon-top .milestone-icon { color: var(--ziston-theme-color); display: inline-block; text-align: center; float: none; margin: 0; margin-bottom: 15px; display: inline-block; } .milestone-block.position-icon-top .milestone-icon .icon { color: var(--ziston-theme-color); font-size: 60px; line-height: 1; } .milestone-block.position-icon-top .milestone-right { display: block; text-align: center; float: none; width: 100%; margin-top: 10px; } .milestone-block.position-icon-top .milestone-number { font-size: 26px; font-weight: 700; line-height: 1.1; } .milestone-block.position-icon-top .milestone-text { font-size: 14px; font-weight: 400; color: #161c26; } .milestone-block.position-icon-left { background: #fff; margin-bottom: 20px; } .milestone-block.position-icon-left::after { display: block; clear: both; content: ""; } .milestone-block.position-icon-left .milestone-icon { color: var(--ziston-theme-color); display: inline-block; text-align: center; float: none; margin: 0; width: 70px; height: 70px; border: 1px solid #dee2e6; border-radius: 50%; padding: 10px; margin-bottom: 5px; display: inline-block; float: left; } .milestone-block.position-icon-left .milestone-icon .icon { display: block; width: 100%; height: 100%; border-radius: 50%; text-align: center; line-height: 50px; color: #fff; background: var(--ziston-theme-color); font-size: 18px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .milestone-block.position-icon-left .milestone-icon span { color: var(--ziston-theme-color); font-size: 38px; line-height: 1; } .milestone-block.position-icon-left .milestone-right { padding-left: 85px; text-align: left; padding-top: 10px; } .milestone-block.position-icon-left .milestone-right .milestone-number { color: #000; text-align: left; font-size: 28px; line-height: 1; padding-top: 20px; } .milestone-block.position-icon-left .milestone-right .milestone-text { font-size: 18px; text-align: left; font-weight: 700; width: 100%; } .milestone-block.position-no-icon { margin-bottom: 5px; } .milestone-block.position-no-icon .milestone-right { display: block; text-align: center; } .milestone-block.position-no-icon .milestone-right .milestone-number-inner { font-size: 60px; line-height: 1.2; color: #000; font-family: var(--ziston-heading-font-family); font-weight: 500; } @media (max-width: 767.98px) { .milestone-block.position-no-icon .milestone-right .milestone-number-inner { font-size: 38px; } } .milestone-block.position-no-icon .milestone-right .milestone-number-inner .symbol { color: #000; font-size: 60px; } @media (max-width: 767.98px) { .milestone-block.position-no-icon .milestone-right .milestone-number-inner .symbol { font-size: 38px; } } .milestone-block.position-no-icon .milestone-right .milestone-text { font-size: 16px; line-height: 24px; margin: 2px 0 0; font-weight: 400; color: #797F89; } .milestone-block.position-icon-box { background: var(--ziston-theme-color); border-radius: 4px; text-align: center; padding: 50px 30px; position: relative; margin-bottom: 0; } .milestone-block.position-icon-box .milestone-icon { width: 120px; height: 120px; border-radius: 50%; text-align: center; padding: 32px 10px 10px; background: #000; color: #fff; line-height: 85px; position: relative; display: inline-block; } .milestone-block.position-icon-box .milestone-icon .icon { font-size: 60px; } .milestone-block.position-icon-box .milestone-right { position: relative; z-index: 9; } .milestone-block.position-icon-box .milestone-right .milestone-number-inner { font-size: 90px; line-height: 1; color: #fff; font-weight: 700; padding: 20px 0; } .milestone-block.position-icon-box .milestone-right .milestone-text { font-size: 18px; color: #fff; font-weight: 400; line-height: 30px; } .milestone-block.position-icon-box .icon-background { position: absolute; bottom: -20%; right: -20%; font-size: 290px; color: #000; opacity: 0.08; z-index: 1; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); line-height: 1; } .milestone-block[style*="background-color"] { padding: 50px 20px; } @media (max-width: 575.98px) { .milestone-block[style*="background-color"] { padding: 30px 20px; } } .milestone-block.text-light .milestone-text { color: #fff !important; } .milestone-block.text-light .milestone-icon span { border-color: #fff; color: #fff; } .gsc-icon-box { position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .gsc-icon-box { -webkit-transition: none; transition: none; } } .gsc-icon-box::after { display: block; clear: both; content: ""; } .gsc-icon-box.icon-image.left { padding-right: 30px; } @media (max-width: 767.98px) { .gsc-icon-box.icon-image.left { padding-right: 0; } } .gsc-icon-box.icon-image .fa-1x { display: block; width: 24px; } .gsc-icon-box.icon-image .fa-2x { display: block; width: 32px; } .gsc-icon-box.icon-image .fa-3x { display: block; width: 64px; } .gsc-icon-box.icon-image .fa-4x { display: block; width: 96px; } .gsc-icon-box.icon-image.top-center .fa-3x .icon img { margin-top: 25px; } .gsc-icon-box.icon-image.top-center .fa-4x .icon img { margin-top: 30px; } .gsc-icon-box .highlight_content { margin-top: 5px; } .gsc-icon-box .highlight_content .title { font-size: 20px; color: #000; margin: 0 0 10px; } .gsc-icon-box .highlight_content .desc p { margin-bottom: 0; } .gsc-icon-box .highlight_content.verticle-align-top { vertical-align: top; } .gsc-icon-box .highlight_content.verticle-align-bottom { vertical-align: bottom; } .gsc-icon-box .highlight_content.verticle-align-middle { vertical-align: middle; } .gsc-icon-box .highlight-icon .icon-container { text-align: center; line-height: 1; position: relative; color: #000; } .gsc-icon-box .highlight-icon .icon-container .icon { position: relative; z-index: 11; display: inline-block; } .gsc-icon-box .highlight-icon .icon-container.icon-shadow { -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16); } .gsc-icon-box .highlight-icon .icon-container.fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box .highlight-icon .icon-container.text-theme[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .gsc-icon-box .highlight-icon .icon-container.text-white[class*="border-"] { border-color: rgba(255, 255, 255, 0.2); } .gsc-icon-box .highlight-icon .icon-container.text-black { color: #161c26; } .gsc-icon-box .highlight-icon .icon-container.text-black[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .gsc-icon-box .highlight-icon .icon-container.radius-1x:after { border-radius: 3px; } .gsc-icon-box .highlight-icon .icon-container.radius-2x:after { border-radius: 5px; } .gsc-icon-box .highlight-icon .icon-container.radius-5x:after { border-radius: 50%; } .gsc-icon-box.icon-background .highlight-icon .icon-container { -webkit-transition: all 0.5s; transition: all 0.5s; } @media (prefers-reduced-motion: reduce) { .gsc-icon-box.icon-background .highlight-icon .icon-container { -webkit-transition: none; transition: none; } } .gsc-icon-box.icon-background .highlight-icon .icon-container:after { top: 0px; left: 0px; z-index: 1; position: absolute; width: 100%; height: 100%; content: ''; -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s; transition: all 0.5s; } @media (prefers-reduced-motion: reduce) { .gsc-icon-box.icon-background .highlight-icon .icon-container:after { -webkit-transition: none; transition: none; } } .gsc-icon-box.icon-background .highlight-icon .icon-container.bg-black:after { background: #000; } .gsc-icon-box.icon-background .highlight-icon .icon-container.bg-theme:after { background: var(--ziston-theme-color); } .gsc-icon-box.icon-background.icon-border .highlight-icon .icon-container.bg-black { border-color: #000; } .gsc-icon-box.icon-background.icon-border .highlight-icon .icon-container.bg-theme { border-color: var(--ziston-theme-color); } .gsc-icon-box.icon-border:not(.icon-background) .highlight-icon .icon-container { color: var(--ziston-theme-color); } .gsc-icon-box.top-center { text-align: center; max-width: 550px; margin-right: auto; margin-left: auto; } .gsc-icon-box.top-center .highlight-icon { text-align: center; padding-right: 0 !important; margin-bottom: 15px; } .gsc-icon-box.top-center .highlight-icon .icon-container { display: inline-block; } .gsc-icon-box.top-center .highlight-icon .icon-container.fa-1x { font-size: 1.4em; } .gsc-icon-box.top-center .title { position: relative; margin: 18px 0 16px; } .gsc-icon-box.top-center .highlight_content { text-align: center; max-width: 300px; margin: 0 auto; } .gsc-icon-box.top-center .highlight_content .desc { text-align: center; font-weight: 400; text-transform: normal; } .gsc-icon-box.top-left { text-align: left; clear: both; } .gsc-icon-box.top-left .title { margin: 16px 0 20px; } .gsc-icon-box.top-right { text-align: right; clear: both; float: right; } .gsc-icon-box.top-right .title { margin: 16px 0 20px; } .gsc-icon-box.top-right .highlight-icon { width: 100%; text-align: right; } .gsc-icon-box.top-right .highlight-icon .icon-container { display: inline-block; } .gsc-icon-box.right, .gsc-icon-box.left { display: table; max-width: 600px; } .gsc-icon-box.right .highlight-icon, .gsc-icon-box.left .highlight-icon { display: table-cell; vertical-align: top; } .gsc-icon-box.right .highlight_content, .gsc-icon-box.left .highlight_content { display: table-cell; } .gsc-icon-box.right .highlight_content .title, .gsc-icon-box.left .highlight_content .title { margin: 0 0 15px; } .gsc-icon-box.right .highlight_content .desc, .gsc-icon-box.left .highlight_content .desc { margin-top: 8px; } .gsc-icon-box.right.icon-background .highlight-icon, .gsc-icon-box.left.icon-background .highlight-icon { padding-top: 0; } .gsc-icon-box.right { text-align: right; } .gsc-icon-box.right .highlight-icon { padding-left: 20px; } .gsc-icon-box.left { text-align: left; } .gsc-icon-box.left .highlight-icon { padding-right: 20px; } @media (max-width: 767.98px) { .gsc-icon-box.responsive-1 { margin: 0 auto; float: none; } .gsc-icon-box.responsive-1 .highlight-icon { width: 100%; display: block; margin-bottom: 10px; } .gsc-icon-box.responsive-1 .highlight_content { width: 100%; display: block; padding: 0; } } @media (max-width: 575.98px) { .gsc-icon-box.responsive-2 { margin: 0 auto; float: none; } .gsc-icon-box.responsive-2 .highlight-icon { width: 100%; display: block; margin-bottom: 20px; } .gsc-icon-box.responsive-2 .highlight_content { width: 100%; display: block; padding: 0; } } .gsc-icon-box.box-background { padding: 30px 40px; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 6px; -webkit-box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.1); } @media (prefers-reduced-motion: reduce) { .gsc-icon-box.box-background { -webkit-transition: none; transition: none; } } .gsc-icon-box.box-background.active, .gsc-icon-box.box-background:hover, .gsc-icon-box.box-background:focus, .gsc-icon-box.box-background:active { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); } .gsc-icon-box.border-s1 .icon-inner { padding: 6px; border: 2px solid #dee2e6; display: inline-block; } .gsc-icon-box.border-s1 .icon-inner .fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box.border-s1 .icon-inner .fa-2x { font-size: 1.6em; } .gsc-icon-box.border-s1 .icon-inner .fa-1x { font-size: 1.2em; } .gsc-icon-box.border-s1 .icon-inner .fa-1x .fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box .i-border-theme { border-color: var(--ziston-theme-color) !important; } .gsc-icon-box .i-border-black { border-color: #071F20 !important; } .gsc-icon-box .i-border-dark { border-color: #f1f1f1 !important; } .gsc-icon-box .i-border-white { border-color: #fff !important; } .gsc-icon-box:hover .highlight-icon .icon { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .gsc-icon-box-carousel.style-1 { background: #fff; border-radius: 4px; padding: 0 82px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 767px) { .gsc-icon-box-carousel.style-1 { padding: 0; } } .gsc-icon-box-carousel.style-1 .icon-box-item { padding: 0; } .gsc-icon-box-carousel.style-1 .icon-box-item-content { position: relative; padding: 0; } .gsc-icon-box-carousel.style-1 .icon-box-item-content .icon-box-item-inner { position: relative; background: #fff; padding: 40px 15px; margin: 0 auto; text-align: center; border-left: 1px solid #dee2e6; border-bottom: 2px solid transparent; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-icon-box-carousel.style-1 .icon-box-item-content .icon-box-item-inner::after { display: block; clear: both; content: ""; } .gsc-icon-box-carousel.style-1 .icon-box-item-content .icon-box-item-inner .box-icon { display: inline-block; font-size: 60px; line-height: 1.1; } .gsc-icon-box-carousel.style-1 .icon-box-item-content .icon-box-item-inner .box-icon i { color: var(--ziston-theme-color); } .gsc-icon-box-carousel.style-1 .icon-box-item-content .icon-box-item-inner .title { color: #000; font-size: 16px; font-weight: 600; display: block; line-height: 1.4; margin-bottom: 0; font-family: var(--ziston-font-sans-serif); } .gsc-icon-box-carousel.style-1 .icon-box-item-content .icon-box-item-inner .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .gsc-icon-box-carousel.style-1 .icon-box-item-content:hover .icon-box-item-inner .box-icon svg, .gsc-icon-box-carousel.style-1 .icon-box-item-content:hover .icon-box-item-inner .box-icon i, .gsc-icon-box-carousel.style-1 .icon-box-item-content.active .icon-box-item-inner .box-icon svg, .gsc-icon-box-carousel.style-1 .icon-box-item-content.active .icon-box-item-inner .box-icon i { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .gsc-icon-box-carousel.style-1 .icon-box-item-content .link-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; } .gsc-icon-box-carousel.style-1 .owl-carousel { margin-right: -1px; } .gsc-icon-box-carousel.style-1 .owl-carousel .owl-nav { opacity: 1; visibility: visible; } .gsc-icon-box-carousel.style-1 .owl-carousel .owl-item.first .icon-box-item-content .icon-box-item-inner { border-left-color: transparent; } .gsc-icon-box-carousel.style-1 .owl-carousel .owl-item.center .icon-box-item-content .icon-box-item-inner { background: #F0F3F6; border-bottom-color: var(--ziston-theme-color); } .gsc-icon-box-style.style-1 { position: relative; text-align: left; margin-bottom: 30px; } .gsc-icon-box-style.style-1::after { display: block; clear: both; content: ""; } .gsc-icon-box-style.style-1 .icon-box-content { text-align: center; padding: 50px 30px; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 4px; } @media (max-width: 991.98px) { .gsc-icon-box-style.style-1 .icon-box-content { border: 1px solid #dee2e6; } } .gsc-icon-box-style.style-1 .icon-box-content .box-icon { display: inline-block; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; margin-bottom: 20px; } .gsc-icon-box-style.style-1 .icon-box-content .box-icon i { color: var(--ziston-theme-color); -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; z-index: 11; height: auto; font-size: 60px; } .gsc-icon-box-style.style-1 .icon-box-content .box-icon img { max-width: 60px; } .gsc-icon-box-style.style-1 .box-content .title { color: #000; font-size: 22px; line-height: 30px; margin: 0 0 18px; display: block; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 991.98px) { .gsc-icon-box-style.style-1 .box-content .title { font-size: 20px; } } .gsc-icon-box-style.style-1 .box-content .content-inner { margin-top: 40px; padding-top: 40px; position: relative; } .gsc-icon-box-style.style-1 .box-content .content-inner .desc { font-weight: 500; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-icon-box-style.style-1 .link-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .gsc-icon-box-style.style-1:hover .icon-box-content, .gsc-icon-box-style.style-1.active .icon-box-content { background: var(--ziston-theme-color); } .gsc-icon-box-style.style-1:hover .icon-box-content .icon-inner .box-icon img, .gsc-icon-box-style.style-1:hover .icon-box-content .icon-inner .box-icon i, .gsc-icon-box-style.style-1.active .icon-box-content .icon-inner .box-icon img, .gsc-icon-box-style.style-1.active .icon-box-content .icon-inner .box-icon i { color: #fff; fill: #fff; -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .gsc-icon-box-style.style-1:hover .icon-box-content .box-content .title, .gsc-icon-box-style.style-1.active .icon-box-content .box-content .title { color: #fff; } .gsc-icon-box-style.style-1:hover .icon-box-content .box-content .desc, .gsc-icon-box-style.style-1.active .icon-box-content .box-content .desc { color: #fff; } .gsc-icon-box-style.style-2 { position: relative; text-align: left; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); margin-top: 50px; } .gsc-icon-box-style.style-2::after { display: block; clear: both; content: ""; } .gsc-icon-box-style.style-2 .box-icon { display: inline-block; background: var(--ziston-theme-color); text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; position: absolute; z-index: 9; top: -50px; left: 50%; margin-left: -50px; padding-top: 12px; } .gsc-icon-box-style.style-2 .box-icon i { color: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; z-index: 11; height: auto; font-size: 52px; } .gsc-icon-box-style.style-2 .box-icon i.flaticon-location-pin { padding-left: 14px; } .gsc-icon-box-style.style-2 .box-icon img { max-width: 52px; } .gsc-icon-box-style.style-2 .box-content { margin-top: 20px; position: relative; padding: 65px 30px 35px; text-align: center; overflow: hidden; border-radius: 4px; border-bottom: 2px solid transparent; background: #fff; z-index: 1; } .gsc-icon-box-style.style-2 .box-content .title { color: #000; font-size: 20px; display: block; line-height: 1.4; margin-bottom: 8px; position: relative; z-index: 11; } .gsc-icon-box-style.style-2 .box-content .desc { position: relative; z-index: 11; } .gsc-icon-box-style.style-2 .box-content .box-icon-hover { font-size: 180px; color: #F0F3F6; position: absolute; bottom: -105px; right: -100px; z-index: 1; -webkit-transform: rotate(-30deg) scale(0.6); transform: rotate(-30deg) scale(0.6); opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-icon-box-style.style-2:hover .box-content, .gsc-icon-box-style.style-2.active .box-content { border-bottom-color: var(--ziston-theme-color); } .gsc-icon-box-style.style-2:hover .box-content .box-icon-hover, .gsc-icon-box-style.style-2.active .box-content .box-icon-hover { -webkit-transform: rotate(-30deg) scale(1); transform: rotate(-30deg) scale(1); opacity: 1; right: -36px; } .gsc-icon-box-style.style-3 { position: relative; text-align: left; margin-bottom: 30px; } .gsc-icon-box-style.style-3::after { display: block; clear: both; content: ""; } .gsc-icon-box-style.style-3 .icon-box-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .gsc-icon-box-style.style-3 .icon-box-content .box-icon { display: inline-block; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; padding-right: 26px; padding-top: 6px; } .gsc-icon-box-style.style-3 .icon-box-content .box-icon i { color: var(--ziston-theme-color); -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; z-index: 11; height: auto; font-size: 60px; } .gsc-icon-box-style.style-3 .icon-box-content .box-icon img { max-width: 60px; } .gsc-icon-box-style.style-3 .box-content .title { color: #000; font-size: 20px; line-height: 36px; margin: 0 0 6px; display: block; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 991.98px) { .gsc-icon-box-style.style-3 .box-content .title { font-size: 18px; } } .gsc-icon-box-style.style-3 .box-content .content-inner { margin-top: 40px; padding-top: 40px; position: relative; } .gsc-icon-box-style.style-3 .box-content .content-inner .desc { font-weight: 500; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-icon-box-style:hover .icon-inner .box-icon i, .gsc-icon-box-style.active .icon-inner .box-icon i { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .gsc-video-box { position: relative; } .gsc-video-box.style-1 .video-inner { min-height: 120px; min-width: 120px; text-align: center; } @media (max-width: 991.98px) { .gsc-video-box.style-1 .video-inner { min-height: 100px; min-width: 100px; } } @media (max-width: 767.98px) { .gsc-video-box.style-1 .video-inner { min-height: 90px; min-width: 90px; } } @media (max-width: 575.98px) { .gsc-video-box.style-1 .video-inner { min-height: 60px; min-width: 60px; } } .gsc-video-box.style-1 .video-inner .video-content { position: absolute; top: 50%; left: 0; margin-top: -42px; z-index: 11; text-align: center; width: 100%; } .gsc-video-box.style-1 .video-inner .video-content > div { display: inline-block; } .gsc-video-box.style-1 .video-inner .video-content .title { font-family: "Sacramento"; font-size: 38px; color: #fff; } .gsc-video-box.style-1 .video-inner .video-content .video-action { margin: 0 30px; } .gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video { display: inline-block; font-size: 24px; color: var(--ziston-theme-color); background: #fff; text-align: center; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; width: 84px; height: 84px; border-radius: 50%; line-height: 84px; } @media (prefers-reduced-motion: reduce) { .gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video { -webkit-transition: none; transition: none; } } .gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 50%; -webkit-animation: pulse-border-2 1.5s linear infinite; animation: pulse-border-2 1.5s linear infinite; } .gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video::after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 50%; -webkit-animation: pulse-border 1s linear infinite; animation: pulse-border 1s linear infinite; } .gsc-video-box.style-1 .video-inner:hover .video-action .popup-video { -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.8); transform: scale(0.8); } .gsc-video-box.style-2 .video-inner .video-image { float: left; position: relative; width: 100%; } .gsc-video-box.style-2 .video-inner .video-image .video-action { position: absolute; top: 50%; left: 0; width: 100%; z-index: 11; margin-top: -23px; text-align: center; } .gsc-listings-banner { position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 30px; text-align: center; } .gsc-listings-banner .banner-image { position: relative; text-align: center; display: inline-block; } .gsc-listings-banner .banner-image:after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; z-index: 1; } .gsc-listings-banner .banner-image img { -webkit-transition: all 10s; transition: all 10s; } .gsc-listings-banner .banner-content { position: absolute; width: 100%; top: 0; padding: 60px; z-index: 11; } @media (max-width: 991.98px) { .gsc-listings-banner .banner-content { padding: 30px; } } @media (max-width: 767.98px) { .gsc-listings-banner .banner-content { padding: 30px 20px 20px; } } .gsc-listings-banner .banner-content .subtitle { font-family: "Sacramento"; font-size: 34px; color: #fff; line-height: 1; } @media (max-width: 991.98px) { .gsc-listings-banner .banner-content .subtitle { font-size: 30px; } } @media (max-width: 767.98px) { .gsc-listings-banner .banner-content .subtitle { font-size: 26px; } } .gsc-listings-banner .banner-content .title { font-size: 42px; font-weight: 700; text-transform: uppercase; color: #fff; margin: 0; line-height: 1.2; } @media (max-width: 991.98px) { .gsc-listings-banner .banner-content .title { font-size: 36px; } } @media (max-width: 767.98px) { .gsc-listings-banner .banner-content .title { font-size: 28px; } } @media (max-width: 575.98px) { .gsc-listings-banner .banner-content .title { font-size: 24px; } } .gsc-listings-banner .number-listings { font-size: 14px; font-weight: 600; background: var(--ziston-theme-color); color: #fff; padding: 6px 30px; text-align: center; border-radius: 4px 4px 0 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 12; white-space: nowrap; } @media (max-width: 991.98px) { .gsc-listings-banner .number-listings { padding: 6px 18px; } } .gsc-listings-banner .link-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; } .gsc-listings-banner.text-left .banner-content { text-align: left; } .gsc-listings-banner.text-left .number-listings { left: auto; right: 60px; -webkit-transform: translateX(0); transform: translateX(0); } .gsc-listings-banner.text-right .banner-content { text-align: right; } .gsc-listings-banner.text-right .number-listings { left: 60px; -webkit-transform: translateX(0); transform: translateX(0); } .gsc-listings-banner:hover .banner-image img { -webkit-transform: scale(1.2); transform: scale(1.2); } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content { position: relative; margin: 15px 0 30px; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .number-listings { display: inline-block; background: var(--ziston-theme-color); color: #fff; position: absolute; top: -15px; left: 30px; z-index: 11; font-size: 12px; padding: 2px 20px; border-radius: 4px; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .link-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-image { position: relative; z-index: 1; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-image:after { content: ''; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), to(rgba(0, 0, 0, 0.9))); background-image: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.9) 100%); width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 11; padding: 30px; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content { -webkit-transition: none; transition: none; } } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content:before, .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content:after { content: ''; position: absolute; width: 0; height: 50%; background: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; z-index: 1; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content:before { top: 0; left: 0; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content:after { bottom: 0; right: 0; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content .subtitle { font-family: "Sacramento"; color: var(--ziston-theme-color); font-size: 34px; position: relative; z-index: 11; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content .title { color: #fff; font-size: 42px; font-weight: 700; margin: 0; position: relative; z-index: 11; } @media (max-width: 1024.98px) { .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content .title { font-size: 36px; } } @media (max-width: 991.98px) { .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content .title { font-size: 30px; } } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content .banner-content .link-term { width: 46px; height: 46px; text-align: center; line-height: 45px; background: var(--ziston-theme-color); color: #fff; font-size: 22px; border-radius: 50%; position: absolute; top: 0; right: 30px; z-index: 11; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content:hover { -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content:hover .banner-content:before, .gsc-listing-banner-carousel.style-1 .listings-banner-item-content:hover .banner-content:after { width: 100%; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content:hover .banner-content .title { color: #000; } .gsc-listing-banner-carousel.style-1 .listings-banner-item-content:hover .banner-content .link-term { opacity: 1; top: -23px; } .gsc-listing-banner-carousel.style-1 .owl-item.center .listings-banner-item .listings-banner-item-content { -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } .gsc-listing-banner-carousel.style-1 .owl-item.center .listings-banner-item .listings-banner-item-content .banner-content:before, .gsc-listing-banner-carousel.style-1 .owl-item.center .listings-banner-item .listings-banner-item-content .banner-content:after { width: 100%; } .gsc-listing-banner-carousel.style-1 .owl-item.center .listings-banner-item .listings-banner-item-content .banner-content .title { color: #000; } .gsc-listing-banner-carousel.style-1 .owl-item.center .listings-banner-item .listings-banner-item-content .banner-content .link-term { opacity: 1; top: -23px; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content { border-radius: 4px; overflow: hidden; position: relative; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content { padding: 30px; background: #F0F3F6; text-align: center; position: relative; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content:before, .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content:after { content: ''; position: absolute; width: 0; height: 2px; bottom: 0; background: var(--ziston-theme-color); -webkit-transition: all 0.35s; transition: all 0.35s; z-index: 1; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content:before { left: 50%; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content:after { right: 50%; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content .title { margin: 0; font-size: 20px; font-weight: 600; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content .number-listings { font-size: 14px; font-weight: 500; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .banner-content .link-term { width: 46px; height: 46px; text-align: center; line-height: 45px; background: var(--ziston-theme-color); color: #fff; font-size: 18px; border-radius: 50%; position: absolute; top: 0; right: 30px; z-index: 11; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content .link-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content:hover { -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content:hover .banner-content { background: #fff; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content:hover .banner-content:before, .gsc-listing-banner-carousel.style-2 .listings-banner-item-content:hover .banner-content:after { width: 50%; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content:hover .banner-content .title { color: #000; } .gsc-listing-banner-carousel.style-2 .listings-banner-item-content:hover .banner-content .link-term { opacity: 1; top: -23px; } .gsc-listing-banner-carousel.style-2 .owl-item.center .listings-banner-item { -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); } .gsc-listing-banner-carousel.style-2 .owl-item.center .listings-banner-item .banner-content { background: #fff; } .gsc-listing-banner-carousel.style-2 .owl-item.center .listings-banner-item .banner-content:before, .gsc-listing-banner-carousel.style-2 .owl-item.center .listings-banner-item .banner-content:after { width: 50%; } .gsc-listing-banner-carousel.style-2 .owl-item.center .listings-banner-item .banner-content .title { color: #000; } .gsc-listing-banner-carousel.style-2 .owl-item.center .listings-banner-item .banner-content .link-term { opacity: 1; top: -23px; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content { border-radius: 4px; overflow: hidden; position: relative; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content:after { content: ''; background: #000; opacity: 0.36; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content .banner-content { padding: 30px; text-align: center; position: absolute; left: 0; width: 100%; z-index: 11; top: 50%; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content .banner-content .title { margin: 0; font-size: 30px; font-weight: 700; color: #fff; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content .banner-hover { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: 11; text-align: center; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; padding: 15px 20px; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content .banner-hover .subtitle { font-size: 18px; color: #fff; margin: 0 0 15px; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content .banner-hover .number-listings { font-size: 12px; font-weight: 600; font-family: "Sacramento"; color: #fff; background: var(--ziston-theme-color); padding: 2px 20px; display: inline-block; border-radius: 4px; letter-spacing: 0.5px; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content .link-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content:hover { -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content:hover:after { opacity: 0.6; } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content:hover .banner-content { opacity: 0; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } .gsc-listing-banner-carousel.style-3 .listings-banner-item-content:hover .banner-hover { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .gsc-team .social-icons a { width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; margin-right: 10px; display: inline-block; color: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } @media (prefers-reduced-motion: reduce) { .gsc-team .social-icons a { -webkit-transition: none; transition: none; } } .gsc-team .social-icons a:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); } .gsc-team .team-name { font-size: 20px; text-transform: capitalize; padding: 0 0 15px; position: relative; margin: 0; font-family: var(--ziston-heading-font-family); } @media (max-width: 767.98px) { .gsc-team .team-name { font-size: 18px; } } .gsc-team .team-position { text-transform: capitalize; color: var(--ziston-theme-color); font-size: 13px; } .gsc-team .team-info { margin: 15px 0; } .gsc-team.team-horizontal { margin-top: 50px; } .gsc-team.team-horizontal .team-header { position: relative; overflow: hidden; } .gsc-team.team-horizontal .team-header img { -webkit-transition: all 3s; transition: all 3s; display: inline-block; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-horizontal .team-header img { -webkit-transition: none; transition: none; } } .gsc-team.team-horizontal .team-header .box-hover { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); transform: scale(0.8); position: absolute; top: 0; left: 0; -webkit-transition: all 0.35s; transition: all 0.35s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } @media (prefers-reduced-motion: reduce) { .gsc-team.team-horizontal .team-header .box-hover { -webkit-transition: none; transition: none; } } .gsc-team.team-horizontal .team-header .box-hover .content-inner { position: absolute; top: 50%; margin-top: -15px; left: 0; width: 100%; height: auto; padding: 0 20px; } .gsc-team.team-horizontal .team-header .social-list a { background: none; color: #fff !important; -webkit-transition: all 0.35s; transition: all 0.35s; margin-right: 20px; display: inline-block; font-size: 16px; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-horizontal .team-header .social-list a { -webkit-transition: none; transition: none; } } .gsc-team.team-horizontal .team-header .social-list a:last-child { margin-right: 0; } .gsc-team.team-horizontal .team-header .social-list a:hover { color: var(--ziston-theme-color) !important; } .gsc-team.team-horizontal .team-name { font-size: 18px; margin: 0 0 12px 0; text-transform: uppercase; padding: 0 0 12px; position: relative; } .gsc-team.team-horizontal .team-name:after { bottom: 0; left: 0; content: ""; background: var(--ziston-theme-color); width: 45px; height: 1px; position: absolute; } .gsc-team.team-horizontal:hover .box-hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .gsc-team.team-horizontal:hover .team-header img { -webkit-transform: scale(1.2); transform: scale(1.2); } .gsc-team.team-vertical { position: relative; background: none; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 6px; max-width: 450px; margin: 0 auto 30px; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-vertical { -webkit-transition: none; transition: none; } } .gsc-team.team-vertical .team-header { overflow: hidden; position: relative; } .gsc-team.team-vertical .team-header img { -webkit-transition: all 3s; transition: all 3s; display: inline-block; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-vertical .team-header img { -webkit-transition: none; transition: none; } } .gsc-team.team-vertical .team-header .social-list { position: absolute; bottom: 45px; left: 0; width: 100%; z-index: 9; text-align: center; } .gsc-team.team-vertical .team-header .social-list a { background: none; color: #fff !important; -webkit-transition: all 0.35s; transition: all 0.35s; margin-right: 20px; display: inline-block; font-size: 16px; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-vertical .team-header .social-list a { -webkit-transition: none; transition: none; } } .gsc-team.team-vertical .team-header .social-list a:last-child { margin-right: 0; } .gsc-team.team-vertical .team-header .social-list a:hover { color: var(--ziston-theme-color) !important; } .gsc-team.team-vertical .team-name { padding: 0; color: #fff; font-family: var(--ziston-heading-font-family); } .gsc-team.team-vertical .team-position { color: rgba(255, 255, 255, 0.8); margin: 5px 0 0; } .gsc-team.team-vertical .team-content { color: #fff; } .gsc-team.team-vertical .box-hover { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); transform: scale(0.8); position: absolute; top: 0; left: 0; -webkit-transition: all 0.35s; transition: all 0.35s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } @media (prefers-reduced-motion: reduce) { .gsc-team.team-vertical .box-hover { -webkit-transition: none; transition: none; } } .gsc-team.team-vertical .box-hover .team-content { position: absolute; left: 0; width: 100%; height: auto; padding: 0 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gsc-team.team-vertical .team-body { bottom: 0; left: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-vertical .team-body { -webkit-transition: none; transition: none; } } .gsc-team.team-vertical .team-body .content-hover { opacity: 0; filter: alpha(opacity=0); } .gsc-team.team-vertical .team-body .info { padding: 20px 15px; position: relative; margin-top: -35px; margin-left: 15px; margin-right: 15px; z-index: 9; background: var(--ziston-theme-color); } .gsc-team.team-vertical:hover .box-hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .gsc-team.team-circle { margin-bottom: 30px; position: relative; background: none; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 50%; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-circle { -webkit-transition: none; transition: none; } } .gsc-team.team-circle .team-header { overflow: hidden; position: relative; } .gsc-team.team-circle .team-header img { -webkit-transition: all 3s; transition: all 3s; display: inline-block; border-radius: 50%; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-circle .team-header img { -webkit-transition: none; transition: none; } } .gsc-team.team-circle .team-header .social-list { position: absolute; bottom: 45px; left: 0; width: 100%; z-index: 9; text-align: center; } .gsc-team.team-circle .team-header .social-list a { background: none; color: #fff !important; -webkit-transition: all 0.35s; transition: all 0.35s; margin-right: 20px; display: inline-block; font-size: 16px; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-circle .team-header .social-list a { -webkit-transition: none; transition: none; } } .gsc-team.team-circle .team-header .social-list a:last-child { margin-right: 0; } .gsc-team.team-circle .team-header .social-list a:hover { color: var(--ziston-theme-color) !important; } .gsc-team.team-circle .team-name { padding: 0; color: #161c26; font-family: var(--ziston-heading-font-family); } .gsc-team.team-circle .team-position { color: #999; margin: 5px 0 0; } .gsc-team.team-circle .team-content { color: #999; } .gsc-team.team-circle .box-hover { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); transform: scale(0.8); position: absolute; top: 0; left: 0; -webkit-transition: all 0.35s; transition: all 0.35s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 50%; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-circle .box-hover { -webkit-transition: none; transition: none; } } .gsc-team.team-circle .box-hover .team-content { position: absolute; left: 0; width: 100%; height: auto; padding: 0 20px; } .gsc-team.team-circle .team-body { -webkit-transition: all 0.35s; transition: all 0.35s; text-align: center; } @media (prefers-reduced-motion: reduce) { .gsc-team.team-circle .team-body { -webkit-transition: none; transition: none; } } .gsc-team.team-circle .team-body .content-hover { opacity: 0; filter: alpha(opacity=0); } .gsc-team.team-circle .team-body .info { padding: 20px 15px; position: relative; margin-top: -35px; z-index: 9; background: #fff; } .gsc-team.team-circle:hover .box-hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .gva-job-box { padding: 30px; border: 1px solid #dee2e6; background: #fff; margin-bottom: 30px; display: table; width: 100%; } .gva-job-box .logo-inner { width: 60px; text-align: center; display: table-cell; } .gva-job-box .content-inner { display: table-cell; padding-left: 20px; } .gva-job-box .content-inner .job-type { font-size: 12px; text-transform: uppercase; font-weight: 700; display: inline-block; color: var(--ziston-theme-color); } .gva-job-box .content-inner .box-title { margin: 0 0 20px; font-size: 20px; } .gva-job-box .content-inner .information ul { margin: 0; padding: 0; list-style: none; } .gva-job-box .content-inner .information ul li { position: relative; font-size: 14px; } .gva-job-box .content-inner .information ul li i { color: var(--ziston-theme-color); width: 20px; text-align: left; font-size: 14px; } .gsc-our-gallery { margin-bottom: 30px; } .gsc-our-gallery .item .box-content { position: absolute; bottom: 0; right: 0; padding: 35px 30px; background: var(--ziston-theme-color); z-index: 9; max-width: 55%; } .gsc-our-gallery .item .box-content .title { color: #fff; font-size: 22px; font-weight: 700; line-height: 32px; position: relative; padding-bottom: 15px; margin-bottom: 15px; } @media (max-width: 575.98px) { .gsc-our-gallery .item .box-content .title { font-size: 18px; line-height: 24px; } } .gsc-our-gallery .item .box-content .title:after { content: ''; width: 50px; height: 2px; background: var(--ziston-theme-color-second); position: absolute; bottom: 0; left: 0; z-index: 1; } .gsc-our-gallery .item .box-content .desc { color: #fff; } @media (max-width: 575.98px) { .gsc-our-gallery .item .box-content .desc { display: none; } } .gsc-our-gallery .owl-nav .owl-prev { bottom: 15px; left: 15px; } .gsc-our-gallery .owl-nav .owl-next { bottom: 15px; left: 60px; right: auto; } .gsc-heading { padding: 0 0 30px; display: block; width: 100%; } .gsc-heading::after { display: block; clear: both; content: ""; } @media (max-width: 575.98px) { .gsc-heading { padding: 0 0 30px; } .gsc-heading.heading-bg-white { padding: 30px 20px !important; background: #fff; } } .gsc-heading .title { position: relative; margin: 0; } .gsc-heading .sub-title { color: var(--ziston-theme-color); font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 3px; margin-bottom: 5px; font-family: var(--ziston-heading-font-family); display: inline-block; } .gsc-heading .heading-action { margin-top: 15px; } .gsc-heading.align-center { text-align: center; margin: 0 auto; } .gsc-heading.align-left { text-align: left; } .gsc-heading.align-left .title-desc { float: left; } .gsc-heading.align-left .title-icon { padding-left: 50px; } .gsc-heading.align-right { text-align: right; float: right; } .gsc-heading.align-right::after { display: block; clear: both; content: ""; } .gsc-heading.align-right { text-align: right; } .gsc-heading.align-right .title-desc { float: right; } .gsc-heading.style-1 .title { font-size: 46px; position: relative; font-weight: 800; } @media (max-width: 991.98px) { .gsc-heading.style-1 .title { font-size: 42px; } } @media (max-width: 767.98px) { .gsc-heading.style-1 .title { font-size: 36px; } } @media (max-width: 575.98px) { .gsc-heading.style-1 .title { font-size: 30px; } } .gsc-heading.style-1 .title-desc { margin-top: 12px; } .gsc-heading.style-1 .title-desc p:last-child { margin-bottom: 0; } .gsc-heading.style-1.align-left .title:after { left: 0; margin-left: 0; } .gsc-heading.style-1.align-right .title:after { right: 0; margin-left: 0; } .gsc-heading.style-2 { padding: 0 0 45px; } .gsc-heading.style-2 .sub-title { color: var(--ziston-theme-color); font-size: 70px; text-transform: capitalize; line-height: 1; font-family: "Sacramento"; font-weight: 400; } @media (max-width: 1024px) { .gsc-heading.style-2 .sub-title { font-size: 50px; line-height: 50px; } } @media (max-width: 992px) { .gsc-heading.style-2 .sub-title { font-size: 40px; line-height: 40px; } } .gsc-heading.style-2 .title { font-size: 66px; line-height: 75px; font-weight: 800; margin-bottom: 20px; } @media (max-width: 991.98px) { .gsc-heading.style-2 .title { font-size: 60px; line-height: 70px; } } @media (max-width: 767.98px) { .gsc-heading.style-2 .title { font-size: 50px; line-height: 60px; } } @media (max-width: 575.98px) { .gsc-heading.style-2 .title { font-size: 45px; line-height: 50px; } } .gsc-heading.style-2 .title-desc { margin-bottom: 25px; } .gsc-heading.style-3 { padding: 0 0 25px; } .gsc-heading.style-3 .sub-title { color: var(--ziston-theme-color); font-size: 70px; text-transform: capitalize; line-height: 1; font-family: "Sacramento"; font-weight: 400; } @media (max-width: 1024px) { .gsc-heading.style-3 .sub-title { font-size: 50px; line-height: 50px; } } @media (max-width: 992px) { .gsc-heading.style-3 .sub-title { font-size: 40px; line-height: 40px; } } .gsc-heading.style-3 .title { font-size: 80px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; } @media (max-width: 991.98px) { .gsc-heading.style-3 .title { font-size: 60px; } } @media (max-width: 767.98px) { .gsc-heading.style-3 .title { font-size: 50px; } } @media (max-width: 575.98px) { .gsc-heading.style-3 .title { font-size: 45px; } } .gsc-heading.style-3 .title-desc { margin-bottom: 25px; font-size: 18px; font-weight: 500; } .gsc-heading.text-light .title-sub { color: #fff; } .gsc-heading.text-light .title { color: #fff; } .gsc-heading.text-light .sub-title span { color: rgba(255, 255, 255, 0.9); } .gsc-heading.text-light .title-desc { color: rgba(255, 255, 255, 0.9); } .gsc-map { position: relative; } .gsc-map .content-inner { position: absolute; bottom: 30px; left: 30px; z-index: 9; max-width: 400px; padding: 20px; background: #fff; border-radius: 6px; border: 1px solid #dee2e6; } @media (max-width: 600px) { .gsc-map .content-inner { position: static; width: 100%; max-width: 100%; } } .gsc-map .info { margin-bottom: 10px; padding-left: 28px; position: relative; } .gsc-map .info span.icon { font-size: 18px; top: 5px; left: 0; position: absolute; z-index: 1; color: #000; } .gsc-map .phone { color: var(--ziston-theme-color); } .gsc-map .social-inline { float: left; width: 100%; text-align: left; margin-top: 0; } .gsc-map .social-inline > a { margin: 0 10px 0 0; font-size: 16px; } .gsc-quote { position: relative; padding-top: 125px; } .gsc-quote:after { position: absolute; content: ""; background: url("/themes/custom/ziston/assets/css/../images/testimonial-icon.png") no-repeat center center transparent; width: 30px; height: 30px; left: 0; top: 50px; z-index: 1; } .gsc-quote .content { line-height: 28px; } .gsc-quote .signature { margin-top: 60px; } .gsc-quote .position { margin-top: 25px; } .gsc-quote-text { position: relative; padding: 30px 30px 30px 70px; margin-bottom: 35px; } .gsc-quote-text .icon { position: absolute; left: 20px; top: 45px; z-index: 1; font-size: 20px; color: var(--ziston-theme-color); } .gsc-quote-text .content { line-height: 36px; font-size: 20px; color: #000; font-family: var(--ziston-heading-font-family); } .gsc-quote-text.has-border { border: 2px solid #dee2e6; } .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs { padding: 15px; background: #fff; border: 1px solid #dee2e6; border-bottom: 0; } .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs > li a { display: block; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content { border: 1px solid #dee2e6; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane { background: #fff; padding: 30px; } .gsc-tabs .tabs_wrapper.tabs_vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs { width: 25%; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 50%; background: #fff; border: 1px solid #dee2e6; border-right: 0; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li { display: block; border-bottom: 1px solid #dee2e6; width: 100%; padding-top: 15px; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li a { width: 100%; display: block; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li:last-child { margin-bottom: 0; border: none; } .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content { width: 75%; float: left; width: 75%; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content .tab-pane { background: #fff; padding: 30px; border: 1px solid #dee2e6; } .gsc-button { -webkit-transition: all 0.35s; transition: all 0.35s; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; border: 2px solid transparent; margin-bottom: 20px; display: inline-block; clear: both; } @media (prefers-reduced-motion: reduce) { .gsc-button { -webkit-transition: none; transition: none; } } .gsc-button.radius-2x { border-radius: 5px; } .gsc-button.radius-5x { border-radius: 60px; } .gsc-button.mini { font-size: 10px; padding: 3px 10px; } .gsc-button.small { font-size: 10px; padding: 8px 15px; } .gsc-button.medium { font-size: 12px; padding: 12px 35px; } .gsc-button.large { font-size: 14px; padding: 18px 60px; } .gsc-button.extra-large { font-size: 14px; padding: 20px 30px; } .gsc-our-partners { margin-bottom: 45px; } .gsc-our-partners::after { display: block; clear: both; content: ""; } .gsc-our-partners .image { width: 35%; float: left; } @media (max-width: 400px) { .gsc-our-partners .image { width: 100%; text-align: center; } } .gsc-our-partners .content-inner { width: 65%; float: left; padding-left: 30px; } @media (max-width: 400px) { .gsc-our-partners .content-inner { width: 100%; } } .gsc-our-partners .content-inner .title { font-size: 20px; } .gsc-our-partners .content-inner .info { font-size: 13px; padding: 5px 0 12px; font-family: var(--ziston-heading-font-family); } .gsc-our-partners .content-inner .info .category { color: var(--ziston-theme-color); } .gsc-image-content.skin-v1 { text-align: center; position: relative; } .gsc-image-content.skin-v1 .image { position: relative; overflow: hidden; width: 60%; } .gsc-image-content.skin-v1 .image img { border-radius: 4px; } @media (max-width: 575.98px) { .gsc-image-content.skin-v1 .image { padding: 0; width: 100%; } } .gsc-image-content.skin-v1 .box-content { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 60%; z-index: 11; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); background: #fff; text-align: left; padding: 70px 50px; border-radius: 4px; } @media (max-width: 991.98px) { .gsc-image-content.skin-v1 .box-content { padding: 35px 30px; } } @media (max-width: 575.98px) { .gsc-image-content.skin-v1 .box-content { position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0); width: 100%; } } .gsc-image-content.skin-v1 .box-content .content-inner { max-width: 480px; margin: 0 auto; } @media (max-width: 575.98px) { .gsc-image-content.skin-v1 .box-content .content-inner { max-width: 100%; } } .gsc-image-content.skin-v1 .box-content .content-inner .title { font-size: 45px; color: #000; font-family: var(--ziston-heading-font-family); font-weight: 800; line-height: 1.2; } @media (max-width: 991.98px) { .gsc-image-content.skin-v1 .box-content .content-inner .title { font-size: 30px; } } .gsc-image-content.skin-v2 { position: relative; margin-bottom: 20px; text-align: left; } .gsc-image-content.skin-v2 .image { position: relative; overflow: hidden; text-align: center; } .gsc-image-content.skin-v2 .image img { -webkit-transition: all 3s; transition: all 3s; } @media (prefers-reduced-motion: reduce) { .gsc-image-content.skin-v2 .image img { -webkit-transition: none; transition: none; } } .gsc-image-content.skin-v2 .box-content { background: #fff; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .gsc-image-content.skin-v2 .box-content { -webkit-transition: none; transition: none; } } .gsc-image-content.skin-v2 .box-content .title { margin: 30px 0 0; font-size: 20px; color: #000; } .gsc-image-content.skin-v2 .box-content .desc { margin-top: 5px; color: #797F89; } .gsc-image-content.skin-v2 .box-content .read-more { margin-top: 28px; } .gsc-image-content.skin-v2 .box-content .read-more svg { width: 20px; height: auto; fill: var(--ziston-theme-color); } .gsc-image-content.skin-v3 { position: relative; margin-bottom: 20px; text-align: left; } .gsc-image-content.skin-v3 .image { position: relative; overflow: hidden; text-align: center; } .gsc-image-content.skin-v3 .image img { -webkit-transition: all 3s; transition: all 3s; } @media (prefers-reduced-motion: reduce) { .gsc-image-content.skin-v3 .image img { -webkit-transition: none; transition: none; } } .gsc-image-content.skin-v3 .box-content { background: var(--ziston-theme-color); z-index: 1; position: absolute; bottom: 20px; left: 30px; -webkit-transition: all 0.35s; transition: all 0.35s; max-width: 280px; padding: 30px 45px; font-size: 18px; text-align: center; } @media (prefers-reduced-motion: reduce) { .gsc-image-content.skin-v3 .box-content { -webkit-transition: none; transition: none; } } .gsc-image-content.skin-v3 .box-content .title { margin: 0; font-size: 40px; color: #000; } .gsc-image-content.skin-v3 .box-content .title a { color: #fff; } .gsc-image-content.skin-v3 .box-content .title a:hover { text-decoration: underline; } .gsc-image-content.skin-v3 .box-content .desc { font-size: 18px; color: #000; } .gsc-image-content.skin-v4 { position: relative; margin-bottom: 20px; text-align: left; padding: 30px 45px; border: 1px solid #dee2e6; } @media (max-width: 991.98px) { .gsc-image-content.skin-v4 { padding: 30px; } } .gsc-image-content.skin-v4 .image { position: relative; overflow: hidden; text-align: center; } .gsc-image-content.skin-v4 .image img { -webkit-transition: all 3s; transition: all 3s; } @media (prefers-reduced-motion: reduce) { .gsc-image-content.skin-v4 .image img { -webkit-transition: none; transition: none; } } .gsc-image-content.skin-v4 .box-content { background: #fff; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; text-align: center; } @media (prefers-reduced-motion: reduce) { .gsc-image-content.skin-v4 .box-content { -webkit-transition: none; transition: none; } } .gsc-image-content.skin-v4 .box-content .title { margin: 30px 0 0; font-size: 20px; color: #000; line-height: 36px; } .gsc-image-content.skin-v4 .box-content .desc { margin-top: 5px; color: #797F89; } .gsc-image-content.skin-v4 .box-content .read-more { margin-top: 28px; } .gsc-image-content.skin-v4 .box-content .read-more svg { width: 20px; height: auto; fill: var(--ziston-theme-color); } .gsc-box-download { margin-bottom: 20px; } .gsc-box-download .box-content a { display: inline-block; font-size: 14px; line-height: 20px; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); border-radius: 4px; padding: 15px 30px; margin-right: 20px; background: var(--ziston-theme-color); color: #fff; font-family: var(--ziston-heading-font-family); } @media (max-width: 1024px) { .gsc-box-download .box-content a { font-size: 13px; padding: 12px 15px; } } .gsc-box-download .box-content a .button-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gsc-box-download .box-content a .button-content-wrapper .button-icon { margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gsc-box-download .box-content a .button-content-wrapper .button-icon .icon { font-size: 24px; } .gsc-box-download .box-content a .button-content-wrapper .button-title { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; line-height: 20px; } @media (max-width: 1024px) { .gsc-box-download .box-content a .button-content-wrapper .button-title { letter-spacing: 1px; } } .gsc-box-download .box-content a.link-2 { background: #fff; color: #797F89; } .pricing-block { -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .pricing-block .pricing-block-inner { border: 1px solid #dee2e6; background: #fff; } .pricing-block .pricing-block-inner .pricing-block-top { padding: 60px 20px; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; background: url("/themes/custom/ziston/assets/css/../images/bg-price.png") repeat center center #F6F8FA; } .pricing-block .pricing-block-inner .pricing-block-top .title { font-size: 18px; font-weight: 500; color: #797F89; margin: 0 0 10px; -webkit-transition: all 0.35s; transition: all 0.35s; } .pricing-block .pricing-block-inner .pricing-block-top .plan-price { font-size: 43px; color: #000; font-weight: 500; line-height: 1; font-family: var(--ziston-heading-font-family); -webkit-transition: all 0.35s; transition: all 0.35s; } .pricing-block .pricing-block-inner .pricing-block-top .plan-price del { font-size: 20px; margin-left: 10px; font-weight: 400; } .pricing-block .pricing-block-inner .pricing-block-content { padding: 46px 20px 50px; } .pricing-block .pricing-block-inner .pricing-block-content .content-inner { max-width: 275px; margin: 0 auto; } .pricing-block .pricing-block-inner .pricing-block-content .content-inner ul { font-size: 18px; margin: 0; padding: 0; list-style: none; text-align: center; } .pricing-block .pricing-block-inner .pricing-block-content .content-inner ul li { margin: 6px 0; } .pricing-block .pricing-block-inner .pricing-block-content .content-inner .plan-signup { border-top: 1px solid #dee2e6; padding-top: 50px; margin-top: 55px; text-align: center; } .pricing-block .pricing-block-inner .pricing-block-content .content-inner .plan-signup a { display: inline-block; background: #000; color: #fff; padding: 20px 50px; text-transform: uppercase; border-radius: 4px; font-size: 14px; font-family: var(--ziston-heading-font-family); font-weight: 500; letter-spacing: 3px; text-align: center; } .pricing-block .pricing-block-inner .pricing-block-content .content-inner .plan-signup a:hover { background: var(--ziston-theme-color); } .pricing-block:hover .pricing-block-inner .pricing-block-top, .pricing-block.highlight-plan .pricing-block-inner .pricing-block-top { background: url("/themes/custom/ziston/assets/css/../images/bg-price-hover.png") repeat left center var(--ziston-theme-color); } .pricing-block:hover .pricing-block-inner .pricing-block-top .title, .pricing-block.highlight-plan .pricing-block-inner .pricing-block-top .title { color: #fff; } .pricing-block:hover .pricing-block-inner .pricing-block-top .plan-price, .pricing-block.highlight-plan .pricing-block-inner .pricing-block-top .plan-price { color: #fff; } .gsc-socials { margin-bottom: 30px; } .gsc-socials a { width: 40px; height: 40px; line-height: 40px; color: #797F89; text-decoration: none; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-size: 14px; } @media (prefers-reduced-motion: reduce) { .gsc-socials a { -webkit-transition: none; transition: none; } } .gsc-socials a:last-child { margin-right: 0; } .pretty * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pretty input:not([type=checkbox]):not([type=radio]) { display: none; } .pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; } .pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .pretty .state label { position: initial; display: inline-block; font-weight: 400; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .pretty .state label:after, .pretty .state label:before { content: ''; width: calc(1em + 2px); height: calc(1em + 2px); display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc((0% - (100% - 1em)) - 8%); background-color: transparent; } .pretty .state label:before { border-color: #bdc3c7; } .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { display: none; } @-webkit-keyframes zoom { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes zoom { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: scale(7); transform: scale(7); } 38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.5); transform: scale(1.5); } 72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.24); transform: scale(1.24); } 89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } } @keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: scale(7); transform: scale(7); } 38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.5); transform: scale(1.5); } 72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.24); transform: scale(1.24); } 89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } 95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes jelly { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jelly { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes rotate { 0% { opacity: 0; -webkit-transform: translateZ(-200px) rotate(-45deg); transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } } @keyframes rotate { 0% { opacity: 0; -webkit-transform: translateZ(-200px) rotate(-45deg); transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #bdc3c7; box-shadow: 0 0 0 0 #bdc3c7; } 100% { -webkit-box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #bdc3c7; box-shadow: 0 0 0 0 #bdc3c7; } 100% { -webkit-box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); } } .pretty.p-default.p-fill .state label:after { -webkit-transform: scale(1); transform: scale(1); } .pretty.p-default .state label:after { -webkit-transform: scale(0.6); transform: scale(0.6); } .pretty.p-default input:checked ~ .state label:after { background-color: #bdc3c7 !important; } .pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before { border-width: calc(1em / 7); } .pretty.p-default.p-thick .state label:after { -webkit-transform: scale(0.4) !important; transform: scale(0.4) !important; } .pretty.p-icon .state .icon { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-icon .state .icon:before { margin: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .pretty.p-icon input:checked ~ .state .icon { opacity: 1; } .pretty.p-icon input:checked ~ .state label:before { border-color: #5a656b; } .pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-svg .state svg { margin: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .pretty.p-svg input:checked ~ .state .svg { opacity: 1; } .pretty.p-image .state img { opacity: 0; position: absolute; width: calc(1em + 2px); height: calc(1em + 2px); top: 0; top: calc((0% - (100% - 1em)) - 8%); left: 0; z-index: 0; text-align: center; line-height: normal; -webkit-transform: scale(0.8); transform: scale(0.8); } .pretty.p-image input:checked ~ .state img { opacity: 1; } .pretty.p-switch input { min-width: 2em; } .pretty.p-switch .state { position: relative; } .pretty.p-switch .state:before { content: ''; border: 1px solid #bdc3c7; border-radius: 60px; width: 2em; -webkit-box-sizing: unset; box-sizing: unset; height: calc(1em + 2px); position: absolute; top: 0; top: calc((0% - (100% - 1em)) - 16%); z-index: 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .pretty.p-switch .state label { text-indent: 2.5em; } .pretty.p-switch .state label:after, .pretty.p-switch .state label:before { -webkit-transition: all .5s ease; transition: all .5s ease; border-radius: 100%; left: 0; border-color: transparent; -webkit-transform: scale(0.8); transform: scale(0.8); } .pretty.p-switch .state label:after { background-color: #bdc3c7 !important; } .pretty.p-switch input:checked ~ .state:before { border-color: #5a656b; } .pretty.p-switch input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch input:checked ~ .state label:after { background-color: #5a656b !important; left: 1em; } .pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-switch.p-fill input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch.p-fill input:checked ~ .state label:after { background-color: #fff !important; left: 1em; } .pretty.p-switch.p-slim .state:before { height: .1em; background: #bdc3c7 !important; top: calc(50% - .1em); } .pretty.p-switch.p-slim input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) { display: none; } .pretty.p-has-hover input:hover ~ .state.p-is-hover { display: block; } .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon { display: block; } .pretty.p-has-focus input:focus ~ .state label:before { -webkit-box-shadow: 0 0 3px 0 #bdc3c7; box-shadow: 0 0 3px 0 #bdc3c7; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) { display: none; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate { display: block; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon { display: block; opacity: 1; } .pretty.p-toggle .state.p-on { opacity: 0; display: none; } .pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off { opacity: 1; display: inherit; } .pretty.p-toggle .state.p-off .icon { color: #bdc3c7; } .pretty.p-toggle input:checked ~ .state.p-on { opacity: 1; display: inherit; } .pretty.p-toggle input:checked ~ .state.p-off { opacity: 0; display: none; } .pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before { content: none; } .pretty.p-plain.p-plain .icon { -webkit-transform: scale(1.1); transform: scale(1.1); } .pretty.p-round .state label:after, .pretty.p-round .state label:before { border-radius: 100%; } .pretty.p-round.p-icon .state .icon { border-radius: 100%; overflow: hidden; } .pretty.p-round.p-icon .state .icon:before { -webkit-transform: scale(0.8); transform: scale(0.8); } .pretty.p-curve .state label:after, .pretty.p-curve .state label:before { border-radius: 20%; } .pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before { -webkit-transition: all .5s ease; transition: all .5s ease; } .pretty.p-smooth input:checked + .state label:after { -webkit-transition: all .3s ease; transition: all .3s ease; } .pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { -webkit-animation: zoom .2s ease; animation: zoom .2s ease; } .pretty.p-smooth.p-default input:checked + .state label:after { -webkit-animation: zoom .2s ease; animation: zoom .2s ease; } .pretty.p-smooth.p-plain input:checked + .state label:before { content: ''; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease; transition: all .5s ease; } .pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before { -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before { -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state label:before { border-color: transparent; } .pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { border-color: transparent; } .pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before { -webkit-animation: pulse 1s; animation: pulse 1s; } .pretty input[disabled] { cursor: not-allowed; display: none; } .pretty input[disabled] ~ * { opacity: .5; } .pretty.p-locked input { display: none; cursor: not-allowed; } .pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after { background-color: #428bca !important; } .pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before { border-color: #428bca; } .pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg { color: #428bca; stroke: #428bca; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after { background-color: #428bca !important; } .pretty.p-switch input:checked ~ .state.p-primary:before { border-color: #428bca; } .pretty.p-switch.p-fill input:checked ~ .state.p-primary:before { background-color: #428bca !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-primary:before { border-color: #245682; background-color: #245682 !important; } .pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after { background-color: #5bc0de !important; } .pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before { border-color: #5bc0de; } .pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color: #5bc0de; stroke: #5bc0de; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after { background-color: #5bc0de !important; } .pretty.p-switch input:checked ~ .state.p-info:before { border-color: #5bc0de; } .pretty.p-switch.p-fill input:checked ~ .state.p-info:before { background-color: #5bc0de !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-info:before { border-color: #2390b0; background-color: #2390b0 !important; } .pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: var(--ziston-theme-color) !important; } .pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before { border-color: var(--ziston-theme-color); } .pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg { color: var(--ziston-theme-color); stroke: var(--ziston-theme-color); } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after { background-color: var(--ziston-theme-color) !important; } .pretty.p-switch input:checked ~ .state.p-success:before { border-color: var(--ziston-theme-color); } .pretty.p-switch.p-fill input:checked ~ .state.p-success:before { background-color: var(--ziston-theme-color) !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-success:before { border-color: #357935; background-color: #357935 !important; } .pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after { background-color: #f0ad4e !important; } .pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before { border-color: #f0ad4e; } .pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg { color: #f0ad4e; stroke: #f0ad4e; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after { background-color: #f0ad4e !important; } .pretty.p-switch input:checked ~ .state.p-warning:before { border-color: #f0ad4e; } .pretty.p-switch.p-fill input:checked ~ .state.p-warning:before { background-color: #f0ad4e !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-warning:before { border-color: #c77c11; background-color: #c77c11 !important; } .pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after { background-color: #d9534f !important; } .pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before { border-color: #d9534f; } .pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg { color: #d9534f; stroke: #d9534f; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after { background-color: #d9534f !important; } .pretty.p-switch input:checked ~ .state.p-danger:before { border-color: #d9534f; } .pretty.p-switch.p-fill input:checked ~ .state.p-danger:before { background-color: #d9534f !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-danger:before { border-color: #a02622; background-color: #a02622 !important; } .pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before { font-size: 1.2em !important; top: calc((0% - (100% - 1em)) - 35%) !important; } .pretty.p-bigger label { text-indent: 1.7em; } @media print { .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before { color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; } } @-webkit-keyframes beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.82); transform: scale(0.82); } } @keyframes beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.82); transform: scale(0.82); } } /* Flip Horizontally */ @-webkit-keyframes gavias_flip_x { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes gavias_flip_x { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } /* Flip Vertically */ @-webkit-keyframes gavias_flip_y { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes gavias_flip_y { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes pulse-border { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @-webkit-keyframes pulse-border-2 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes pulse-border-2 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } #gva-preloader { position: fixed; background: white; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; } .cssload-container { width: 100%; height: 200px; overflow: hidden; margin: 0px auto; position: absolute; top: 50%; margin-top: -100px; } .cssload-container .wait-text { text-align: center; padding-bottom: 15px; color: #000; } .cssload-container .cssload-item { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 131px; height: 131px; background-color: #fff; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -o-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -ms-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -webkit-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -moz-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); } .cssload-container .cssload-moon { border-bottom: 26px solid var(--ziston-theme-color); border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; animation: spin 1.45s ease infinite; -o-animation: spin 1.45s ease infinite; -ms-animation: spin 1.45s ease infinite; -webkit-animation: spin 1.45s ease infinite; -moz-animation: spin 1.45s ease infinite; } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .blur { filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-filter: url(#blur-filter); filter: url(#blur-filter); -webkit-filter: blur(3px); filter: blur(3px); } .blur-svg { display: none; } .hover-in { -webkit-transition: .3s ease-out; transition: .3s ease-out; } .hover-out { -webkit-transition: .3s ease-in; transition: .3s ease-in; } @media (max-width: 1024.98px) { .area-main-menu { min-height: 60px; } .gva-offcanvas-mobile { background: #141414; position: fixed !important; left: 0; top: 0; width: 100%; max-width: 350px; top: 0; bottom: 0; z-index: 999; height: auto; overflow-y: auto; overflow-x: hidden; webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); padding-top: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); } .gva-offcanvas-mobile.show-view { -webkit-transition: all 0.35s; transition: all 0.35s; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); } } @media (max-width: 1024.98px) and (prefers-reduced-motion: reduce) { .gva-offcanvas-mobile.show-view { -webkit-transition: none; transition: none; } } @media (max-width: 1024.98px) { .gva-offcanvas-mobile .after-offcanvas { display: block !important; visibility: visible !important; } .gva-offcanvas-mobile .after-offcanvas .block { float: left; width: 100%; } .gva-offcanvas-mobile .close-offcanvas { display: block !important; visibility: visible !important; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding: 15px 0; opacity: 1; filter: alpha(opacity=100); color: #FFF; } .gva-offcanvas-mobile .close-offcanvas span { font-size: 24px; } .gva-offcanvas-mobile .close-offcanvas:hover { cursor: pointer; color: var(--ziston-theme-color); } .gva-offcanvas-mobile .block { border-bottom: 1px solid #dee2e6; padding: 0 20px; } .gva-offcanvas-mobile .block .block-content::after { display: block; clear: both; content: ""; } .gva-offcanvas-mobile .main-menu-inner { width: 100%; } .gva-offcanvas-mobile .gva-navigation .gva_menu { padding: 10px 0 0; width: 100% !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li { list-style: none; display: block; clear: both; width: 100%; margin-bottom: 8px !important; padding-bottom: 10px !important; padding-top: 5px !important; border-bottom: 1px solid #dee2e6; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li:last-child { border-bottom: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a { display: block; width: 100%; line-height: 32px; font-size: 17px; padding: 0 !important; font-weight: 600; color: #dddddd !important; font-family: var(--ziston-heading-font-family); } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover { color: #9d0000 !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-parent:hover .sub-menu { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu { padding-left: 20px !important; margin-bottom: 10px; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu .icaret { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a { font-size: 15px; line-height: 24px; padding-top: 2px !important; padding-bottom: 2px !important; color: #696969 !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover { color: var(--ziston-theme-color) !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu ul.sub-menu { display: block !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li { width: 100% !important; float: none !important; display: block; padding: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li > a { padding: 0; border: 0; margin: 6px 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li.block-image { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu > .sub-menu > li > a { color: #000; font-weight: 700; font-size: 15px; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a { position: relative; display: block; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a:hover { color: var(--ziston-theme-color); } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret { position: absolute; width: 32px; height: 32px; top: -1px; bottom: 0; right: 0; font-size: 13px; background: #9d0000; color: #fff; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before { content: '\f077'; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before { position: absolute; text-transform: inherit; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gva-offcanvas-mobile .gva-navigation .gva_menu li ul { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu { -webkit-transition: none; transition: none; min-width: inherit; display: none; width: 100%; position: static; padding: 0 !important; visibility: visible; border: 0; background: none; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:after, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:before { content: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a { border-width: 0; padding-left: 0; padding-right: 0; font-size: 14px; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:before, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:after { content: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:hover { text-indent: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu ul { display: none; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu .block-image { display: none; } } .menu-bar { height: 32px; width: 36px; position: absolute; cursor: pointer; top: 40%; right: 140px; margin-top: -10px; } .menu-bar span { display: block; width: 24px; height: 2px; background-color: #fff; position: absolute; left: 0; right: 0; margin: auto; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .menu-bar span { -webkit-transition: none; transition: none; } } .menu-bar span.one { top: 6px; } .menu-bar span.two { top: 0; bottom: 0; } .menu-bar span.three { bottom: 6px; } .menu-bar.show-view span.two { opacity: 0; filter: alpha(opacity=0); } .menu-bar.show-view span.one, .menu-bar.show-view span.three { top: 0; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-bar.show-view span.three { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .has-button .menu-bar-mobile { right: 165px; } @media (max-width: 510px) { .col-xs-6 { width: 100% !important; } } body.path-user .user-form-page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 100vh; max-height: 100%; background: var(--colorGinLayerBackground); } @media (min-width: 800px) { body.path-user .user-form-page { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } body.path-user .user-form-page, body.path-user .user-form-page * { -webkit-box-sizing: border-box; box-sizing: border-box; } body.path-user .user-form-page__user-form, body.path-user .user-form-page__wallpaper { width: 100%; } @media (min-width: 800px) { body.path-user .user-form-page__user-form, body.path-user .user-form-page__wallpaper { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } body.path-user .user-form-page__user-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 800px; } @media (max-width: 800px) { body.path-user .user-form-page__user-form { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-line-pack: start; align-content: flex-start; } } @media (min-width: 800px) { body.path-user .user-form-page__user-form { min-width: 640px; } } body.path-user .user-form-page__user-form img { max-height: 40px; } body.path-user .user-form-page__wallpaper { display: none; pointer-events: none; position: relative; background-color: #ccc; } @media (min-width: 800px) { body.path-user .user-form-page__wallpaper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 70%; flex-basis: 70%; } } body.path-user .user-form-page__wallpaper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } body.path-user .user-form-page__page-title { font-size: 20px; text-transform: uppercase; margin: 10px 0 10px; padding-bottom: 15px; width: 100%; max-width: 100%; text-overflow: unset; white-space: normal; position: relative; } @media (min-width: 800px) { body.path-user .user-form-page__page-title { font-size: 22px; } } body.path-user .user-form-page__page-title:after { content: ''; width: 60px; height: 2px; background: var(--ziston-theme-color); position: absolute; bottom: 0; left: 0; z-index: 11; } body.path-user .user-form-page .content-header { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-top: 20px; padding-bottom: 20px; background: transparent; } body.path-user .user-form-page .content-header .site-branding-logo { max-width: 180px !important; display: inline-block; } body.path-user .user-form-page .content-header a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } body.path-user .user-form-page .layout-container { max-width: 560px; margin: 0 auto !important; padding-left: 24px; padding-right: 24px; } @media (min-width: 800px) { body.path-user .user-form-page .layout-container { padding-left: 48px; padding-right: 48px; } } body.path-user .user-form-page .block-system > form { padding: 0; border: 0 none; -webkit-box-shadow: none; box-shadow: none; background: transparent; } body.path-user .user-form-page .form-type--text input, body.path-user .user-form-page .form-type--password input, body.path-user .user-form-page .form-type--email input { width: 100%; } body.path-user .user-form-page .form-element { width: 100%; padding: 1rem; } body.path-user .user-form-page .more-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 0; margin-top: 25px; border-top: 1px solid #dee2e6; } body.path-user .user-form-page .more-links a { text-transform: uppercase; font-weight: 500; font-size: 13px; } body.path-user .user-form-page .help { display: block !important; } body.path-user .user-form-page .help .block-local-tasks-block { display: none; } body.path-user .user-login-form .form-actions { display: block; margin-bottom: 0; } body.path-user .page-wrapper { margin-top: 0; } .user-login-form .form-item, .user-register-form .form-item, .user-form .form-item, .user-pass .form-item { margin-bottom: 15px; } #user-login-form input[type="text"], #user-login-form input[type="tel"], #user-login-form input[type="password"], #user-login-form input[type="email"], #user-login-form textarea, #user-login-form select, #user-register-form input[type="text"], #user-register-form input[type="tel"], #user-register-form input[type="password"], #user-register-form input[type="email"], #user-register-form textarea, #user-register-form select { background-color: #fff; border: 1px solid #dee2e6; padding: 0 15px; border-radius: 4px; color: #797F89; line-height: 46px; max-width: 100%; } #user-login-form input[type="text"]:focus, #user-login-form input[type="text"]:active, #user-login-form input[type="text"]:hover, #user-login-form input[type="tel"]:focus, #user-login-form input[type="tel"]:active, #user-login-form input[type="tel"]:hover, #user-login-form input[type="password"]:focus, #user-login-form input[type="password"]:active, #user-login-form input[type="password"]:hover, #user-login-form input[type="email"]:focus, #user-login-form input[type="email"]:active, #user-login-form input[type="email"]:hover, #user-login-form textarea:focus, #user-login-form textarea:active, #user-login-form textarea:hover, #user-login-form select:focus, #user-login-form select:active, #user-login-form select:hover, #user-register-form input[type="text"]:focus, #user-register-form input[type="text"]:active, #user-register-form input[type="text"]:hover, #user-register-form input[type="tel"]:focus, #user-register-form input[type="tel"]:active, #user-register-form input[type="tel"]:hover, #user-register-form input[type="password"]:focus, #user-register-form input[type="password"]:active, #user-register-form input[type="password"]:hover, #user-register-form input[type="email"]:focus, #user-register-form input[type="email"]:active, #user-register-form input[type="email"]:hover, #user-register-form textarea:focus, #user-register-form textarea:active, #user-register-form textarea:hover, #user-register-form select:focus, #user-register-form select:active, #user-register-form select:hover { outline: none; } #user-login-form .form-item:not(.js-form-type-checkbox) label, #user-register-form .form-item:not(.js-form-type-checkbox) label { width: 100%; font-weight: 600; color: #000; margin-bottom: 0; font-family: var(--ziston-heading-font-family); } #user-login-form .js-form-type-managed-file .form-submit, #user-register-form .js-form-type-managed-file .form-submit { padding: 6px 12px; font-size: 12px; } #user-register-form { padding: 0 0 35px; } .event-block .event-image { position: relative; overflow: hidden; } .event-block .event-image .date { position: absolute; top: 15px; right: 10px; overflow: hidden; padding: 5px 10px; background: #fff; -webkit-box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1); text-align: center; } .event-block .event-image .date .day { font-size: 30px; text-transform: uppercase; color: var(--ziston-theme-color); display: block; font-weight: 700; border-radius: 6px; line-height: 1; } .event-block .event-image .date .month { font-size: 12px; font-weight: 700; color: #000; display: block; text-transform: uppercase; } .event-block .event-image .date .icon { margin-right: 5px; } .event-block .event-content { background: #fff; padding: 15px 20px; border: 1px solid #dee2e6; border-top: 0; min-height: 185px; } .event-block .event-content .event-info .title { font-size: 14px; line-height: 24px; display: block; margin-bottom: 5px; font-weight: 700; } .event-block .event-content .event-info .event-meta { font-size: 13px; color: var(--ziston-theme-color-second); } .event-block .event-content .event-info .body { margin-top: 10px; line-height: 28px; } .event-block-2 { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #dee2e6; } .event-block-2::after { display: block; clear: both; content: ""; } @media (max-width: 575.98px) { .event-block-2 { padding-bottom: 20px; margin-bottom: 20px; } } .event-block-2 .content-inner { padding-left: 320px; position: relative; z-index: 9; } @media (max-width: 767.98px) { .event-block-2 .content-inner { padding-left: 310px; } } @media (max-width: 575.98px) { .event-block-2 .content-inner { padding-left: 220px; } } @media (max-width: 650px) { .event-block-2 .content-inner { padding-left: 0; } } .event-block-2 .content-inner .event-content-inner { position: relative; } .event-block-2 .content-inner .event-content-inner .event-content { padding-left: 90px; } @media (max-width: 767.98px) { .event-block-2 .content-inner .event-content-inner .event-content { padding-left: 0; } } .event-block-2 .post-title { font-size: 18px; } .event-block-2 .event-image { width: 320px; float: left; position: relative; z-index: 1; } @media (max-width: 767.98px) { .event-block-2 .event-image { width: 300px; } } @media (max-width: 575.98px) { .event-block-2 .event-image { width: 200px; } } @media (max-width: 650px) { .event-block-2 .event-image { width: 100%; margin-bottom: 15px; } } .event-block-2 .event-image .event-date { -webkit-box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1); width: 120px; height: 120px; float: left; text-align: center; line-height: 1.1; padding-top: 15px; position: absolute; background: #fff; top: 50%; right: -60px; margin-top: -60px; } @media (max-width: 767.98px) { .event-block-2 .event-image .event-date { top: 10px; right: 10px; margin-top: 0; padding-top: 10px; width: 90px; height: 90px; } } .event-block-2 .event-image .event-date .date { font-size: 55px; font-weight: 700; color: var(--ziston-theme-color); display: block; } @media (max-width: 767.98px) { .event-block-2 .event-image .event-date .date { font-size: 45px; } } .event-block-2 .event-image .event-date .month { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #000; } .event-block-2 .event-meta { font-size: 15px; margin-top: 5px; line-height: 22px; } .event-block-2 .event-line { width: 50px; height: 2px; background: var(--ziston-theme-color); margin: 15px 0 15px; } @media (max-width: 767.98px) { .event-block-2 .post-title { margin-top: 0; font-size: 18px; } } .event-list-item .event-date { display: inline-block; background: var(--ziston-theme-color); color: #fff; border-radius: 3px; padding: 0 15px; font-size: 13px; line-height: 30px; line-height: 24px; } .event-list-item .event-title { margin-top: 5px; } .event-list-item .event-title a { font-size: 20px; color: #000; font-weight: 700; } .event-list-item .event-body { color: #232526; } .event-list-item .event-body p { margin-bottom: 0; } .events-list .view-content-wrap .item:last-child .event-block-2 { margin-bottom: 0; padding-bottom: 0; border: none; } .event-block-list .event-date { width: 110px; height: auto; float: left; background: var(--ziston-theme-color); color: #fff; padding: 12px 10px; } .event-block-list .event-date span { display: block; } .event-block-list .event-date span.day { font-size: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); line-height: 1; margin-bottom: 3px; padding-bottom: 3px; } .event-block-list .event-title a { font-weight: 700; font-size: 14px; display: inline-block; line-height: 24px; } .event-block-list .event-address { font-size: 14px; } .event-block-list .event-address i { font-size: 16px; color: var(--ziston-theme-color); } .event-block-list .event-content { padding-left: 125px; } .event-full { margin-bottom: 30px; } .event-full .event-info { background: #f5f5f5; padding: 20px; font-size: 16px; } .event-full .event-info .date > *, .event-full .event-info .address > * { float: left; } .event-full .event-info .date i, .event-full .event-info .address i { margin-right: 10px; margin-top: 6px; } .portfolio-filter { margin-bottom: 35px; } .portfolio-filter ul.nav-tabs { padding: 5px 0; border-bottom: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolio-filter ul.nav-tabs > li { display: inline-block; } .portfolio-filter ul.nav-tabs > li > a { font-weight: 700; color: #797F89; margin-right: 10px; padding: 10px 15px; -webkit-transition: all 0.35s; transition: all 0.35s; text-transform: uppercase; letter-spacing: 0; position: relative; border: 1px solid #dee2e6; font-size: 12px; background: #fff; font-family: var(--ziston-heading-font-family); letter-spacing: 1px; display: inline-block; margin-bottom: 10px; } @media (prefers-reduced-motion: reduce) { .portfolio-filter ul.nav-tabs > li > a { -webkit-transition: none; transition: none; } } .portfolio-filter ul.nav-tabs > li > a:hover { border-color: var(--ziston-theme-color); color: var(--ziston-theme-color); } .portfolio-filter ul.nav-tabs > li > a.active { border-color: var(--ziston-theme-color); background: var(--ziston-theme-color); color: #fff; } .gva-portfolio-items { float: left; width: 100%; } .gva-portfolio-items .view-portfolio { width: 100%; } .portfolio-v1 { position: relative; margin: 0 1px; margin-bottom: 40px; background: none; } .portfolio-v1 .portfolio-images { position: relative; text-align: center; } .portfolio-v1 .portfolio-images:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; filter: alpha(opacity=0); background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .portfolio-v1 .portfolio-images:after { -webkit-transition: none; transition: none; } } .portfolio-v1 .portfolio-images .image-popup { opacity: 0; filter: alpha(opacity=0); width: 32px; height: 32px; background: #fff; line-height: 32px; position: absolute; top: 15px; right: 15px; z-index: 99; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; margin-top: 30px; } @media (prefers-reduced-motion: reduce) { .portfolio-v1 .portfolio-images .image-popup { -webkit-transition: none; transition: none; } } .portfolio-v1 .portfolio-images .image-popup:hover { color: #fff; background: var(--ziston-theme-color); } .portfolio-v1 .portfolio-images .link { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.45s; transition: all 0.45s; width: 32px; height: 32px; background: #fff; line-height: 33px; position: absolute; top: 55px; right: 15px; z-index: 99; text-align: center; margin-top: 45px; } @media (prefers-reduced-motion: reduce) { .portfolio-v1 .portfolio-images .link { -webkit-transition: none; transition: none; } } .portfolio-v1 .portfolio-images .link:hover { color: #fff; background: var(--ziston-theme-color); } .portfolio-v1 .content-inner { position: relative; margin-left: 15px; margin-right: 15px; z-index: 11; margin-top: -35px; -webkit-transition: all 0.35s; transition: all 0.35s; padding: 25px 25px 30px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04); } @media (prefers-reduced-motion: reduce) { .portfolio-v1 .content-inner { -webkit-transition: none; transition: none; } } @media (max-width: 991.98px) { .portfolio-v1 .content-inner { padding: 25px 20px 30px; margin-left: 10px; margin-right: 10px; } } .portfolio-v1 .content-inner .title { -webkit-transition: all 0.35s; transition: all 0.35s; font-size: 20px; line-height: 26px; margin-bottom: 2px; } @media (prefers-reduced-motion: reduce) { .portfolio-v1 .content-inner .title { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .portfolio-v1 .content-inner .title { font-size: 18px; } } .portfolio-v1 .content-inner .category { padding-bottom: 10px; position: relative; } .portfolio-v1 .content-inner .category a { font-size: 12px; text-transform: uppercase; font-weight: 700; color: #797F89; letter-spacing: 1px; } .portfolio-v1 .content-inner .category a:hover, .portfolio-v1 .content-inner .category a:focus, .portfolio-v1 .content-inner .category a:active { text-decoration: underline; } .portfolio-v1 .content-inner .category:after { content: ''; width: 15px; height: 2px; background: var(--ziston-theme-color); position: absolute; left: 0; bottom: 0; z-index: 11; } .portfolio-v1:hover .portfolio-images:after, .portfolio-v1:active .portfolio-images:after, .portfolio-v1:focus .portfolio-images:after { opacity: 1; } .portfolio-v1:hover .portfolio-images .image-popup, .portfolio-v1:active .portfolio-images .image-popup, .portfolio-v1:focus .portfolio-images .image-popup { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v1:hover .portfolio-images a.link, .portfolio-v1:active .portfolio-images a.link, .portfolio-v1:focus .portfolio-images a.link { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v1 ul { list-style: none; padding: 0; } .testimonial-node-1 { position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; padding-left: 65px; max-width: 800px; margin: 0 auto 45px; } @media (max-width: 575.98px) { .testimonial-node-1 { padding-top: 65px; padding-left: 0; } } .testimonial-node-1 .testimonial-content { background: #fff; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07); position: relative; border-radius: 4px; } .testimonial-node-1 .testimonial-content:after { content: ''; background: url("/themes/custom/ziston/assets/css/../images/bg-arrow.png") repeat bottom center transparent; width: 166px; height: 110px; position: absolute; top: 100%; left: 30px; z-index: 11; } .testimonial-node-1 .testimonial-image { border: 10px solid #fff; padding: 10px; border-radius: 50%; position: absolute; top: 60px; left: -65px; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 991.98px) { .testimonial-node-1 .testimonial-image { left: -60px; } } @media (max-width: 575.98px) { .testimonial-node-1 .testimonial-image { top: -60px; left: 30px; } } .testimonial-node-1 .testimonial-image img { width: 90px; height: 90px; border-radius: 50%; } @media (max-width: 991.98px) { .testimonial-node-1 .testimonial-image img { width: 80px; height: 80px; } } .testimonial-node-1 .testimonial-content-inner { padding: 50px 45px 55px 95px; margin: 0 auto; position: relative; } @media (max-width: 991.98px) { .testimonial-node-1 .testimonial-content-inner { padding: 50px 30px 55px 85px; } } @media (max-width: 575.98px) { .testimonial-node-1 .testimonial-content-inner { padding: 85px 30px 30px; } } .testimonial-node-1 .testimonial-content-inner .quote-icon { font-size: 60px; color: #F0F3F6; position: absolute; bottom: 50px; right: 45px; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 991.98px) { .testimonial-node-1 .testimonial-content-inner .quote-icon { font-size: 45px; right: 30px; } } .testimonial-node-1 .testimonial-content-inner .testimonial-quote { font-size: 18px; line-height: 34px; font-weight: 500; margin-bottom: 15px; margin: 0 auto; } .testimonial-node-1 .testimonial-content-inner .testimonial-information { margin: 30px 0 0; } .testimonial-node-1 .testimonial-content-inner .testimonial-information span.testimonial-name { font-size: 20px; font-weight: 600; color: #000; font-family: var(--ziston-heading-font-family); } .testimonial-node-1 .testimonial-content-inner .testimonial-information span.testimonial-job { font-size: 14px; line-height: 1.1; font-weight: 600; } .testimonial-node-1:hover .testimonial-image { border-color: var(--ziston-theme-color); } .testimonial-node-1:hover .testimonial-content-inner .quote-icon { color: var(--ziston-theme-color); } .owl-item.first .testimonial-node-1 .testimonial-image { border-color: var(--ziston-theme-color); } .owl-item.first .testimonial-node-1 .testimonial-content-inner .quote-icon { color: var(--ziston-theme-color); } .testimonial-node-2 { max-width: 750px; margin: 0 auto; padding: 0; text-align: center; } .testimonial-node-2 .content-body { position: relative; padding: 0 30px 30px; } .testimonial-node-2 .content-body .avatar { margin-bottom: 45px; max-width: 90px; position: relative; display: inline-block; } .testimonial-node-2 .content-body .avatar img { width: 100% !important; height: auto; border-radius: 50%; } .testimonial-node-2 .content-body .avatar .quote-icon { font-size: 38px; width: 38px; height: 38px; background: var(--ziston-theme-color); color: #fff; text-align: center; display: inline-block; border-radius: 50%; position: absolute; top: 50%; margin-top: -20px; right: -20px; line-height: 62px; font-style: italic; padding-right: 12px; } .testimonial-node-2 .content-body .quote { font-size: 26px; line-height: 48px; position: relative; padding-bottom: 25px; color: #000; text-align: center; font-family: var(--ziston-heading-font-family); } @media (max-width: 767.98px) { .testimonial-node-2 .content-body .quote { font-size: 22px; line-height: 40px; } } .testimonial-node-2 .content-body .info { text-align: center; } .testimonial-node-2 .content-body .info .name { font-size: 20px; font-weight: 700; color: var(--ziston-theme-color-second); font-family: var(--ziston-heading-font-family); } .testimonial-node-2 .content-body .info .job { font-size: 16px; line-height: 1; font-family: var(--ziston-heading-font-family); } .testimonial-node-3 { background: none; max-width: 620px; float: left; position: relative; border-radius: 6px; border: 1px solid #dee2e6; } .testimonial-node-3 .testimonial-content { padding: 20px; } .testimonial-node-3 .video { margin-bottom: 20px; } .testimonial-node-3 .video .popup-video { display: inline-block; background: url("/themes/custom/ziston/assets/css/../images/icon-play-2.png") no-repeat left center transparent; height: 55px; padding-left: 75px; line-height: 55px; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (prefers-reduced-motion: reduce) { .testimonial-node-3 .video .popup-video { -webkit-transition: none; transition: none; } } .testimonial-node-3 .video .popup-video:hover, .testimonial-node-3 .video .popup-video:focus, .testimonial-node-3 .video .popup-video:active { -webkit-transform: scale(0.9); transform: scale(0.9); } .testimonial-node-3 .quote { font-size: 18px; line-height: 32px; font-weight: 400; font-family: "Georgia"; color: #838383; font-style: italic; } .testimonial-node-3 .title { font-weight: 700; font-size: 18px; margin-top: 15px; color: #000; } .testimonial-node-3 .job { font-size: 13px; } .testimonial-node-v3 { max-width: 600px; margin: 0 auto; padding: 60px; background: #fff; } .testimonial-node-v3::after { display: block; clear: both; content: ""; } @media (max-width: 991.98px) { .testimonial-node-v3 { padding: 30px; } } .testimonial-node-v3 .testimonial-content .testimonial-icon { margin-bottom: 15px; } .testimonial-node-v3 .testimonial-content .testimonial-icon span { width: 40px; height: 40px; color: #fff; background: var(--ziston-theme-color); border-radius: 50%; line-height: 56px; display: inline-block; font-size: 36px; font-style: italic; padding-left: 10px; } .testimonial-node-v3 .testimonial-content .quote { font-size: 22px; line-height: 46px; position: relative; padding-top: 10px; color: #000; font-family: var(--ziston-heading-font-family); } @media (max-width: 991.98px) { .testimonial-node-v3 .testimonial-content .quote { font-size: 20px; line-height: 40px; } } @media (max-width: 767.98px) { .testimonial-node-v3 .testimonial-content .quote { font-size: 18px; line-height: 36px; } } .testimonial-node-v3 .content-inner { border-top: 1px solid #dee2e6; margin-top: 40px; padding-top: 40px; } .testimonial-node-v3 .content-inner::after { display: block; clear: both; content: ""; } .testimonial-node-v3 .content-inner .left { width: 90px; height: 90px; border-radius: 50%; float: left; overflow: hidden; } .testimonial-node-v3 .content-inner .right { padding-left: 110px; padding-top: 20px; } .testimonial-node-v3 .content-inner .right .name { color: var(--ziston-theme-color); font-weight: 700; font-size: 18px; display: block; line-height: 1.1; font-family: var(--ziston-heading-font-family); } .testimonial-node-v3 .content-inner .right .job { color: #b1bec5; } .testimonial-grid .item-grid { margin-bottom: 45px; } .testimonial-grid .item-grid::after { display: block; clear: both; content: ""; } .testimonial-grid .item-grid .testimonials-quote { font-size: 16px; color: #000; padding: 30px; border: 1px solid #dee2e6; font-weight: 400; font-style: italic; font-family: "Georgia"; } .testimonial-grid .item-grid .testimonials-profile { display: inline-block; position: relative; margin-left: 30px; float: left; padding-top: 20px; } .testimonial-grid .item-grid .testimonials-profile:after { content: ""; position: absolute; width: 50px; height: 2px; background: var(--ziston-theme-color); top: -1px; left: 0; z-index: 1; } .testimonial-grid .item-grid .testimonials-profile .right { padding-left: 70px; } .testimonial-grid .item-grid .testimonials-profile .right .name { font-size: 16px; font-weight: 700; color: #000000; margin: 0; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .right .job { font-size: 12px; font-weight: 900; color: var(--ziston-theme-color); text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .left { display: inline-block; float: left; } .testimonial-grid .item-grid .testimonials-profile .left img { border-radius: 50%; width: 50px; height: auto; } .colorpicker { z-index: 9999999 !important; } .permission-save-hidden #gavias_customize_save { display: none !important; } .gavias-skins-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background: #fff; right: -403px; position: fixed; height: auto; top: 0px; bottom: 0; -webkit-transition: all 0.35s; transition: all 0.35s; width: 400px; z-index: 999; } @media (prefers-reduced-motion: reduce) { .gavias-skins-panel { -webkit-transition: none; transition: none; } } .gavias-skins-panel .gavias-skins-panel-inner { bottom: 0; padding: 10px 10px 10px; height: auto; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; width: 100%; } .gavias-skins-panel.active { right: 0 !important; } .gavias-skins-panel #gavias_profile_customize_name option { color: #000; } .gavias-skins-panel .control-panel { position: absolute; top: 150px; left: -40px; width: 40px; height: 40px; background: var(--ziston-theme-color); color: #fff; font-size: 16px; line-height: 45px; text-align: center; } .gavias-skins-panel .control-panel:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content { padding-bottom: 20px; overflow: hidden; } .gavias-skins-panel .panel-skins-content:last-child { padding-bottom: 0; } .gavias-skins-panel .panel-skins-content .title { font-size: 14px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; color: #000; margin-bottom: 10px; } #customize-gavias-preivew { font-size: 14px; } #customize-gavias-preivew .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; font-weight: 600; } #customize-gavias-preivew select, #customize-gavias-preivew input { font-size: 14px; padding: 10px 10px; line-height: 20px; } #customize-gavias-preivew .form-group { position: relative; float: left; width: 100%; margin-bottom: 10px; } #customize-gavias-preivew .form-group label { width: 170px; float: left; padding-top: 10px; font-size: 13px; color: #161c26; font-weight: 400; } #customize-gavias-preivew .form-group label.fw { width: 100%; } #customize-gavias-preivew .form-group input { width: calc(100% - 170px); float: left; } #customize-gavias-preivew .form-group .colorselector { width: calc(100% - 170px); position: relative; } #customize-gavias-preivew .form-group .colorselector input { width: 100% !important; } #customize-gavias-preivew .form-group .colorselector .input-group-addon { border: 1px solid #dee2e6; position: absolute; width: 30px; height: 100%; top: 0; right: 0; z-index: 1; } #customize-gavias-preivew .form-group .colorselector .input-group-addon i { width: 30px; height: 20px; display: inline-block; } #customize-gavias-preivew .form-group .colorselector .remove { width: 34px; height: 34px; color: #000; position: absolute; top: 4px; right: 25px; line-height: 34px; text-align: center; z-index: 99; } #customize-gavias-preivew .form-group .colorselector .remove:hover { cursor: pointer; } .gavias_customize_form .form-group.action { float: left; width: 100%; margin-top: 20px; } .gavias_customize_form .form-group.action input { width: 28%; margin-left: 10px; color: #fff; font-weight: 600; margin-bottom: 10px; padding: 10px 0; } .gavias_customize_form .form-group.action input#gavias_customize_save { background: theme-color("success"); } .gavias_customize_form .form-group.action input#gavias_customize_preview { background: theme-color("info"); } .gavias_customize_form .form-group.action input#gavias_customize_reset { background: theme-color("warning"); } .gavias_sliderlayer { background: #fff; } .tp-parallax-wrap { visibility: visible !important; -webkit-transform-style: unset !important; transform-style: unset !important; } .tp-parallax-wrap::after { display: block; clear: both; content: ""; } .slotholder { -webkit-filter: unset !important; filter: unset !important; } .layer-style-image { display: inline-block; text-align: center; } .layer-style-image img { max-width: 100% !important; height: auto !important; } .gavias_sliderlayer .tp-bullets, #gavias_slider_single .tp-bullets { -webkit-opacity: 1 !important; -ms-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; visibility: visible !important; margin-left: -40px; } .gavias_sliderlayer .tp-bullets .tp-bullet, #gavias_slider_single .tp-bullets .tp-bullet { width: 20px; height: 5px; background: rgba(255, 255, 255, 0.4); } .gavias_sliderlayer .tp-bullets .tp-bullet.selected, #gavias_slider_single .tp-bullets .tp-bullet.selected { background: #fff; } .gavias_sliderlayer .tparrows, #gavias_slider_single .tparrows { width: 36px; height: 36px; background: #fff !important; line-height: 36px; color: #000; font-size: 18px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 575.98px) { .gavias_sliderlayer .tparrows, #gavias_slider_single .tparrows { width: 35px; height: 35px; line-height: 35px; } } .gavias_sliderlayer .tparrows:hover, .gavias_sliderlayer .tparrows:focus, #gavias_slider_single .tparrows:hover, #gavias_slider_single .tparrows:focus { background: var(--ziston-theme-color); color: #fff; } .gavias_sliderlayer .tparrows:before, #gavias_slider_single .tparrows:before { color: #000 !important; line-height: 36px !important; } .gavias_sliderlayer .tp-caption, #gavias_slider_single .tp-caption { z-index: 99; line-height: 28px; color: #000; } .gavias_sliderlayer .tp-caption img, #gavias_slider_single .tp-caption img { max-width: 100% !important; height: auto !important; } .gavias_sliderlayer .slide-style-1, #gavias_slider_single .slide-style-1 { font-family: var(--ziston-heading-font-family); font-weight: 700; letter-spacing: -0.5px; } .gavias_sliderlayer .slide-style-2, #gavias_slider_single .slide-style-2 { font-family: var(--ziston-heading-font-family); font-weight: 400; } .gavias_sliderlayer .slide-style-3, #gavias_slider_single .slide-style-3 { font-weight: 500; letter-spacing: 3px; font-family: var(--ziston-heading-font-family); border-bottom: 2px solid var(--ziston-theme-color); } .gavias_sliderlayer .sub-title, #gavias_slider_single .sub-title { text-transform: uppercase; font-size: 18px; line-height: 1.2; font-weight: 700; position: relative; padding-left: 20px; margin-bottom: 10px; color: #fff; } .gavias_sliderlayer .sub-title:after, #gavias_slider_single .sub-title:after { content: ""; width: 5px; height: 100%; background: var(--ziston-theme-color); position: absolute; top: -2px; left: 0; z-index: 99; } .gavias_sliderlayer .text-large, #gavias_slider_single .text-large { color: #000; font-size: 36px; line-height: 48px; letter-spacing: 1px; font-weight: 700; text-transform: none; } .gavias_sliderlayer .text-big, #gavias_slider_single .text-big { color: #000; font-size: 48px; line-height: 60px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; } .gavias_sliderlayer .text-medium, #gavias_slider_single .text-medium { color: rgba(0, 0, 0, 0.6); font-size: 20px; line-height: 22px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; } .gavias_sliderlayer .small-text, #gavias_slider_single .small-text { color: rgba(255, 255, 255, 0.8); font-size: 16px; color: #fff; line-height: 18px; } .gavias_sliderlayer .text-black, #gavias_slider_single .text-black { color: #000 !important; } .gavias_sliderlayer .text-theme, #gavias_slider_single .text-theme { color: var(--ziston-theme-color) !important; } .gavias_sliderlayer .text-theme-second, #gavias_slider_single .text-theme-second { color: var(--ziston-theme-color-second) !important; } .gavias_sliderlayer .text-white, #gavias_slider_single .text-white { color: #fff !important; } .gavias_sliderlayer .text-center, #gavias_slider_single .text-center { text-align: center; } .gavias_sliderlayer .text-left, #gavias_slider_single .text-left { text-align: left; } .gavias_sliderlayer .inner.btn-slide, .gavias_sliderlayer .btn-slide a, #gavias_slider_single .inner.btn-slide, #gavias_slider_single .btn-slide a { font-size: 17px; background: var(--ziston-theme-color); color: #fff; font-weight: 700; padding: 24px 45px 24px 45px; line-height: 20px; position: relative; z-index: 9; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; border: none; font-family: var(--ziston-heading-font-family); text-transform: none; } @media (prefers-reduced-motion: reduce) { .gavias_sliderlayer .inner.btn-slide, .gavias_sliderlayer .btn-slide a, #gavias_slider_single .inner.btn-slide, #gavias_slider_single .btn-slide a { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .gavias_sliderlayer .inner.btn-slide, .gavias_sliderlayer .btn-slide a, #gavias_slider_single .inner.btn-slide, #gavias_slider_single .btn-slide a { padding: 22px 35px 22px 35px; font-size: 15px; } } .gavias_sliderlayer .inner.btn-slide span, .gavias_sliderlayer .btn-slide a span, #gavias_slider_single .inner.btn-slide span, #gavias_slider_single .btn-slide a span { position: relative; z-index: 9; padding-left: 25px; display: inline-block; } .gavias_sliderlayer .inner.btn-slide span:after, .gavias_sliderlayer .btn-slide a span:after, #gavias_slider_single .inner.btn-slide span:after, #gavias_slider_single .btn-slide a span:after { content: ''; width: 15px; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; left: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } .gavias_sliderlayer .inner.btn-slide:hover, .gavias_sliderlayer .btn-slide a:hover, #gavias_slider_single .inner.btn-slide:hover, #gavias_slider_single .btn-slide a:hover { cursor: pointer; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); color: #fff; opacity: 0.9; } .gavias_sliderlayer .inner.btn-slide:hover span:after, .gavias_sliderlayer .btn-slide a:hover span:after, #gavias_slider_single .inner.btn-slide:hover span:after, #gavias_slider_single .btn-slide a:hover span:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .gavias_sliderlayer .btn-slide-white.inner, .gavias_sliderlayer .btn-slide-white a, #gavias_slider_single .btn-slide-white.inner, #gavias_slider_single .btn-slide-white a { background: #fff; color: var(--ziston-theme-color); overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 14px; font-weight: 700; padding: 10px 28px; position: relative; display: inline-block; line-height: 38px; z-index: 1; letter-spacing: 0.5px; text-transform: uppercase; font-family: var(--ziston-heading-font-family); border: none; } @media (prefers-reduced-motion: reduce) { .gavias_sliderlayer .btn-slide-white.inner, .gavias_sliderlayer .btn-slide-white a, #gavias_slider_single .btn-slide-white.inner, #gavias_slider_single .btn-slide-white a { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .gavias_sliderlayer .btn-slide-white.inner, .gavias_sliderlayer .btn-slide-white a, #gavias_slider_single .btn-slide-white.inner, #gavias_slider_single .btn-slide-white a { padding: 6px 16px; } } .gavias_sliderlayer .btn-slide-white.inner:hover, .gavias_sliderlayer .btn-slide-white.inner:focus, .gavias_sliderlayer .btn-slide-white.inner:active, .gavias_sliderlayer .btn-slide-white.inner.active, .gavias_sliderlayer .btn-slide-white a:hover, .gavias_sliderlayer .btn-slide-white a:focus, .gavias_sliderlayer .btn-slide-white a:active, .gavias_sliderlayer .btn-slide-white a.active, #gavias_slider_single .btn-slide-white.inner:hover, #gavias_slider_single .btn-slide-white.inner:focus, #gavias_slider_single .btn-slide-white.inner:active, #gavias_slider_single .btn-slide-white.inner.active, #gavias_slider_single .btn-slide-white a:hover, #gavias_slider_single .btn-slide-white a:focus, #gavias_slider_single .btn-slide-white a:active, #gavias_slider_single .btn-slide-white a.active { color: var(--ziston-theme-color); opacity: 0.9; } .gavias_sliderlayer .gavias-overlay:after, #gavias_slider_single .gavias-overlay:after { content: ""; background: url(/themes/custom/ziston/assets/css/../images/grid-slide.png) repeat rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .rs-background-video-layer { position: relative; } .rs-background-video-layer:after { content: ""; background: url(/themes/custom/ziston/assets/css/../images/grid-slide.png) repeat rgba(0, 0, 0, 0.39); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }