@charset "UTF-8"; /**
 * [Table of contents]
 * 1 Base
 * 1.1 Reset Styles
 * 1.2 Context Styles
 * 1.3 Page layout
 * 1.4 Offsets
 * 2 Utilities
 * 2.1 Text styling
 * 2.2 Row spacing
 * 2.3 Sections
 * 2.4 Grid modules
 * 2.5 Backgrounds
 * 2.6 Utilities custom
 * 3 Components
 * 3.1 Panel custom
 * 3.2 Progress Circle
 * 3.3 Lists
 * 3.4 Breadcrumbs
 * 3.5 Groups
 * 3.6 Tables custom
 * 3.7 Images
 * 3.8 Links
 * 3.9 Blocks
 * 3.10 RD Navbar
 * 3.11 Nav custom
 * 3.12 Countdown
 * 3.13 ToTop
 */ /** @group Base */ /** @section Reset Styles*/ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } button { padding: 0; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; } figure { margin: 0; } html p a:hover { text-decoration: none; } a:hover, a:focus { text-decoration: none; outline: none; } iframe { display: block; } /** @section Context Styles */ .context-dark, .bg-gray-700, .bg-accent, .bg-deluge, .bg-butterfly-bush, .navbar-inverse, .swiper-slide, .context-dark h1, .bg-gray-700 h1, .bg-accent h1, .bg-deluge h1, .bg-butterfly-bush h1, .navbar-inverse h1, .swiper-slide h1, .context-dark h2, .bg-gray-700 h2, .bg-accent h2, .bg-deluge h2, .bg-butterfly-bush h2, .navbar-inverse h2, .swiper-slide h2, .context-dark h3, .bg-gray-700 h3, .bg-accent h3, .bg-deluge h3, .bg-butterfly-bush h3, .navbar-inverse h3, .swiper-slide h3, .context-dark h4, .bg-gray-700 h4, .bg-accent h4, .bg-deluge h4, .bg-butterfly-bush h4, .navbar-inverse h4, .swiper-slide h4, .context-dark h5, .bg-gray-700 h5, .bg-accent h5, .bg-deluge h5, .bg-butterfly-bush h5, .navbar-inverse h5, .swiper-slide h5, .context-dark h6, .bg-gray-700 h6, .bg-accent h6, .bg-deluge h6, .bg-butterfly-bush h6, .navbar-inverse h6, .swiper-slide h6, .context-dark .h1, .bg-gray-700 .h1, .bg-accent .h1, .bg-deluge .h1, .bg-butterfly-bush .h1, .navbar-inverse .h1, .swiper-slide .h1, .context-dark .h2, .bg-gray-700 .h2, .bg-accent .h2, .bg-deluge .h2, .bg-butterfly-bush .h2, .navbar-inverse .h2, .swiper-slide .h2, .context-dark .h3, .bg-gray-700 .h3, .bg-accent .h3, .bg-deluge .h3, .bg-butterfly-bush .h3, .navbar-inverse .h3, .swiper-slide .h3, .context-dark .h4, .bg-gray-700 .h4, .bg-accent .h4, .bg-deluge .h4, .bg-butterfly-bush .h4, .navbar-inverse .h4, .swiper-slide .h4, .context-dark .h5, .bg-gray-700 .h5, .bg-accent .h5, .bg-deluge .h5, .bg-butterfly-bush .h5, .navbar-inverse .h5, .swiper-slide .h5, .context-dark .h6, .bg-gray-700 .h6, .bg-accent .h6, .bg-deluge .h6, .bg-butterfly-bush .h6, .navbar-inverse .h6, .swiper-slide .h6 { color: #fff; } .context-light { color: #868686; } .context-light h1, .context-light h2, .context-light h3, .context-light h4, .context-light h5, .context-light h6, .context-light .h1, .context-light .h2, .context-light .h3, .context-light .h4, .context-light .h5, .context-light .h6 { color: #272727; } .context-light .form-input-impressed { background: rgba(255, 255, 255, 0.6); } .context-light .form-input-impressed, .context-light .form-input-impressed:focus { box-shadow: none; } .context-light .form-label.focus { color: #434445; } .context-light .quote-outboxed .quote-body { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); background: #fff; } .context-light .quote-outboxed .quote-body:before { color: #f5f5f5; } .context-light .quote-outboxed .quote-body:after { border-color: #fff transparent transparent transparent; } .context-dark, .bg-gray-700, .bg-accent, .bg-deluge, .bg-butterfly-bush, .navbar-inverse, .swiper-slide, .context-dark .btn-link, .bg-gray-700 .btn-link, .bg-accent .btn-link, .bg-deluge .btn-link, .bg-butterfly-bush .btn-link, .navbar-inverse .btn-link, .swiper-slide .btn-link, .context-dark .form-label, .bg-gray-700 .form-label, .bg-accent .form-label, .bg-deluge .form-label, .bg-butterfly-bush .form-label, .navbar-inverse .form-label, .swiper-slide .form-label, .context-dark .form-label-outside.focus, .bg-gray-700 .form-label-outside.focus, .bg-accent .form-label-outside.focus, .bg-deluge .form-label-outside.focus, .bg-butterfly-bush .form-label-outside.focus, .navbar-inverse .form-label-outside.focus, .swiper-slide .form-label-outside.focus, .context-dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .bg-gray-700 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .bg-accent .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .bg-deluge .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .bg-butterfly-bush .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .navbar-inverse .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .swiper-slide .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .context-dark .select2-container--bootstrap .select2-selection, .bg-gray-700 .select2-container--bootstrap .select2-selection, .bg-accent .select2-container--bootstrap .select2-selection, .bg-deluge .select2-container--bootstrap .select2-selection, .bg-butterfly-bush .select2-container--bootstrap .select2-selection, .navbar-inverse .select2-container--bootstrap .select2-selection, .swiper-slide .select2-container--bootstrap .select2-selection, .context-dark h1, .bg-gray-700 h1, .bg-accent h1, .bg-deluge h1, .bg-butterfly-bush h1, .navbar-inverse h1, .swiper-slide h1, .context-dark .h1, .bg-gray-700 .h1, .bg-accent .h1, .bg-deluge .h1, .bg-butterfly-bush .h1, .navbar-inverse .h1, .swiper-slide .h1, .context-dark h2, .bg-gray-700 h2, .bg-accent h2, .bg-deluge h2, .bg-butterfly-bush h2, .navbar-inverse h2, .swiper-slide h2, .context-dark .h2, .bg-gray-700 .h2, .bg-accent .h2, .bg-deluge .h2, .bg-butterfly-bush .h2, .navbar-inverse .h2, .swiper-slide .h2, .context-dark h3, .bg-gray-700 h3, .bg-accent h3, .bg-deluge h3, .bg-butterfly-bush h3, .navbar-inverse h3, .swiper-slide h3, .context-dark .h3, .bg-gray-700 .h3, .bg-accent .h3, .bg-deluge .h3, .bg-butterfly-bush .h3, .navbar-inverse .h3, .swiper-slide .h3, .context-dark h4, .bg-gray-700 h4, .bg-accent h4, .bg-deluge h4, .bg-butterfly-bush h4, .navbar-inverse h4, .swiper-slide h4, .context-dark .h4, .bg-gray-700 .h4, .bg-accent .h4, .bg-deluge .h4, .bg-butterfly-bush .h4, .navbar-inverse .h4, .swiper-slide .h4, .context-dark h5, .bg-gray-700 h5, .bg-accent h5, .bg-deluge h5, .bg-butterfly-bush h5, .navbar-inverse h5, .swiper-slide h5, .context-dark .h5, .bg-gray-700 .h5, .bg-accent .h5, .bg-deluge .h5, .bg-butterfly-bush .h5, .navbar-inverse .h5, .swiper-slide .h5, .context-dark h6, .bg-gray-700 h6, .bg-accent h6, .bg-deluge h6, .bg-butterfly-bush h6, .navbar-inverse h6, .swiper-slide h6, .context-dark .h6, .bg-gray-700 .h6, .bg-accent .h6, .bg-deluge .h6, .bg-butterfly-bush .h6, .navbar-inverse .h6, .swiper-slide .h6 { color: #fff; } .context-dark .form-label.auto-fill, .bg-gray-700 .form-label.auto-fill, .bg-accent .form-label.auto-fill, .bg-deluge .form-label.auto-fill, .bg-butterfly-bush .form-label.auto-fill, .navbar-inverse .form-label.auto-fill, .swiper-slide .form-label.auto-fill { color: #272727; } .context-dark .countdown-custom .countdown-amount, .bg-gray-700 .countdown-custom .countdown-amount, .bg-accent .countdown-custom .countdown-amount, .bg-deluge .countdown-custom .countdown-amount, .bg-butterfly-bush .countdown-custom .countdown-amount, .navbar-inverse .countdown-custom .countdown-amount, .swiper-slide .countdown-custom .countdown-amount, .context-dark .countdown-custom .countdown-period, .bg-gray-700 .countdown-custom .countdown-period, .bg-accent .countdown-custom .countdown-period, .bg-deluge .countdown-custom .countdown-period, .bg-butterfly-bush .countdown-custom .countdown-period, .navbar-inverse .countdown-custom .countdown-period, .swiper-slide .countdown-custom .countdown-period { color: #fff; } .context-dark .responsive-tabs-dashed .resp-tabs-list > li, .bg-gray-700 .responsive-tabs-dashed .resp-tabs-list > li, .bg-accent .responsive-tabs-dashed .resp-tabs-list > li, .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li, .bg-butterfly-bush .responsive-tabs-dashed .resp-tabs-list > li, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li, .swiper-slide .responsive-tabs-dashed .resp-tabs-list > li { color: #e5e5e5; } .context-dark .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .bg-gray-700 .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .bg-accent .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .bg-butterfly-bush .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .swiper-slide .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .context-dark .responsive-tabs-dashed .resp-tabs-list > li:hover, .bg-gray-700 .responsive-tabs-dashed .resp-tabs-list > li:hover, .bg-accent .responsive-tabs-dashed .resp-tabs-list > li:hover, .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li:hover, .bg-butterfly-bush .responsive-tabs-dashed .resp-tabs-list > li:hover, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li:hover, .swiper-slide .responsive-tabs-dashed .resp-tabs-list > li:hover { color: #fff; } .context-dark .responsive-tabs-dashed .resp-tabs-list > li + li:before, .bg-gray-700 .responsive-tabs-dashed .resp-tabs-list > li + li:before, .bg-accent .responsive-tabs-dashed .resp-tabs-list > li + li:before, .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li + li:before, .bg-butterfly-bush .responsive-tabs-dashed .resp-tabs-list > li + li:before, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li + li:before, .swiper-slide .responsive-tabs-dashed .resp-tabs-list > li + li:before { background: #e5e5e5; } .context-dark .form-wrap > .form-input, .bg-gray-700 .form-wrap > .form-input, .bg-accent .form-wrap > .form-input, .bg-deluge .form-wrap > .form-input, .bg-butterfly-bush .form-wrap > .form-input, .navbar-inverse .form-wrap > .form-input, .swiper-slide .form-wrap > .form-input { color: #fff; } .context-dark .form-wrap > .form-input::-webkit-input-placeholder, .bg-gray-700 .form-wrap > .form-input::-webkit-input-placeholder, .bg-accent .form-wrap > .form-input::-webkit-input-placeholder, .bg-deluge .form-wrap > .form-input::-webkit-input-placeholder, .bg-butterfly-bush .form-wrap > .form-input::-webkit-input-placeholder, .navbar-inverse .form-wrap > .form-input::-webkit-input-placeholder, .swiper-slide .form-wrap > .form-input::-webkit-input-placeholder { color: #fff; } .context-dark .form-wrap > .form-input::-moz-placeholder, .bg-gray-700 .form-wrap > .form-input::-moz-placeholder, .bg-accent .form-wrap > .form-input::-moz-placeholder, .bg-deluge .form-wrap > .form-input::-moz-placeholder, .bg-butterfly-bush .form-wrap > .form-input::-moz-placeholder, .navbar-inverse .form-wrap > .form-input::-moz-placeholder, .swiper-slide .form-wrap > .form-input::-moz-placeholder { color: #fff; } .context-dark .form-wrap > .form-input:-ms-input-placeholder, .bg-gray-700 .form-wrap > .form-input:-ms-input-placeholder, .bg-accent .form-wrap > .form-input:-ms-input-placeholder, .bg-deluge .form-wrap > .form-input:-ms-input-placeholder, .bg-butterfly-bush .form-wrap > .form-input:-ms-input-placeholder, .navbar-inverse .form-wrap > .form-input:-ms-input-placeholder, .swiper-slide .form-wrap > .form-input:-ms-input-placeholder { color: #fff; } .context-dark .form-wrap > .form-input:-moz-placeholder, .bg-gray-700 .form-wrap > .form-input:-moz-placeholder, .bg-accent .form-wrap > .form-input:-moz-placeholder, .bg-deluge .form-wrap > .form-input:-moz-placeholder, .bg-butterfly-bush .form-wrap > .form-input:-moz-placeholder, .navbar-inverse .form-wrap > .form-input:-moz-placeholder, .swiper-slide .form-wrap > .form-input:-moz-placeholder { color: #fff; } .context-dark .btn-default, .bg-gray-700 .btn-default, .bg-accent .btn-default, .bg-deluge .btn-default, .bg-butterfly-bush .btn-default, .navbar-inverse .btn-default, .swiper-slide .btn-default { color: #fff; background-color: transparent; border-color: #fff; } .context-dark .btn-default:focus, .bg-gray-700 .btn-default:focus, .bg-accent .btn-default:focus, .bg-deluge .btn-default:focus, .bg-butterfly-bush .btn-default:focus, .navbar-inverse .btn-default:focus, .swiper-slide .btn-default:focus, .context-dark .btn-default.focus, .bg-gray-700 .btn-default.focus, .bg-accent .btn-default.focus, .bg-deluge .btn-default.focus, .bg-butterfly-bush .btn-default.focus, .navbar-inverse .btn-default.focus, .swiper-slide .btn-default.focus, .context-dark .btn-default:hover, .bg-gray-700 .btn-default:hover, .bg-accent .btn-default:hover, .bg-deluge .btn-default:hover, .bg-butterfly-bush .btn-default:hover, .navbar-inverse .btn-default:hover, .swiper-slide .btn-default:hover, .context-dark .btn-default:active, .bg-gray-700 .btn-default:active, .bg-accent .btn-default:active, .bg-deluge .btn-default:active, .bg-butterfly-bush .btn-default:active, .navbar-inverse .btn-default:active, .swiper-slide .btn-default:active, .context-dark .btn-default.active, .bg-gray-700 .btn-default.active, .bg-accent .btn-default.active, .bg-deluge .btn-default.active, .bg-butterfly-bush .btn-default.active, .navbar-inverse .btn-default.active, .swiper-slide .btn-default.active, .open > .context-dark .btn-default.dropdown-toggle, .open > .bg-gray-700 .btn-default.dropdown-toggle, .open > .bg-accent .btn-default.dropdown-toggle, .open > .bg-deluge .btn-default.dropdown-toggle, .open > .bg-butterfly-bush .btn-default.dropdown-toggle, .open > .navbar-inverse .btn-default.dropdown-toggle, .open > .swiper-slide .btn-default.dropdown-toggle { color: #434445; background-color: #fff; border-color: #fff; } .context-dark .btn-default:active, .bg-gray-700 .btn-default:active, .bg-accent .btn-default:active, .bg-deluge .btn-default:active, .bg-butterfly-bush .btn-default:active, .navbar-inverse .btn-default:active, .swiper-slide .btn-default:active, .context-dark .btn-default.active, .bg-gray-700 .btn-default.active, .bg-accent .btn-default.active, .bg-deluge .btn-default.active, .bg-butterfly-bush .btn-default.active, .navbar-inverse .btn-default.active, .swiper-slide .btn-default.active, .open > .context-dark .btn-default.dropdown-toggle, .open > .bg-gray-700 .btn-default.dropdown-toggle, .open > .bg-accent .btn-default.dropdown-toggle, .open > .bg-deluge .btn-default.dropdown-toggle, .open > .bg-butterfly-bush .btn-default.dropdown-toggle, .open > .navbar-inverse .btn-default.dropdown-toggle, .open > .swiper-slide .btn-default.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .context-dark .btn-default:active:hover, .bg-gray-700 .btn-default:active:hover, .bg-accent .btn-default:active:hover, .bg-deluge .btn-default:active:hover, .bg-butterfly-bush .btn-default:active:hover, .navbar-inverse .btn-default:active:hover, .swiper-slide .btn-default:active:hover, .context-dark .btn-default:active:focus, .bg-gray-700 .btn-default:active:focus, .bg-accent .btn-default:active:focus, .bg-deluge .btn-default:active:focus, .bg-butterfly-bush .btn-default:active:focus, .navbar-inverse .btn-default:active:focus, .swiper-slide .btn-default:active:focus, .context-dark .btn-default:active.focus, .bg-gray-700 .btn-default:active.focus, .bg-accent .btn-default:active.focus, .bg-deluge .btn-default:active.focus, .bg-butterfly-bush .btn-default:active.focus, .navbar-inverse .btn-default:active.focus, .swiper-slide .btn-default:active.focus, .context-dark .btn-default.active:hover, .bg-gray-700 .btn-default.active:hover, .bg-accent .btn-default.active:hover, .bg-deluge .btn-default.active:hover, .bg-butterfly-bush .btn-default.active:hover, .navbar-inverse .btn-default.active:hover, .swiper-slide .btn-default.active:hover, .context-dark .btn-default.active:focus, .bg-gray-700 .btn-default.active:focus, .bg-accent .btn-default.active:focus, .bg-deluge .btn-default.active:focus, .bg-butterfly-bush .btn-default.active:focus, .navbar-inverse .btn-default.active:focus, .swiper-slide .btn-default.active:focus, .context-dark .btn-default.active.focus, .bg-gray-700 .btn-default.active.focus, .bg-accent .btn-default.active.focus, .bg-deluge .btn-default.active.focus, .bg-butterfly-bush .btn-default.active.focus, .navbar-inverse .btn-default.active.focus, .swiper-slide .btn-default.active.focus, .open > .context-dark .btn-default.dropdown-toggle:hover, .open > .bg-gray-700 .btn-default.dropdown-toggle:hover, .open > .bg-accent .btn-default.dropdown-toggle:hover, .open > .bg-deluge .btn-default.dropdown-toggle:hover, .open > .bg-butterfly-bush .btn-default.dropdown-toggle:hover, .open > .navbar-inverse .btn-default.dropdown-toggle:hover, .open > .swiper-slide .btn-default.dropdown-toggle:hover, .open > .context-dark .btn-default.dropdown-toggle:focus, .open > .bg-gray-700 .btn-default.dropdown-toggle:focus, .open > .bg-accent .btn-default.dropdown-toggle:focus, .open > .bg-deluge .btn-default.dropdown-toggle:focus, .open > .bg-butterfly-bush .btn-default.dropdown-toggle:focus, .open > .navbar-inverse .btn-default.dropdown-toggle:focus, .open > .swiper-slide .btn-default.dropdown-toggle:focus, .open > .context-dark .btn-default.dropdown-toggle.focus, .open > .bg-gray-700 .btn-default.dropdown-toggle.focus, .open > .bg-accent .btn-default.dropdown-toggle.focus, .open > .bg-deluge .btn-default.dropdown-toggle.focus, .open > .bg-butterfly-bush .btn-default.dropdown-toggle.focus, .open > .navbar-inverse .btn-default.dropdown-toggle.focus, .open > .swiper-slide .btn-default.dropdown-toggle.focus { color: #434445; background-color: #fff; border-color: #fff; } .context-dark .btn-default.disabled, .bg-gray-700 .btn-default.disabled, .bg-accent .btn-default.disabled, .bg-deluge .btn-default.disabled, .bg-butterfly-bush .btn-default.disabled, .navbar-inverse .btn-default.disabled, .swiper-slide .btn-default.disabled, .context-dark .btn-default[disabled], .bg-gray-700 .btn-default[disabled], .bg-accent .btn-default[disabled], .bg-deluge .btn-default[disabled], .bg-butterfly-bush .btn-default[disabled], .navbar-inverse .btn-default[disabled], .swiper-slide .btn-default[disabled], fieldset[disabled] .context-dark .btn-default, fieldset[disabled] .bg-gray-700 .btn-default, fieldset[disabled] .bg-accent .btn-default, fieldset[disabled] .bg-deluge .btn-default, fieldset[disabled] .bg-butterfly-bush .btn-default, fieldset[disabled] .navbar-inverse .btn-default, fieldset[disabled] .swiper-slide .btn-default { pointer-events: none; opacity: .5; } .context-dark .btn-default .badge, .bg-gray-700 .btn-default .badge, .bg-accent .btn-default .badge, .bg-deluge .btn-default .badge, .bg-butterfly-bush .btn-default .badge, .navbar-inverse .btn-default .badge, .swiper-slide .btn-default .badge { color: transparent; background-color: #fff; } .context-dark .btn-default.btn-anis-effect:before, .bg-gray-700 .btn-default.btn-anis-effect:before, .bg-accent .btn-default.btn-anis-effect:before, .bg-deluge .btn-default.btn-anis-effect:before, .bg-butterfly-bush .btn-default.btn-anis-effect:before, .navbar-inverse .btn-default.btn-anis-effect:before, .swiper-slide .btn-default.btn-anis-effect:before, .context-dark .btn-default.btn-anis-effect:after, .bg-gray-700 .btn-default.btn-anis-effect:after, .bg-accent .btn-default.btn-anis-effect:after, .bg-deluge .btn-default.btn-anis-effect:after, .bg-butterfly-bush .btn-default.btn-anis-effect:after, .navbar-inverse .btn-default.btn-anis-effect:after, .swiper-slide .btn-default.btn-anis-effect:after { background: #fff; } .context-dark .owl-carousel .owl-prev, .bg-gray-700 .owl-carousel .owl-prev, .bg-accent .owl-carousel .owl-prev, .bg-deluge .owl-carousel .owl-prev, .bg-butterfly-bush .owl-carousel .owl-prev, .navbar-inverse .owl-carousel .owl-prev, .swiper-slide .owl-carousel .owl-prev, .context-dark .owl-carousel .owl-next, .bg-gray-700 .owl-carousel .owl-next, .bg-accent .owl-carousel .owl-next, .bg-deluge .owl-carousel .owl-next, .bg-butterfly-bush .owl-carousel .owl-next, .navbar-inverse .owl-carousel .owl-next, .swiper-slide .owl-carousel .owl-next { border-color: #fff; color: #fff; } .context-dark .counter-type-1 .divider, .bg-gray-700 .counter-type-1 .divider, .bg-accent .counter-type-1 .divider, .bg-deluge .counter-type-1 .divider, .bg-butterfly-bush .counter-type-1 .divider, .navbar-inverse .counter-type-1 .divider, .swiper-slide .counter-type-1 .divider { background: #fff; } .context-dark .form-input-impressed, .bg-gray-700 .form-input-impressed, .bg-accent .form-input-impressed, .bg-deluge .form-input-impressed, .bg-butterfly-bush .form-input-impressed, .navbar-inverse .form-input-impressed, .swiper-slide .form-input-impressed { background: #191919; } .context-dark .contact-info dl dd a, .bg-gray-700 .contact-info dl dd a, .bg-accent .contact-info dl dd a, .bg-deluge .contact-info dl dd a, .bg-butterfly-bush .contact-info dl dd a, .navbar-inverse .contact-info dl dd a, .swiper-slide .contact-info dl dd a, .context-dark .contact-info dl dd a:hover, .bg-gray-700 .contact-info dl dd a:hover, .bg-accent .contact-info dl dd a:hover, .bg-deluge .contact-info dl dd a:hover, .bg-butterfly-bush .contact-info dl dd a:hover, .navbar-inverse .contact-info dl dd a:hover, .swiper-slide .contact-info dl dd a:hover { color: #868686; } .context-dark .thumbnail-classic-caption, .bg-gray-700 .thumbnail-classic-caption, .bg-accent .thumbnail-classic-caption, .bg-deluge .thumbnail-classic-caption, .bg-butterfly-bush .thumbnail-classic-caption, .navbar-inverse .thumbnail-classic-caption, .swiper-slide .thumbnail-classic-caption { color: #434445; } .context-dark .thumbnail-classic-title, .bg-gray-700 .thumbnail-classic-title, .bg-accent .thumbnail-classic-title, .bg-deluge .thumbnail-classic-title, .bg-butterfly-bush .thumbnail-classic-title, .navbar-inverse .thumbnail-classic-title, .swiper-slide .thumbnail-classic-title { color: #434445; } .context-dark .has-error .form-validation, .bg-gray-700 .has-error .form-validation, .bg-accent .has-error .form-validation, .bg-deluge .has-error .form-validation, .bg-butterfly-bush .has-error .form-validation, .navbar-inverse .has-error .form-validation, .swiper-slide .has-error .form-validation { color: #fff; } @media (min-width: 768px) { .context-dark .form-label-outside.auto-fill, .bg-gray-700 .form-label-outside.auto-fill, .bg-accent .form-label-outside.auto-fill, .bg-deluge .form-label-outside.auto-fill, .bg-butterfly-bush .form-label-outside.auto-fill, .navbar-inverse .form-label-outside.auto-fill, .swiper-slide .form-label-outside.auto-fill { color: #fff; } } @media (min-width: 1200px) { .context-dark .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list, .bg-gray-700 .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list, .bg-accent .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list, .bg-deluge .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list, .bg-butterfly-bush .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list, .navbar-inverse .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list, .swiper-slide .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list { border-left-color: #868686; } .context-dark .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a, .bg-gray-700 .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a, .bg-accent .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a, .bg-deluge .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a, .bg-butterfly-bush .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a, .navbar-inverse .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a, .swiper-slide .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a { color: #bdbdbd; } .context-dark .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after, .bg-gray-700 .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after, .bg-accent .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after, .bg-deluge .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after, .bg-butterfly-bush .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after, .navbar-inverse .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after, .swiper-slide .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:after { background: #fff; } .context-dark .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .bg-gray-700 .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .bg-accent .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .bg-deluge .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .bg-butterfly-bush .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .navbar-inverse .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .swiper-slide .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a:hover, .context-dark .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .bg-gray-700 .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .bg-accent .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .bg-deluge .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .bg-butterfly-bush .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .navbar-inverse .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .swiper-slide .isotope-filters.isotope-filter-collapse-lg .isotope-filters-list > li > a.active { color: #fff; } } .bg-black .form-input-impressed { background: #111111; } .bg-accent .btn-java { color: #fff; background-color: #23D5AE; border-color: #23D5AE; } .bg-accent .btn-java:focus, .bg-accent .btn-java.focus, .bg-accent .btn-java:hover, .bg-accent .btn-java:active, .bg-accent .btn-java.active, .open > .bg-accent .btn-java.dropdown-toggle { color: #fff; background-color: #3b61b9; border-color: #3b61b9; } .bg-accent .btn-java:active, .bg-accent .btn-java.active, .open > .bg-accent .btn-java.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .bg-accent .btn-java:active:hover, .bg-accent .btn-java:active:focus, .bg-accent .btn-java:active.focus, .bg-accent .btn-java.active:hover, .bg-accent .btn-java.active:focus, .bg-accent .btn-java.active.focus, .open > .bg-accent .btn-java.dropdown-toggle:hover, .open > .bg-accent .btn-java.dropdown-toggle:focus, .open > .bg-accent .btn-java.dropdown-toggle.focus { color: #fff; background-color: #3b61b9; border-color: #3b61b9; } .bg-accent .btn-java.disabled, .bg-accent .btn-java[disabled], fieldset[disabled] .bg-accent .btn-java { pointer-events: none; opacity: .5; } .bg-accent .btn-java .badge { color: #23D5AE; background-color: #fff; } /** @section Page layout */ .page { position: relative; overflow: hidden; min-height: 100vh; opacity: 0; } .page.fadeIn { animation-timing-function: ease-out; } .page.fadeOut { animation-timing-function: ease-in; } [data-x-mode] .page { opacity: 1; } @media (min-width: 992px) { .header-absolute { position: absolute; right: 0; left: 0; z-index: 500; } } /** @section Offsets */ * + p { margin-top: 15px; } * + h1, * + .h1 { margin-top: 20px; } @media (min-width: 1200px) { * + h1, * + .h1 { margin-top: 30px; } } * + h2, * + .h2 { margin-top: 20px; } p + h2, p + .h2 { margin-top: 12px; } h2 + p, .h2 + p { margin-top: 12px; } * + .button { margin-top: 30px; } * + .container { margin-top: 30px; } * + .row { margin-top: 30px; } html .page .inset-left-0 { padding-left: 0; } html .page .inset-left-10 { padding-left: 10px; } html .page .inset-left-15 { padding-left: 15px; } html .page .inset-left-20 { padding-left: 20px; } html .page .inset-left-25 { padding-left: 25px; } html .page .inset-left-30 { padding-left: 30px; } html .page .inset-left-40 { padding-left: 40px; } html .page .inset-left-50 { padding-left: 50px; } html .page .inset-left-60 { padding-left: 60px; } html .page .inset-left-70 { padding-left: 70px; } html .page .inset-left-75 { padding-left: 75px; } html .page .inset-left-80 { padding-left: 80px; } html .page .inset-left-93 { padding-left: 93px; } html .page .inset-left-100 { padding-left: 100px; } html .page .inset-left-115 { padding-left: 115px; } @media (min-width: 480px) { html .page .inset-xs-left-0 { padding-left: 0; } html .page .inset-xs-left-10 { padding-left: 10px; } html .page .inset-xs-left-15 { padding-left: 15px; } html .page .inset-xs-left-20 { padding-left: 20px; } html .page .inset-xs-left-25 { padding-left: 25px; } html .page .inset-xs-left-30 { padding-left: 30px; } html .page .inset-xs-left-40 { padding-left: 40px; } html .page .inset-xs-left-50 { padding-left: 50px; } html .page .inset-xs-left-60 { padding-left: 60px; } html .page .inset-xs-left-70 { padding-left: 70px; } html .page .inset-xs-left-75 { padding-left: 75px; } html .page .inset-xs-left-80 { padding-left: 80px; } html .page .inset-xs-left-93 { padding-left: 93px; } html .page .inset-xs-left-100 { padding-left: 100px; } html .page .inset-xs-left-115 { padding-left: 115px; } } @media (min-width: 768px) { html .page .inset-sm-left-0 { padding-left: 0; } html .page .inset-sm-left-10 { padding-left: 10px; } html .page .inset-sm-left-15 { padding-left: 15px; } html .page .inset-sm-left-20 { padding-left: 20px; } html .page .inset-sm-left-25 { padding-left: 25px; } html .page .inset-sm-left-30 { padding-left: 30px; } html .page .inset-sm-left-40 { padding-left: 40px; } html .page .inset-sm-left-50 { padding-left: 50px; } html .page .inset-sm-left-60 { padding-left: 60px; } html .page .inset-sm-left-70 { padding-left: 70px; } html .page .inset-sm-left-75 { padding-left: 75px; } html .page .inset-sm-left-80 { padding-left: 80px; } html .page .inset-sm-left-93 { padding-left: 93px; } html .page .inset-sm-left-100 { padding-left: 100px; } html .page .inset-sm-left-115 { padding-left: 115px; } } @media (min-width: 992px) { html .page .inset-md-left-0 { padding-left: 0; } html .page .inset-md-left-10 { padding-left: 10px; } html .page .inset-md-left-15 { padding-left: 15px; } html .page .inset-md-left-20 { padding-left: 20px; } html .page .inset-md-left-25 { padding-left: 25px; } html .page .inset-md-left-30 { padding-left: 30px; } html .page .inset-md-left-40 { padding-left: 40px; } html .page .inset-md-left-50 { padding-left: 50px; } html .page .inset-md-left-60 { padding-left: 60px; } html .page .inset-md-left-70 { padding-left: 70px; } html .page .inset-md-left-75 { padding-left: 75px; } html .page .inset-md-left-80 { padding-left: 80px; } html .page .inset-md-left-93 { padding-left: 93px; } html .page .inset-md-left-100 { padding-left: 100px; } html .page .inset-md-left-115 { padding-left: 115px; } } @media (min-width: 1200px) { html .page .inset-lg-left-0 { padding-left: 0; } html .page .inset-lg-left-10 { padding-left: 10px; } html .page .inset-lg-left-15 { padding-left: 15px; } html .page .inset-lg-left-20 { padding-left: 20px; } html .page .inset-lg-left-25 { padding-left: 25px; } html .page .inset-lg-left-30 { padding-left: 30px; } html .page .inset-lg-left-40 { padding-left: 40px; } html .page .inset-lg-left-50 { padding-left: 50px; } html .page .inset-lg-left-60 { padding-left: 60px; } html .page .inset-lg-left-70 { padding-left: 70px; } html .page .inset-lg-left-75 { padding-left: 75px; } html .page .inset-lg-left-80 { padding-left: 80px; } html .page .inset-lg-left-93 { padding-left: 93px; } html .page .inset-lg-left-100 { padding-left: 100px; } html .page .inset-lg-left-115 { padding-left: 115px; } } @media (min-width: 1800px) { html .page .inset-xl-left-0 { padding-left: 0; } html .page .inset-xl-left-10 { padding-left: 10px; } html .page .inset-xl-left-15 { padding-left: 15px; } html .page .inset-xl-left-20 { padding-left: 20px; } html .page .inset-xl-left-25 { padding-left: 25px; } html .page .inset-xl-left-30 { padding-left: 30px; } html .page .inset-xl-left-40 { padding-left: 40px; } html .page .inset-xl-left-50 { padding-left: 50px; } html .page .inset-xl-left-60 { padding-left: 60px; } html .page .inset-xl-left-70 { padding-left: 70px; } html .page .inset-xl-left-75 { padding-left: 75px; } html .page .inset-xl-left-80 { padding-left: 80px; } html .page .inset-xl-left-93 { padding-left: 93px; } html .page .inset-xl-left-100 { padding-left: 100px; } html .page .inset-xl-left-115 { padding-left: 115px; } } html .page .inset-right-0 { padding-right: 0; } html .page .inset-right-10 { padding-right: 10px; } html .page .inset-right-15 { padding-right: 15px; } html .page .inset-right-20 { padding-right: 20px; } html .page .inset-right-25 { padding-right: 25px; } html .page .inset-right-30 { padding-right: 30px; } html .page .inset-right-40 { padding-right: 40px; } html .page .inset-right-50 { padding-right: 50px; } html .page .inset-right-60 { padding-right: 60px; } html .page .inset-right-70 { padding-right: 70px; } html .page .inset-right-75 { padding-right: 75px; } html .page .inset-right-80 { padding-right: 80px; } html .page .inset-right-93 { padding-right: 93px; } html .page .inset-right-100 { padding-right: 100px; } html .page .inset-right-115 { padding-right: 115px; } @media (min-width: 480px) { html .page .inset-xs-right-0 { padding-right: 0; } html .page .inset-xs-right-10 { padding-right: 10px; } html .page .inset-xs-right-15 { padding-right: 15px; } html .page .inset-xs-right-20 { padding-right: 20px; } html .page .inset-xs-right-25 { padding-right: 25px; } html .page .inset-xs-right-30 { padding-right: 30px; } html .page .inset-xs-right-40 { padding-right: 40px; } html .page .inset-xs-right-50 { padding-right: 50px; } html .page .inset-xs-right-60 { padding-right: 60px; } html .page .inset-xs-right-70 { padding-right: 70px; } html .page .inset-xs-right-75 { padding-right: 75px; } html .page .inset-xs-right-80 { padding-right: 80px; } html .page .inset-xs-right-93 { padding-right: 93px; } html .page .inset-xs-right-100 { padding-right: 100px; } html .page .inset-xs-right-115 { padding-right: 115px; } } @media (min-width: 768px) { html .page .inset-sm-right-0 { padding-right: 0; } html .page .inset-sm-right-10 { padding-right: 10px; } html .page .inset-sm-right-15 { padding-right: 15px; } html .page .inset-sm-right-20 { padding-right: 20px; } html .page .inset-sm-right-25 { padding-right: 25px; } html .page .inset-sm-right-30 { padding-right: 30px; } html .page .inset-sm-right-40 { padding-right: 40px; } html .page .inset-sm-right-50 { padding-right: 50px; } html .page .inset-sm-right-60 { padding-right: 60px; } html .page .inset-sm-right-70 { padding-right: 70px; } html .page .inset-sm-right-75 { padding-right: 75px; } html .page .inset-sm-right-80 { padding-right: 80px; } html .page .inset-sm-right-93 { padding-right: 93px; } html .page .inset-sm-right-100 { padding-right: 100px; } html .page .inset-sm-right-115 { padding-right: 115px; } } @media (min-width: 992px) { html .page .inset-md-right-0 { padding-right: 0; } html .page .inset-md-right-10 { padding-right: 10px; } html .page .inset-md-right-15 { padding-right: 15px; } html .page .inset-md-right-20 { padding-right: 20px; } html .page .inset-md-right-25 { padding-right: 25px; } html .page .inset-md-right-30 { padding-right: 30px; } html .page .inset-md-right-40 { padding-right: 40px; } html .page .inset-md-right-50 { padding-right: 50px; } html .page .inset-md-right-60 { padding-right: 60px; } html .page .inset-md-right-70 { padding-right: 70px; } html .page .inset-md-right-75 { padding-right: 75px; } html .page .inset-md-right-80 { padding-right: 80px; } html .page .inset-md-right-93 { padding-right: 93px; } html .page .inset-md-right-100 { padding-right: 100px; } html .page .inset-md-right-115 { padding-right: 115px; } } @media (min-width: 1200px) { html .page .inset-lg-right-0 { padding-right: 0; } html .page .inset-lg-right-10 { padding-right: 10px; } html .page .inset-lg-right-15 { padding-right: 15px; } html .page .inset-lg-right-20 { padding-right: 20px; } html .page .inset-lg-right-25 { padding-right: 25px; } html .page .inset-lg-right-30 { padding-right: 30px; } html .page .inset-lg-right-40 { padding-right: 40px; } html .page .inset-lg-right-50 { padding-right: 50px; } html .page .inset-lg-right-60 { padding-right: 60px; } html .page .inset-lg-right-70 { padding-right: 70px; } html .page .inset-lg-right-75 { padding-right: 75px; } html .page .inset-lg-right-80 { padding-right: 80px; } html .page .inset-lg-right-93 { padding-right: 93px; } html .page .inset-lg-right-100 { padding-right: 100px; } html .page .inset-lg-right-115 { padding-right: 115px; } } @media (min-width: 1800px) { html .page .inset-xl-right-0 { padding-right: 0; } html .page .inset-xl-right-10 { padding-right: 10px; } html .page .inset-xl-right-15 { padding-right: 15px; } html .page .inset-xl-right-20 { padding-right: 20px; } html .page .inset-xl-right-25 { padding-right: 25px; } html .page .inset-xl-right-30 { padding-right: 30px; } html .page .inset-xl-right-40 { padding-right: 40px; } html .page .inset-xl-right-50 { padding-right: 50px; } html .page .inset-xl-right-60 { padding-right: 60px; } html .page .inset-xl-right-70 { padding-right: 70px; } html .page .inset-xl-right-75 { padding-right: 75px; } html .page .inset-xl-right-80 { padding-right: 80px; } html .page .inset-xl-right-93 { padding-right: 93px; } html .page .inset-xl-right-100 { padding-right: 100px; } html .page .inset-xl-right-115 { padding-right: 115px; } } h1 + * { margin-top: 43px; } h2 + * { margin-top: 33px !important; } h3 + * { margin-top: 27px; } h4 + * { margin-top: 11px; } h5 + * { margin-top: 9px; } h6 + * { margin-top: 14px; } h6 + hr { margin-top: 9px; } hr + img { margin-top: 8px; } img + p { margin-top: 10px; } p + h5 { margin-top: 5px; } h3 + .text-extra-big { margin-top: 42px; } h3 + .divider-lg { margin-top: 35px; } .icon + h5 { margin-top: 20px; } .unit + p { margin-top: 15px; } .unit + .unit { margin-top: 9px; } .inset-left-7p { padding-left: 7%; } .inset-right-7p { padding-right: 7%; } .inset-left-11p { padding-left: 11%; } .inset-right-11p { padding-right: 11%; } html .page .offset-top-0 { margin-top: 0; } html .page .offset-top-4 { margin-top: 4px; } html .page .offset-top-10 { margin-top: 10px; } html .page .offset-top-14 { margin-top: 14px; } html .page .offset-top-20 { margin-top: 20px; } html .page .offset-top-24 { margin-top: 24px; } html .page .offset-top-30 { margin-top: 30px; } html .page .offset-top-34 { margin-top: 34px; } html .page .offset-top-41 { margin-top: 41px; } html .page .offset-top-50 { margin-top: 50px; } html .page .offset-top-55 { margin-top: 55px; } html .page .offset-top-60 { margin-top: 60px; } html .page .offset-top-66 { margin-top: 66px; } html .page .offset-top-70 { margin-top: 70px; } html .page .offset-top-90 { margin-top: 90px; } html .page .offset-top-98 { margin-top: 98px; } html .page .offset-top-110 { margin-top: 110px; } html .page .offset-top-124 { margin-top: 124px; } html .page .offset-top-130 { margin-top: 130px; } @media (min-width: 480px) { html .page .offset-xs-top-0 { margin-top: 0; } html .page .offset-xs-top-4 { margin-top: 4px; } html .page .offset-xs-top-10 { margin-top: 10px; } html .page .offset-xs-top-14 { margin-top: 14px; } html .page .offset-xs-top-20 { margin-top: 20px; } html .page .offset-xs-top-24 { margin-top: 24px; } html .page .offset-xs-top-30 { margin-top: 30px; } html .page .offset-xs-top-34 { margin-top: 34px; } html .page .offset-xs-top-41 { margin-top: 41px; } html .page .offset-xs-top-50 { margin-top: 50px; } html .page .offset-xs-top-55 { margin-top: 55px; } html .page .offset-xs-top-60 { margin-top: 60px; } html .page .offset-xs-top-66 { margin-top: 66px; } html .page .offset-xs-top-70 { margin-top: 70px; } html .page .offset-xs-top-90 { margin-top: 90px; } html .page .offset-xs-top-98 { margin-top: 98px; } html .page .offset-xs-top-110 { margin-top: 110px; } html .page .offset-xs-top-124 { margin-top: 124px; } html .page .offset-xs-top-130 { margin-top: 130px; } } @media (min-width: 768px) { html .page .offset-sm-top-0 { margin-top: 0; } html .page .offset-sm-top-4 { margin-top: 4px; } html .page .offset-sm-top-10 { margin-top: 10px; } html .page .offset-sm-top-14 { margin-top: 14px; } html .page .offset-sm-top-20 { margin-top: 20px; } html .page .offset-sm-top-24 { margin-top: 24px; } html .page .offset-sm-top-30 { margin-top: 30px; } html .page .offset-sm-top-34 { margin-top: 34px; } html .page .offset-sm-top-41 { margin-top: 41px; } html .page .offset-sm-top-50 { margin-top: 50px; } html .page .offset-sm-top-55 { margin-top: 55px; } html .page .offset-sm-top-60 { margin-top: 60px; } html .page .offset-sm-top-66 { margin-top: 66px; } html .page .offset-sm-top-70 { margin-top: 70px; } html .page .offset-sm-top-90 { margin-top: 90px; } html .page .offset-sm-top-98 { margin-top: 98px; } html .page .offset-sm-top-110 { margin-top: 110px; } html .page .offset-sm-top-124 { margin-top: 124px; } html .page .offset-sm-top-130 { margin-top: 130px; } } @media (min-width: 992px) { html .page .offset-md-top-0 { margin-top: 0; } html .page .offset-md-top-4 { margin-top: 4px; } html .page .offset-md-top-10 { margin-top: 10px; } html .page .offset-md-top-14 { margin-top: 14px; } html .page .offset-md-top-20 { margin-top: 20px; } html .page .offset-md-top-24 { margin-top: 24px; } html .page .offset-md-top-30 { margin-top: 30px; } html .page .offset-md-top-34 { margin-top: 34px; } html .page .offset-md-top-41 { margin-top: 41px; } html .page .offset-md-top-50 { margin-top: 50px; } html .page .offset-md-top-55 { margin-top: 55px; } html .page .offset-md-top-60 { margin-top: 60px; } html .page .offset-md-top-66 { margin-top: 66px; } html .page .offset-md-top-70 { margin-top: 70px; } html .page .offset-md-top-90 { margin-top: 90px; } html .page .offset-md-top-98 { margin-top: 98px; } html .page .offset-md-top-110 { margin-top: 110px; } html .page .offset-md-top-124 { margin-top: 124px; } html .page .offset-md-top-130 { margin-top: 130px; } } @media (min-width: 1200px) { html .page .offset-lg-top-0 { margin-top: 0; } html .page .offset-lg-top-4 { margin-top: 4px; } html .page .offset-lg-top-10 { margin-top: 10px; } html .page .offset-lg-top-14 { margin-top: 14px; } html .page .offset-lg-top-20 { margin-top: 20px; } html .page .offset-lg-top-24 { margin-top: 24px; } html .page .offset-lg-top-30 { margin-top: 30px; } html .page .offset-lg-top-34 { margin-top: 34px; } html .page .offset-lg-top-41 { margin-top: 41px; } html .page .offset-lg-top-50 { margin-top: 50px; } html .page .offset-lg-top-55 { margin-top: 55px; } html .page .offset-lg-top-60 { margin-top: 60px; } html .page .offset-lg-top-66 { margin-top: 66px; } html .page .offset-lg-top-70 { margin-top: 70px; } html .page .offset-lg-top-90 { margin-top: 90px; } html .page .offset-lg-top-98 { margin-top: 98px; } html .page .offset-lg-top-110 { margin-top: 110px; } html .page .offset-lg-top-124 { margin-top: 124px; } html .page .offset-lg-top-130 { margin-top: 130px; } } @media (min-width: 1800px) { html .page .offset-xl-top-0 { margin-top: 0; } html .page .offset-xl-top-4 { margin-top: 4px; } html .page .offset-xl-top-10 { margin-top: 10px; } html .page .offset-xl-top-14 { margin-top: 14px; } html .page .offset-xl-top-20 { margin-top: 20px; } html .page .offset-xl-top-24 { margin-top: 24px; } html .page .offset-xl-top-30 { margin-top: 30px; } html .page .offset-xl-top-34 { margin-top: 34px; } html .page .offset-xl-top-41 { margin-top: 41px; } html .page .offset-xl-top-50 { margin-top: 50px; } html .page .offset-xl-top-55 { margin-top: 55px; } html .page .offset-xl-top-60 { margin-top: 60px; } html .page .offset-xl-top-66 { margin-top: 66px; } html .page .offset-xl-top-70 { margin-top: 70px; } html .page .offset-xl-top-90 { margin-top: 90px; } html .page .offset-xl-top-98 { margin-top: 98px; } html .page .offset-xl-top-110 { margin-top: 110px; } html .page .offset-xl-top-124 { margin-top: 124px; } html .page .offset-xl-top-130 { margin-top: 130px; } } html .page .offset-none { margin-top: 0; margin-bottom: 0; } @media (min-width: 992px) { html .page .offset-md-left-negative-6 { margin-left: -6px; } html .page .offset-md-right-negative-6 { margin-right: -6px; } } @media (min-width: 1200px) { html .page .offset-lg-top-34-negative { margin-top: -34px; } } .inset-left-20 { padding-left: 20px; } .inset-left-27 { padding-left: 27px; } .inset-left-11p { padding-left: 11.6%; } .inset-right-27 { padding-right: 27px; } .inset-right-11p { padding-right: 11.6%; } .inset-right-7p { padding-right: 11.6%; } .inset-66 { padding-left: 66px; padding-right: 66px; } .inset-top-40 { padding-top: 40px; } .inset-top-30 { padding-top: 30px; } .inset-top-15 { padding-top: 15px; } .inset-bottom-80 { padding-bottom: 80px; } .inset-bottom-40 { padding-bottom: 40px; } .inset-none { padding: 0 !important; } /** @group Utilities */ /** @section Text styling */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .font-weight-thin { font-weight: 100; } .font-weight-extra-light { font-weight: 200; } .font-weight-light { font-weight: 300; } .font-weight-regular { font-weight: 400; } .font-weight-medium { font-weight: 500; } .font-weight-semi-bold { font-weight: 600; } .font-weight-bold { font-weight: 700; } .font-weight-extra-bold { font-weight: 800; } .font-weight-black { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-primary { color: #2a93c9 !important; } .text-thin { font-weight: 100; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-sbold { font-weight: 600; } .text-bold, strong { font-weight: 700; } .text-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-spacing-20 { letter-spacing: 0.02em; } .text-spacing-40 { letter-spacing: 0.04em; } .text-spacing-60 { letter-spacing: 0.06em; } .text-spacing-120 { letter-spacing: 0.12em; } /** @section Row spacing */ .row-0 { margin-bottom: 0px; } .row-0:empty { margin-bottom: 0; } .row-0 > * { margin-bottom: 0px; } .row-5 { margin-bottom: -5px; } .row-5:empty { margin-bottom: 0; } .row-5 > * { margin-bottom: 5px; } .row-15 { margin-bottom: -15px; } .row-15:empty { margin-bottom: 0; } .row-15 > * { margin-bottom: 15px; } .row-10 { margin-bottom: -10px; } .row-10:empty { margin-bottom: 0; } .row-10 > * { margin-bottom: 10px; } .row-20 { margin-bottom: -20px; } .row-20:empty { margin-bottom: 0; } .row-20 > * { margin-bottom: 20px; } .row-30 { margin-bottom: -30px; } .row-30:empty { margin-bottom: 0; } .row-30 > * { margin-bottom: 30px; } .row-40 { margin-bottom: -40px; } .row-40:empty { margin-bottom: 0; } .row-40 > * { margin-bottom: 40px; } .row-50 { margin-bottom: -50px; } .row-50:empty { margin-bottom: 0; } .row-50 > * { margin-bottom: 50px; } .row-xl-50 { margin-bottom: -30px; } .row-xl-50:empty { margin-bottom: 0; } .row-xl-50 > * { margin-bottom: 30px; } @media (min-width: 1200px) { .row-xl-50 { margin-bottom: -50px; } .row-xl-50:empty { margin-bottom: 0; } .row-xl-50 > * { margin-bottom: 50px; } } /** @section Sections */ .section-sm { padding: 25px 0; } .section-md, .section-lg, .section-xl, .section-xxl { padding: 50px 0; } .section-collapse + .section-collapse { padding-top: 0; } .section-collapse:last-child { padding-bottom: 0; } html [class*='section-'].section-bottom-0 { padding-bottom: 0; } @media (max-width: 767.98px) { section.section-md:first-of-type, section.section-lg:first-of-type, section.section-xl:first-of-type, section.section-xxl:first-of-type, section.section-xxl:first-of-type { padding-top: 40px; } } @media (min-width: 768px) { .section-md { padding: 10px 0; } .section-lg { padding: 70px 0; } .section-xl { padding: 85px 0; } } @media (min-width: 992px) { .section-lg { padding: 80px 0 90px; } .section-xl { padding: 100px 0; } } @media (min-width: 1200px) { .section-xl { padding: 115px 0; } } .section-single { display: flex; text-align: center; } .section-single p { margin-left: auto; margin-right: auto; } .section-single * + .rights { margin-top: 35px; } @media (min-width: 992px) { .section-single * + .rights { margin-top: 60px; } } .section-single .rd-mailform-wrap { max-width: 670px; margin-left: auto; margin-right: auto; text-align: center; } .section-single * + .rd-mailform-wrap { margin-top: 20px; } .section-single-header { padding: calc(1em + 3vh) 0 calc(1em + 2vh); } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0 calc(1em + 3vh); } .section-single-inner { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; } .section-single-inner > * { width: 100%; } .section-relative { position: relative; z-index: 1; } @media (min-width: 1200px) { .section-split { margin-left: auto; margin-right: 0; width: 50%; } } .section-image-aside { position: relative; } .section-image-aside-img { position: absolute; top: 0; bottom: 0; width: 50vw; -webkit-background-size: cover; background-size: cover; } .section-image-aside-left .section-image-aside-img { right: 100%; } .section-image-aside-right .section-image-aside-img { left: 100%; } .section-code { padding: 20px; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); background: #f7f7f7; } @media (min-width: 768px) { .section-code { padding: 30px; margin-left: -30px; margin-right: -30px; } } .section-navigation { padding: 20px; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); background: #f7f7f7; } .section-navigation iframe { border: none; } @media (min-width: 768px) { .section-navigation { padding: 30px; margin-left: -45px; margin-right: -45px; } } .section-triangle { position: relative; } .section-triangle svg { position: absolute; left: 50%; width: 60px; height: 30px; margin-left: -30px; } .section-triangle-bottom svg { top: 100%; margin-top: -1px; z-index: 1; } .section-triangle-top svg { top: 0; transform: rotate(180deg); z-index: 1; } .section-collar { position: relative; } .section-collar, .section-collar:before, .section-collar:after { background: #fff; } .section-collar:before, .section-collar:after { content: ''; position: absolute; top: 100%; margin-top: -1px; height: 30px; width: 60%; z-index: 1; } .section-collar:before { left: -10%; margin-left: -15px; transform: skewX(-45deg); } .section-collar:after { right: -10%; margin-right: -15px; transform: skewX(45deg); } .slider-menu-position { position: relative; } .slider-menu-position .rd-navbar-wrap { position: absolute; top: 0; left: 0; right: 0; } .mock-up-wrapper { position: relative; } .mock-up-desktop-wrapper { margin-bottom: -80px; max-width: 100%; } .mock-up-circle { position: absolute; left: -15%; bottom: 65px; } .mock-up-mobile-wrapper { position: absolute; right: -5%; bottom: -140px; } @media (min-width: 992px) { .mock-up-mobile-wrapper { right: -15%; } } .one-page { position: relative; } .one-page-header, .one-page-footer { position: absolute; left: 50%; transform: translateX(-50%); } .one-page-header { top: 33px; } .one-page-footer { bottom: 33px; } .section-cover { min-height: 100vh; } .section-center-absolute { z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .section-graph-demonstration { overflow: auto; } .section-graph-demonstration > .graph-content { min-width: 500px; } @media (min-width: 576px) { .section-graph-demonstration > .graph-content { min-width: 0; } } .section-graph-demonstration .isotope .row > [class*="col-"] { padding-left: 0; padding-right: 0; } .section-graph-demonstration #high-line { overflow: hidden; } .section-graph-demonstration #high-line svg { margin-top: -2px; } .section-team-custom-effects { position: relative; } .section-team-custom-effects .bg-title { font-size: 170px; line-height: 204px; color: #f5f5f5; position: absolute; bottom: 18%; left: 46%; z-index: -2; } .section-team-custom-effects .bg-title span { display: block; position: relative; left: 55px; } .section-team-custom-effects .container-fluid { padding-left: 0; padding-right: 0; } .section-team-custom-effects .slide-content-animate { padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .section-team-custom-effects .owl-custom-navigation { position: absolute; bottom: 66px; right: 0; z-index: 1; width: 41.66667%; } } .rd-navbar-iframe-demonstration { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); border: 1px solid #e5e5e5; } .rd-navbar-iframe-demonstration iframe { width: 100%; border: none; outline: 1px solid transparent; transition: 0.35s height ease; } .rd-navbar-iframe-demonstration iframe html, .rd-navbar-iframe-demonstration iframe body, .rd-navbar-iframe-demonstration iframe .page { height: 100%; } @media (max-width: 1200px) { .rd-navbar-iframe-demonstration { padding: 0; } .rd-navbar-iframe-demonstration iframe { height: 56px; } .rd-navbar-iframe-demonstration iframe.active, .rd-navbar-iframe-demonstration iframe.active.active-panel { height: 570px; } .rd-navbar-iframe-demonstration iframe.active-panel { height: 220px; } } .tablet #bg-animation, .mobile #bg-animation { display: none; } #bg-animation { position: absolute; top: 0; left: 0; right: 0; width: 100%; bottom: 0; } .section-grid-no-padding .isotope-filters-horizontal, .section-grid-no-padding .isotope-filters-vertical { padding-left: 0; padding-right: 0; } /* 
Section Slider Custom 
 */ .section-slider-custom { padding: 100px 0 50px; } @media (min-width: 992px) { .section-slider-custom { padding: 160px 0 50px; } } .section-index { z-index: 1; position: relative; } @media (min-width: 992px) { .section-cobbles-gallery .isotope-item { width: 20%; } } @media (max-width: 767.98px) { .section-grid-demonstration [class*="col-"] p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } } @media (max-width: 480px) { .section-grid-demonstration [class*="col-"] > div { padding: 0 !important; } .section-grid-demonstration [class*="col-"] { padding-left: 5px; padding-right: 5px; } } @media (min-width: 576px) { .section-grid-demonstration [class*="col-"] > div { padding: 10px !important; } } @media (min-width: 1200px) { .section-grid-demonstration [class*="col-"] > div { padding: 30px !important; } } .section-30 { padding-top: 30px; padding-bottom: 30px; } .section-0 { padding-top: 0; padding-bottom: 0; } .section-20 { padding-top: 20px; padding-bottom: 20px; } .section-34 { padding-top: 34px; padding-bottom: 34px; } .section-41 { padding-top: 41px; padding-bottom: 41px; } .section-50 { padding-top: 50px; padding-bottom: 50px; } .section-66 { padding-top: 66px; padding-bottom: 66px; } .section-85 { padding-top: 85px; padding-bottom: 85px; } .section-98 { padding-top: 98px; padding-bottom: 98px; } .section-110 { padding-top: 110px; padding-bottom: 110px; } .section-124 { padding-top: 124px; padding-bottom: 124px; } .section-167 { padding-top: 167px; padding-bottom: 167px; } .section-200 { padding-top: 200px; padding-bottom: 200px; } .section-254 { padding-top: 254px; padding-bottom: 254px; } .section-350 { padding-top: 350px; padding-bottom: 350px; } @media (min-width: 480px) { .section-xs-0 { padding-top: 0; padding-bottom: 0; } .section-xs-20 { padding-top: 20px; padding-bottom: 20px; } .section-xs-34 { padding-top: 34px; padding-bottom: 34px; } .section-xs-41 { padding-top: 41px; padding-bottom: 41px; } .section-xs-50 { padding-top: 50px; padding-bottom: 50px; } .section-xs-66 { padding-top: 66px; padding-bottom: 66px; } .section-xs-85 { padding-top: 85px; padding-bottom: 85px; } .section-xs-98 { padding-top: 98px; padding-bottom: 98px; } .section-xs-110 { padding-top: 110px; padding-bottom: 110px; } .section-xs-124 { padding-top: 124px; padding-bottom: 124px; } .section-xs-167 { padding-top: 167px; padding-bottom: 167px; } .section-xs-200 { padding-top: 200px; padding-bottom: 200px; } .section-xs-254 { padding-top: 254px; padding-bottom: 254px; } .section-xs-350 { padding-top: 350px; padding-bottom: 350px; } } @media (min-width: 768px) { .section-sm-0 { padding-top: 0; padding-bottom: 0; } .section-sm-20 { padding-top: 20px; padding-bottom: 20px; } .section-sm-34 { padding-top: 34px; padding-bottom: 34px; } .section-sm-41 { padding-top: 41px; padding-bottom: 41px; } .section-sm-50 { padding-top: 50px; padding-bottom: 50px; } .section-sm-66 { padding-top: 66px; padding-bottom: 66px; } .section-sm-85 { padding-top: 85px; padding-bottom: 85px; } .section-sm-98 { padding-top: 98px; padding-bottom: 98px; } .section-sm-110 { padding-top: 110px; padding-bottom: 110px; } .section-sm-124 { padding-top: 124px; padding-bottom: 124px; } .section-sm-167 { padding-top: 167px; padding-bottom: 167px; } .section-sm-200 { padding-top: 200px; padding-bottom: 200px; } .section-sm-254 { padding-top: 254px; padding-bottom: 254px; } .section-sm-350 { padding-top: 350px; padding-bottom: 350px; } } @media (min-width: 992px) { .section-md-0 { padding-top: 0; padding-bottom: 0; } .section-md-20 { padding-top: 20px; padding-bottom: 20px; } .section-md-34 { padding-top: 34px; padding-bottom: 34px; } .section-md-41 { padding-top: 41px; padding-bottom: 41px; } .section-md-50 { padding-top: 50px; padding-bottom: 50px; } .section-md-66 { padding-top: 66px; padding-bottom: 66px; } .section-md-85 { padding-top: 85px; padding-bottom: 85px; } .section-md-98 { padding-top: 98px; padding-bottom: 98px; } .section-md-110 { padding-top: 110px; padding-bottom: 110px; } .section-md-124 { padding-top: 124px; padding-bottom: 124px; } .section-md-167 { padding-top: 167px; padding-bottom: 167px; } .section-md-200 { padding-top: 200px; padding-bottom: 200px; } .section-md-254 { padding-top: 254px; padding-bottom: 254px; } .section-md-350 { padding-top: 350px; padding-bottom: 350px; } } @media (min-width: 1200px) { .section-lg-0 { padding-top: 0; padding-bottom: 0; } .section-lg-20 { padding-top: 20px; padding-bottom: 20px; } .section-lg-34 { padding-top: 34px; padding-bottom: 34px; } .section-lg-41 { padding-top: 41px; padding-bottom: 41px; } .section-lg-50 { padding-top: 50px; padding-bottom: 50px; } .section-lg-66 { padding-top: 66px; padding-bottom: 66px; } .section-lg-85 { padding-top: 85px; padding-bottom: 85px; } .section-lg-98 { padding-top: 98px; padding-bottom: 98px; } .section-lg-110 { padding-top: 110px; padding-bottom: 110px; } .section-lg-124 { padding-top: 124px; padding-bottom: 124px; } .section-lg-167 { padding-top: 167px; padding-bottom: 167px; } .section-lg-200 { padding-top: 200px; padding-bottom: 200px; } .section-lg-254 { padding-top: 254px; padding-bottom: 254px; } .section-lg-350 { padding-top: 350px; padding-bottom: 350px; } } @media (min-width: 1800px) { .section-xl-0 { padding-top: 0; padding-bottom: 0; } .section-xl-20 { padding-top: 20px; padding-bottom: 20px; } .section-xl-34 { padding-top: 34px; padding-bottom: 34px; } .section-xl-41 { padding-top: 41px; padding-bottom: 41px; } .section-xl-50 { padding-top: 50px; padding-bottom: 50px; } .section-xl-66 { padding-top: 66px; padding-bottom: 66px; } .section-xl-85 { padding-top: 85px; padding-bottom: 85px; } .section-xl-98 { padding-top: 98px; padding-bottom: 98px; } .section-xl-110 { padding-top: 110px; padding-bottom: 110px; } .section-xl-124 { padding-top: 124px; padding-bottom: 124px; } .section-xl-167 { padding-top: 167px; padding-bottom: 167px; } .section-xl-200 { padding-top: 200px; padding-bottom: 200px; } .section-xl-254 { padding-top: 254px; padding-bottom: 254px; } .section-xl-350 { padding-top: 350px; padding-bottom: 350px; } } .section-top-0 { padding-top: 0; } .section-top-20 { padding-top: 20px; } .section-top-34 { padding-top: 34px; } .section-top-41 { padding-top: 41px; } .section-top-50 { padding-top: 50px; } .section-top-66 { padding-top: 66px; } .section-top-85 { padding-top: 85px; } .section-top-98 { padding-top: 98px; } .section-top-110 { padding-top: 110px; } .section-top-124 { padding-top: 124px; } .section-top-167 { padding-top: 167px; } .section-top-200 { padding-top: 200px; } .section-top-254 { padding-top: 254px; } .section-top-350 { padding-top: 350px; } @media (min-width: 480px) { .section-xs-top-0 { padding-top: 0; } .section-xs-top-20 { padding-top: 20px; } .section-xs-top-34 { padding-top: 34px; } .section-xs-top-41 { padding-top: 41px; } .section-xs-top-50 { padding-top: 50px; } .section-xs-top-66 { padding-top: 66px; } .section-xs-top-85 { padding-top: 85px; } .section-xs-top-98 { padding-top: 98px; } .section-xs-top-110 { padding-top: 110px; } .section-xs-top-124 { padding-top: 124px; } .section-xs-top-167 { padding-top: 167px; } .section-xs-top-200 { padding-top: 200px; } .section-xs-top-254 { padding-top: 254px; } .section-xs-top-350 { padding-top: 350px; } } @media (min-width: 768px) { .section-sm-top-0 { padding-top: 0; } .section-sm-top-20 { padding-top: 20px; } .section-sm-top-34 { padding-top: 34px; } .section-sm-top-41 { padding-top: 41px; } .section-sm-top-50 { padding-top: 50px; } .section-sm-top-66 { padding-top: 66px; } .section-sm-top-85 { padding-top: 85px; } .section-sm-top-98 { padding-top: 98px; } .section-sm-top-110 { padding-top: 110px; } .section-sm-top-124 { padding-top: 124px; } .section-sm-top-167 { padding-top: 167px; } .section-sm-top-200 { padding-top: 200px; } .section-sm-top-254 { padding-top: 254px; } .section-sm-top-350 { padding-top: 350px; } } @media (min-width: 992px) { .section-md-top-0 { padding-top: 0; } .section-md-top-20 { padding-top: 20px; } .section-md-top-34 { padding-top: 34px; } .section-md-top-41 { padding-top: 41px; } .section-md-top-50 { padding-top: 50px; } .section-md-top-66 { padding-top: 66px; } .section-md-top-85 { padding-top: 85px; } .section-md-top-98 { padding-top: 98px; } .section-md-top-110 { padding-top: 110px; } .section-md-top-124 { padding-top: 124px; } .section-md-top-167 { padding-top: 167px; } .section-md-top-200 { padding-top: 200px; } .section-md-top-254 { padding-top: 254px; } .section-md-top-350 { padding-top: 350px; } } @media (min-width: 1200px) { .section-lg-top-0 { padding-top: 0; } .section-lg-top-20 { padding-top: 20px; } .section-lg-top-34 { padding-top: 34px; } .section-lg-top-41 { padding-top: 41px; } .section-lg-top-50 { padding-top: 50px; } .section-lg-top-66 { padding-top: 66px; } .section-lg-top-85 { padding-top: 85px; } .section-lg-top-98 { padding-top: 98px; } .section-lg-top-110 { padding-top: 110px; } .section-lg-top-124 { padding-top: 124px; } .section-lg-top-167 { padding-top: 167px; } .section-lg-top-200 { padding-top: 200px; } .section-lg-top-254 { padding-top: 254px; } .section-lg-top-350 { padding-top: 350px; } } @media (min-width: 1800px) { .section-xl-top-0 { padding-top: 0; } .section-xl-top-20 { padding-top: 20px; } .section-xl-top-34 { padding-top: 34px; } .section-xl-top-41 { padding-top: 41px; } .section-xl-top-50 { padding-top: 50px; } .section-xl-top-66 { padding-top: 66px; } .section-xl-top-85 { padding-top: 85px; } .section-xl-top-98 { padding-top: 98px; } .section-xl-top-110 { padding-top: 110px; } .section-xl-top-124 { padding-top: 124px; } .section-xl-top-167 { padding-top: 167px; } .section-xl-top-200 { padding-top: 200px; } .section-xl-top-254 { padding-top: 254px; } .section-xl-top-350 { padding-top: 350px; } } .section-bottom-0 { padding-bottom: 0; } .section-bottom-20 { padding-bottom: 20px; } .section-bottom-34 { padding-bottom: 34px; } .section-bottom-41 { padding-bottom: 41px; } .section-bottom-50 { padding-bottom: 50px; } .section-bottom-66 { padding-bottom: 66px; } .section-bottom-85 { padding-bottom: 85px; } .section-bottom-98 { padding-bottom: 98px; } .section-bottom-110 { padding-bottom: 110px; } .section-bottom-124 { padding-bottom: 124px; } .section-bottom-167 { padding-bottom: 167px; } .section-bottom-200 { padding-bottom: 200px; } .section-bottom-254 { padding-bottom: 254px; } .section-bottom-350 { padding-bottom: 350px; } @media (min-width: 480px) { .section-xs-bottom-0 { padding-bottom: 0; } .section-xs-bottom-20 { padding-bottom: 20px; } .section-xs-bottom-34 { padding-bottom: 34px; } .section-xs-bottom-41 { padding-bottom: 41px; } .section-xs-bottom-50 { padding-bottom: 50px; } .section-xs-bottom-66 { padding-bottom: 66px; } .section-xs-bottom-85 { padding-bottom: 85px; } .section-xs-bottom-98 { padding-bottom: 98px; } .section-xs-bottom-110 { padding-bottom: 110px; } .section-xs-bottom-124 { padding-bottom: 124px; } .section-xs-bottom-167 { padding-bottom: 167px; } .section-xs-bottom-200 { padding-bottom: 200px; } .section-xs-bottom-254 { padding-bottom: 254px; } .section-xs-bottom-350 { padding-bottom: 350px; } } @media (min-width: 768px) { .section-sm-bottom-0 { padding-bottom: 0; } .section-sm-bottom-20 { padding-bottom: 20px; } .section-sm-bottom-34 { padding-bottom: 34px; } .section-sm-bottom-41 { padding-bottom: 41px; } .section-sm-bottom-50 { padding-bottom: 50px; } .section-sm-bottom-66 { padding-bottom: 66px; } .section-sm-bottom-85 { padding-bottom: 85px; } .section-sm-bottom-98 { padding-bottom: 98px; } .section-sm-bottom-110 { padding-bottom: 110px; } .section-sm-bottom-124 { padding-bottom: 124px; } .section-sm-bottom-167 { padding-bottom: 167px; } .section-sm-bottom-200 { padding-bottom: 200px; } .section-sm-bottom-254 { padding-bottom: 254px; } .section-sm-bottom-350 { padding-bottom: 350px; } } @media (min-width: 992px) { .section-md-bottom-0 { padding-bottom: 0; } .section-md-bottom-20 { padding-bottom: 20px; } .section-md-bottom-34 { padding-bottom: 34px; } .section-md-bottom-41 { padding-bottom: 41px; } .section-md-bottom-50 { padding-bottom: 50px; } .section-md-bottom-66 { padding-bottom: 66px; } .section-md-bottom-85 { padding-bottom: 85px; } .section-md-bottom-98 { padding-bottom: 98px; } .section-md-bottom-110 { padding-bottom: 110px; } .section-md-bottom-124 { padding-bottom: 124px; } .section-md-bottom-167 { padding-bottom: 167px; } .section-md-bottom-200 { padding-bottom: 200px; } .section-md-bottom-254 { padding-bottom: 254px; } .section-md-bottom-350 { padding-bottom: 350px; } } @media (min-width: 1200px) { .section-lg-bottom-0 { padding-bottom: 0; } .section-lg-bottom-20 { padding-bottom: 20px; } .section-lg-bottom-34 { padding-bottom: 34px; } .section-lg-bottom-41 { padding-bottom: 41px; } .section-lg-bottom-50 { padding-bottom: 50px; } .section-lg-bottom-66 { padding-bottom: 66px; } .section-lg-bottom-85 { padding-bottom: 85px; } .section-lg-bottom-98 { padding-bottom: 98px; } .section-lg-bottom-110 { padding-bottom: 110px; } .section-lg-bottom-124 { padding-bottom: 124px; } .section-lg-bottom-167 { padding-bottom: 167px; } .section-lg-bottom-200 { padding-bottom: 200px; } .section-lg-bottom-254 { padding-bottom: 254px; } .section-lg-bottom-350 { padding-bottom: 350px; } } @media (min-width: 1800px) { .section-xl-bottom-0 { padding-bottom: 0; } .section-xl-bottom-20 { padding-bottom: 20px; } .section-xl-bottom-34 { padding-bottom: 34px; } .section-xl-bottom-41 { padding-bottom: 41px; } .section-xl-bottom-50 { padding-bottom: 50px; } .section-xl-bottom-66 { padding-bottom: 66px; } .section-xl-bottom-85 { padding-bottom: 85px; } .section-xl-bottom-98 { padding-bottom: 98px; } .section-xl-bottom-110 { padding-bottom: 110px; } .section-xl-bottom-124 { padding-bottom: 124px; } .section-xl-bottom-167 { padding-bottom: 167px; } .section-xl-bottom-200 { padding-bottom: 200px; } .section-xl-bottom-254 { padding-bottom: 254px; } .section-xl-bottom-350 { padding-bottom: 350px; } } .section-single { display: flex; text-align: center; } .section-single p { margin-left: auto; margin-right: auto; } .section-single * + .rights { margin-top: 35px; } @media (min-width: 992px) { .section-single * + .rights { margin-top: 60px; } } .section-single .rd-mailform-wrap { max-width: 670px; margin-left: auto; margin-right: auto; text-align: center; } .section-single * + .rd-mailform-wrap { margin-top: 20px; } .section-single-header { padding: calc(1em + 2vh) 0 calc(1em + 2vh); text-align: center; } .section-single-header .brand .brand-logo-light { width: 100%; max-width: 151px; margin-right: auto; margin-left: auto; } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0 calc(1em + 3vh); } .section-single-footer .rights { color: #bdbdbd; } .section-single-footer .rights a { color: #fff; } .section-single-footer .rights a:hover { color: rgba(230, 230, 230, 0.7); text-decoration: underline; } .section-single-inner { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; } .section-single-inner > * { width: 100%; } /** @section Grid modules */ .grid-demo { letter-spacing: 0; text-align: left; } .grid-demo p { white-space: normal; overflow: visible; text-overflow: unset; } .grid-demo * + p { margin-top: 5px; } .grid-demo .row + .row { margin-top: 0; } @media (min-width: 1200px) { .grid-demo { text-align: left; padding: 25px 25px 25px 35px; } .grid-demo p { white-space: normal; overflow: visible; text-overflow: unset; } .grid-demo * + p { margin-top: 5px; } } .grid-demo-bordered .row { border: 0 solid #d7d7d7; border-top-width: 1px; } .grid-demo-bordered .row:last-child { border-bottom-width: 1px; } .grid-demo-bordered [class*='col'] { padding: 5px 15px; } .grid-demo-bordered [class*='col']:before { content: ''; position: absolute; top: 0; bottom: 0; left: -1px; border-left: 1px solid #d7d7d7; } @media (min-width: 768px) { .grid-demo-bordered [class*='col'] { padding: 30px; } } @media (min-width: 1200px) { .grid-demo-bordered [class*='col'] { padding: 25px 25px 25px 35px; } } .grid-demo-underlined .row { border-bottom: 1px solid #d7d7d7; } .grid-demo-underlined [class*='col'] { padding: 5px 15px; } @media (min-width: 768px) { .grid-demo-underlined [class*='col'] { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 1200px) { .grid-demo-underlined [class*='col'] { padding-top: 45px; padding-bottom: 45px; } } .row-narrow { margin-left: -10px; margin-right: -10px; } .row-narrow > [class*='col'] { padding-left: 10px; padding-right: 10px; } .row-narrow-10 { margin-left: -5px; margin-right: -5px; } .row-narrow-10 > [class*='col'] { padding-left: 5px; padding-right: 5px; } .row-wide { margin-left: -25px; margin-right: -25px; } .row-wide > [class*='col'] { padding-left: 25px; padding-right: 25px; } .row-ten .col-1 { flex: 0 0 auto; width: 10%; } .row-ten .col-2 { flex: 0 0 auto; width: 20%; } .row-ten .col-3 { flex: 0 0 auto; width: 30%; } .row-ten .col-4 { flex: 0 0 auto; width: 40%; } .row-ten .col-5 { flex: 0 0 auto; width: 50%; } .row-ten .col-6 { flex: 0 0 auto; width: 60%; } .row-ten .col-7 { flex: 0 0 auto; width: 70%; } .row-ten .col-8 { flex: 0 0 auto; width: 80%; } .row-ten .col-9 { flex: 0 0 auto; width: 90%; } .row-ten .col-10 { flex: 0 0 auto; width: 100%; } @media (min-width: 576px) { .row-ten .col-sm-1 { flex: 0 0 auto; width: 10%; } .row-ten .col-sm-2 { flex: 0 0 auto; width: 20%; } .row-ten .col-sm-3 { flex: 0 0 auto; width: 30%; } .row-ten .col-sm-4 { flex: 0 0 auto; width: 40%; } .row-ten .col-sm-5 { flex: 0 0 auto; width: 50%; } .row-ten .col-sm-6 { flex: 0 0 auto; width: 60%; } .row-ten .col-sm-7 { flex: 0 0 auto; width: 70%; } .row-ten .col-sm-8 { flex: 0 0 auto; width: 80%; } .row-ten .col-sm-9 { flex: 0 0 auto; width: 90%; } .row-ten .col-sm-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 768px) { .row-ten .col-md-1 { flex: 0 0 auto; width: 10%; } .row-ten .col-md-2 { flex: 0 0 auto; width: 20%; } .row-ten .col-md-3 { flex: 0 0 auto; width: 30%; } .row-ten .col-md-4 { flex: 0 0 auto; width: 40%; } .row-ten .col-md-5 { flex: 0 0 auto; width: 50%; } .row-ten .col-md-6 { flex: 0 0 auto; width: 60%; } .row-ten .col-md-7 { flex: 0 0 auto; width: 70%; } .row-ten .col-md-8 { flex: 0 0 auto; width: 80%; } .row-ten .col-md-9 { flex: 0 0 auto; width: 90%; } .row-ten .col-md-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 992px) { .row-ten .col-lg-1 { flex: 0 0 auto; width: 10%; } .row-ten .col-lg-2 { flex: 0 0 auto; width: 20%; } .row-ten .col-lg-3 { flex: 0 0 auto; width: 30%; } .row-ten .col-lg-4 { flex: 0 0 auto; width: 40%; } .row-ten .col-lg-5 { flex: 0 0 auto; width: 50%; } .row-ten .col-lg-6 { flex: 0 0 auto; width: 60%; } .row-ten .col-lg-7 { flex: 0 0 auto; width: 70%; } .row-ten .col-lg-8 { flex: 0 0 auto; width: 80%; } .row-ten .col-lg-9 { flex: 0 0 auto; width: 90%; } .row-ten .col-lg-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) { .row-ten .col-xl-1 { flex: 0 0 auto; width: 10%; } .row-ten .col-xl-2 { flex: 0 0 auto; width: 20%; } .row-ten .col-xl-3 { flex: 0 0 auto; width: 30%; } .row-ten .col-xl-4 { flex: 0 0 auto; width: 40%; } .row-ten .col-xl-5 { flex: 0 0 auto; width: 50%; } .row-ten .col-xl-6 { flex: 0 0 auto; width: 60%; } .row-ten .col-xl-7 { flex: 0 0 auto; width: 70%; } .row-ten .col-xl-8 { flex: 0 0 auto; width: 80%; } .row-ten .col-xl-9 { flex: 0 0 auto; width: 90%; } .row-ten .col-xl-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1600px) { .row-ten .col-xxl-1 { flex: 0 0 auto; width: 10%; } .row-ten .col-xxl-2 { flex: 0 0 auto; width: 20%; } .row-ten .col-xxl-3 { flex: 0 0 auto; width: 30%; } .row-ten .col-xxl-4 { flex: 0 0 auto; width: 40%; } .row-ten .col-xxl-5 { flex: 0 0 auto; width: 50%; } .row-ten .col-xxl-6 { flex: 0 0 auto; width: 60%; } .row-ten .col-xxl-7 { flex: 0 0 auto; width: 70%; } .row-ten .col-xxl-8 { flex: 0 0 auto; width: 80%; } .row-ten .col-xxl-9 { flex: 0 0 auto; width: 90%; } .row-ten .col-xxl-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) { .row-xl-ten .col-1 { flex: 0 0 auto; width: 10%; } .row-xl-ten .col-2 { flex: 0 0 auto; width: 20%; } .row-xl-ten .col-3 { flex: 0 0 auto; width: 30%; } .row-xl-ten .col-4 { flex: 0 0 auto; width: 40%; } .row-xl-ten .col-5 { flex: 0 0 auto; width: 50%; } .row-xl-ten .col-6 { flex: 0 0 auto; width: 60%; } .row-xl-ten .col-7 { flex: 0 0 auto; width: 70%; } .row-xl-ten .col-8 { flex: 0 0 auto; width: 80%; } .row-xl-ten .col-9 { flex: 0 0 auto; width: 90%; } .row-xl-ten .col-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) and (min-width: 576px) { .row-xl-ten .col-sm-1 { flex: 0 0 auto; width: 10%; } .row-xl-ten .col-sm-2 { flex: 0 0 auto; width: 20%; } .row-xl-ten .col-sm-3 { flex: 0 0 auto; width: 30%; } .row-xl-ten .col-sm-4 { flex: 0 0 auto; width: 40%; } .row-xl-ten .col-sm-5 { flex: 0 0 auto; width: 50%; } .row-xl-ten .col-sm-6 { flex: 0 0 auto; width: 60%; } .row-xl-ten .col-sm-7 { flex: 0 0 auto; width: 70%; } .row-xl-ten .col-sm-8 { flex: 0 0 auto; width: 80%; } .row-xl-ten .col-sm-9 { flex: 0 0 auto; width: 90%; } .row-xl-ten .col-sm-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-xl-ten .col-md-1 { flex: 0 0 auto; width: 10%; } .row-xl-ten .col-md-2 { flex: 0 0 auto; width: 20%; } .row-xl-ten .col-md-3 { flex: 0 0 auto; width: 30%; } .row-xl-ten .col-md-4 { flex: 0 0 auto; width: 40%; } .row-xl-ten .col-md-5 { flex: 0 0 auto; width: 50%; } .row-xl-ten .col-md-6 { flex: 0 0 auto; width: 60%; } .row-xl-ten .col-md-7 { flex: 0 0 auto; width: 70%; } .row-xl-ten .col-md-8 { flex: 0 0 auto; width: 80%; } .row-xl-ten .col-md-9 { flex: 0 0 auto; width: 90%; } .row-xl-ten .col-md-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) and (min-width: 992px) { .row-xl-ten .col-lg-1 { flex: 0 0 auto; width: 10%; } .row-xl-ten .col-lg-2 { flex: 0 0 auto; width: 20%; } .row-xl-ten .col-lg-3 { flex: 0 0 auto; width: 30%; } .row-xl-ten .col-lg-4 { flex: 0 0 auto; width: 40%; } .row-xl-ten .col-lg-5 { flex: 0 0 auto; width: 50%; } .row-xl-ten .col-lg-6 { flex: 0 0 auto; width: 60%; } .row-xl-ten .col-lg-7 { flex: 0 0 auto; width: 70%; } .row-xl-ten .col-lg-8 { flex: 0 0 auto; width: 80%; } .row-xl-ten .col-lg-9 { flex: 0 0 auto; width: 90%; } .row-xl-ten .col-lg-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) and (min-width: 1200px) { .row-xl-ten .col-xl-1 { flex: 0 0 auto; width: 10%; } .row-xl-ten .col-xl-2 { flex: 0 0 auto; width: 20%; } .row-xl-ten .col-xl-3 { flex: 0 0 auto; width: 30%; } .row-xl-ten .col-xl-4 { flex: 0 0 auto; width: 40%; } .row-xl-ten .col-xl-5 { flex: 0 0 auto; width: 50%; } .row-xl-ten .col-xl-6 { flex: 0 0 auto; width: 60%; } .row-xl-ten .col-xl-7 { flex: 0 0 auto; width: 70%; } .row-xl-ten .col-xl-8 { flex: 0 0 auto; width: 80%; } .row-xl-ten .col-xl-9 { flex: 0 0 auto; width: 90%; } .row-xl-ten .col-xl-10 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) and (min-width: 1600px) { .row-xl-ten .col-xxl-1 { flex: 0 0 auto; width: 10%; } .row-xl-ten .col-xxl-2 { flex: 0 0 auto; width: 20%; } .row-xl-ten .col-xxl-3 { flex: 0 0 auto; width: 30%; } .row-xl-ten .col-xxl-4 { flex: 0 0 auto; width: 40%; } .row-xl-ten .col-xxl-5 { flex: 0 0 auto; width: 50%; } .row-xl-ten .col-xxl-6 { flex: 0 0 auto; width: 60%; } .row-xl-ten .col-xxl-7 { flex: 0 0 auto; width: 70%; } .row-xl-ten .col-xxl-8 { flex: 0 0 auto; width: 80%; } .row-xl-ten .col-xxl-9 { flex: 0 0 auto; width: 90%; } .row-xl-ten .col-xxl-10 { flex: 0 0 auto; width: 100%; } } * + .row:not(.offset-0) { margin-top: 30px; } @media (min-width: 768px) { * + .row:not(.offset-0) { margin-top: 40px; } } @media (min-width: 1200px) { * + .row:not(.offset-0) { margin-top: 60px; } } /** @section Backgrounds */ .context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-accent .brand .brand-logo-dark, .bg-deluge .brand .brand-logo-dark, .bg-butterfly-bush .brand .brand-logo-dark, .navbar-inverse .brand .brand-logo-dark, .swiper-slide .brand .brand-logo-dark { display: none; } .context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-accent .brand .brand-logo-light, .bg-deluge .brand .brand-logo-light, .bg-butterfly-bush .brand .brand-logo-light, .navbar-inverse .brand .brand-logo-light, .swiper-slide .brand .brand-logo-light { display: block; } .context-light .brand .brand-logo-dark { display: block; } .context-light .brand .brand-logo-light { display: none; } .bg-default { background-color: #fff; } .bg-default:not([style*="background-"]) + .bg-default:not([style*="background-"]) { padding-top: 0; } .bg-gray-100 { background-color: #edeff4; } .bg-gray-100:not([style*="background-"]) + .bg-gray-100:not([style*="background-"]) { padding-top: 0; } .bg-gray-700 { background-color: #2c343b; } .bg-gray-700:not([style*="background-"]) + .bg-gray-700:not([style*="background-"]) { padding-top: 0; } .bg-accent { background-color: #2a93c9; } .bg-accent:not([style*="background-"]) + .bg-accent:not([style*="background-"]) { padding-top: 0; } .bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .bg-fixed { background-attachment: fixed; } } .bg-accent { background-color: #2a93c9; } /** @section Utilities custom */ .height-fill { position: relative; display: flex; flex-direction: column; align-items: stretch; } .height-fill > * { flex-grow: 1; flex-shrink: 0; } .object-inline { white-space: nowrap; } .object-inline > * { display: inline-block; min-width: 20px; vertical-align: top; white-space: normal; } .object-inline > * + * { margin-left: 5px; } .oh { position: relative; overflow: hidden; } .text-decoration-lines { position: relative; overflow: hidden; width: 100%; } .text-decoration-lines-content { position: relative; display: inline-block; min-width: 170px; font-size: 13px; text-transform: uppercase; } .text-decoration-lines-content::before, .text-decoration-lines-content::after { content: ''; position: absolute; height: 1px; background: #d7d7d7; top: 50%; width: 100vw; } .text-decoration-lines-content::before { left: 0; transform: translate3d(-100%, 0, 0); } .text-decoration-lines-content::after { right: 0; transform: translate3d(100%, 0, 0); } * + .text-decoration-lines { margin-top: 30px; } p.rights { font-size: 14px; color: #868686; } p.rights a { color: inherit; } p.rights a:hover { color: #2a93c9; } [style*='z-index: 1000;'] { z-index: 1101 !important; } .text-block > * { margin-left: .125em; margin-right: .125em; } p.rights { font-size: 14px; color: rgba(255, 255, 255, 0.7); } p.rights a { color: inherit; } p.rights a:hover { color: #2a93c9; } @media (min-width: 1200px) { .container-wide { max-width: 1800px; margin-left: auto; margin-right: auto; } } /** @group Components */ .veil { display: none !important; } .reveal-block { display: block !important; } .reveal-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .reveal-inline-block { display: inline-block !important; } .reveal-inline { display: inline !important; } @media (min-width: 480px) { .reveal-xs-block { display: block !important; } .reveal-xs-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .reveal-xs-inline-block { display: inline-block !important; } .reveal-xs-inline { display: inline !important; } .veil-xs { display: none !important; } } @media (min-width: 768px) { .reveal-sm-block { display: block !important; } .reveal-sm-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .reveal-sm-inline-block { display: inline-block !important; } .reveal-sm-inline { display: inline !important; } .veil-sm { display: none !important; } } @media (min-width: 992px) { .reveal-md-block { display: block !important; } .reveal-md-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .reveal-md-inline-block { display: inline-block !important; } .reveal-md-inline { display: inline !important; } .veil-md { display: none !important; } } @media (min-width: 1200px) { .reveal-lg-block { display: block !important; } .reveal-lg-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .reveal-lg-inline-block { display: inline-block !important; } .reveal-lg-inline { display: inline !important; } .veil-lg { display: none !important; } } @media (min-width: 1800px) { .reveal-xl-block { display: block !important; } .reveal-xl-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .reveal-xl-inline-block { display: inline-block !important; } .reveal-xl-inline { display: inline !important; } .veil-xl { display: none !important; } } .col-1-5 { width: 20%; } @media (min-width: 768px) { .col-md-1-5 { width: 20%; } } @media (min-width: 992px) { .col-lg-1-5 { width: 20%; } } @media (min-width: 1200px) { .col-xl-1-5 { width: 20%; } } .row-narrow { margin-left: -5px; margin-right: -5px; } .row-narrow > [class*='col'] { padding-left: 5px; padding-right: 5px; } .row-condensed { margin-left: 0; margin-right: 0; } .row-condensed > [class*="col"] { padding-left: 0; padding-right: 0; } .container-fluid { padding-left: 32px; padding-right: 2g5px; width: 100%; max-width: 100%; } .hr { height: 1px; padding: 0px; margin-top: 30px; margin-bottom: 23px; background: #f5f5f5; border: none; } .hr-dashed { height: 0; border-bottom: 1px dashed #bdbdbd; background-color: transparent; } .hr-gradient { background: white; background: -moz-linear-gradient(left, white 0%, #bdbdbd 50%, white 100%); background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(50%, #bdbdbd), color-stop(100%, white)); background: -webkit-linear-gradient(left, white 0%, #bdbdbd 50%, white 100%); background: -o-linear-gradient(left, white 0%, #bdbdbd 50%, white 100%); background: -ms-linear-gradient(left, white 0%, #bdbdbd 50%, white 100%); background: linear-gradient(to right, white 0%, #bdbdbd 50%, white 100%); } .text-subline { position: relative; height: 1px; padding: 0; background: #e5e5e5; margin-bottom: 22px; border: none; } .divider { width: 40px; height: 2px; padding: 0; margin: 27px auto 34px; background: #bdbdbd; border: none; } .divider-vertical { width: 1px; height: 24px; background: #bdbdbd; margin: 0 11px 0 0; position: relative; top: 5px; } .divider-xs { width: 30px; height: 2px; margin-top: 22px; } .divider-sm { width: 50px; height: 4px; margin: 15px auto 30px; } .divider-lg { width: 80px; height: 4px; margin: 30px auto 30px; } .divider-lg.bg-accent { background: #3b61b9; } @media (min-width: 768px) { .hr-sm-left-2 { margin-left: 2px; } } .hr-auto { margin-left: auto; margin-right: auto; } @media (min-width: 480px) { .hr-xs-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .hr-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .hr-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .hr-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1800px) { .hr-xl-auto { margin-left: auto; margin-right: auto; } } .hr-left-0 { margin-left: 0; } @media (min-width: 480px) { .hr-xs-left-0 { margin-left: 0; } } @media (min-width: 768px) { .hr-sm-left-0 { margin-left: 0; } } @media (min-width: 992px) { .hr-md-left-0 { margin-left: 0; } } @media (min-width: 1200px) { .hr-lg-left-0 { margin-left: 0; } } @media (min-width: 1800px) { .hr-xl-left-0 { margin-left: 0; } } .hr-right-0 { margin-right: 0; } @media (min-width: 480px) { .hr-xs-right-0 { margin-right: 0; } } @media (min-width: 768px) { .hr-sm-right-0 { margin-right: 0; } } @media (min-width: 992px) { .hr-md-right-0 { margin-right: 0; } } @media (min-width: 1200px) { .hr-lg-right-0 { margin-right: 0; } } @media (min-width: 1800px) { .hr-xl-right-0 { margin-right: 0; } } body { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6; color: #868686; background-color: #fff; } .font-default { font-family: "Lato", Helvetica, Arial, sans-serif; } .font-accent { font-family: "Asap", sans-serif; } h1, .h1 { font-size: 36px; line-height: 1.5; letter-spacing: 0.04em; font-family: "Asap", sans-serif; text-transform: uppercase; } @media (min-width: 768px) { h1, .h1 { font-size: 60px; line-height: 1.2; } } @media (min-width: 992px) { h1, .h1 { line-height: 1.25; font-size: 80px; } } h2, .h2 { font-size: 32px; line-height: 1.5; letter-spacing: 0.02em; font-family: "Asap", sans-serif; text-transform: none; font-weight: 500; } @media (min-width: 768px) { h2, .h2 { font-size: 52px; line-height: 1.2; } } @media (min-width: 992px) { h2, .h2 { line-height: 1.14286; font-size: 63px; } } h3, .h3 { font-size: 28px; line-height: 1.5; letter-spacing: 0; font-family: "Asap", sans-serif; text-transform: none; font-weight: 500; } @media (min-width: 768px) { h3, .h3 { font-size: 44px; } } @media (min-width: 992px) { h3, .h3 { line-height: 1.08333; font-size: 48px; } } h4, .h4 { font-size: 24px; line-height: 1.5; } h4 * + .icon, h4 .icon + *, .h4 * + .icon, .h4 .icon + * { padding-left: 8px; } @media (min-width: 768px) { h4, .h4 { line-height: 1.375; font-size: 24px; } } h5, .h5 { font-size: 20px; line-height: 1.5; } @media (min-width: 768px) { h5, .h5 { line-height: 1.27273; font-size: 22px; } } h6, .h6 { font-size: 17px; line-height: 1.5; letter-spacing: 0.05em; font-family: "Lato", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 600; } @media (min-width: 768px) { h6, .h6 { line-height: 1.33333; font-size: 18px; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { transition: .2s all ease-in; } h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { color: #294481; } h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { color: #868686; } p, .p, .list { margin-bottom: 10px; } p a:hover, .p a:hover, .list a:hover { text-decoration: underline; } @media (min-width: 576px) { .big { font-size: 106.25%; line-height: 1.470588235294118; } h1 .big, .h1 .big { font-size: 142.22%; line-height: 1.125; } h2 .big, .h2 .big { font-size: 147.36%; line-height: 1.142857142857143; } } blockquote small, blockquote .small, small, .small { font-size: 93.75%; } blockquote small:before, blockquote .small:before, small:before, .small:before { display: none; } h1 blockquote small, .h1 blockquote small, h1 blockquote .small, .h1 blockquote .small, h1 small, .h1 small, h1 .small, .h1 .small { font-size: 62.22222222222222%; } h2 blockquote small, .h2 blockquote small, h2 blockquote .small, .h2 blockquote .small, h2 small, .h2 small, h2 .small, .h2 .small { font-size: 63.15789473684211%; } h3 blockquote small, .h3 blockquote small, h3 blockquote .small, .h3 blockquote .small, h3 small, .h3 small, h3 .small, .h3 .small { font-size: 73.33333333333333%; } h4 blockquote small, .h4 blockquote small, h4 blockquote .small, .h4 blockquote .small, h4 small, .h4 small, h4 .small, .h4 .small { font-size: 75%; } h5 blockquote small, .h5 blockquote small, h5 blockquote .small, .h5 blockquote .small, h5 small, .h5 small, h5 .small, .h5 .small { font-size: 72.72727272727273%; } h6 blockquote small, .h6 blockquote small, h6 blockquote .small, .h6 blockquote .small, h6 small, .h6 small, h6 .small, .h6 .small { font-size: 94.11764705882353%; } sub { bottom: -0.5em; } sub, sup { font-size: 62%; line-height: 0; position: relative; vertical-align: baseline; } code, kbd, pre, samp { font-family: Consolas, "Courier New", monospace; } code { padding: 5px 7px; font-size: 75%; color: #E50A0A; background-color: #f7f7f7; border-radius: 2px; } pre { padding: 16px 19px; margin-bottom: 0; font-size: 16px; line-height: 1.13; overflow-x: auto; } pre code { font-size: 75%; text-align: left; } mark, .mark { color: #fff; background-color: #2a93c9; padding: .1em .3em; } .text-extra-small { font-size: 13px; } .text-extra-big { font-size: 100px; line-height: 1; } @media (min-width: 768px) { .text-extra-big { font-size: 140px; } } @media (min-width: 992px) { .text-extra-big { font-size: 180px; } } @media (min-width: 1200px) { .text-extra-big { font-size: 240px; } } .list > li + li { margin-top: 10px; } .list-numbered { list-style-type: decimal; padding-left: 37px; } .list-numbered li { display: list-item; color: #868686; padding-left: 15px; } .list-numbered li span { color: #868686; } .list-inline { margin-left: -5px; margin-right: -5px; } .list-inline > li { padding-left: 5px; padding-right: 5px; } .list-inline-xs { margin-left: -3px; margin-right: -3px; } .list-inline-xs > li { padding-left: 3px; padding-right: 3px; } .list-inline-sm { margin-left: -10px; margin-right: -10px; } .list-inline-sm > li { padding-left: 10px; padding-right: 10px; } .list-inline-md { margin-left: -15px; margin-right: -15px; } .list-inline-md > li { padding-left: 15px; padding-right: 15px; } .list-inline-lg { margin-left: -30px; margin-right: -30px; } .list-inline-lg > li { padding-left: 30px; padding-right: 30px; } .list-inline-lg > li:first-child { padding-left: 0; } .list-inline-lg > li:before { color: #bdbdbd; } .list-inline-lg > li + li [class*='fa-']:before { margin-left: 15px; } @media (min-width: 768px) { .list-inline-lg li + li [class*='fa-']:before { margin-left: 0; } .list-inline-lg [class*='fa-']:before { padding-left: 15px; padding-right: 10px; } } .list-inline-picton-blue > li > a { transition: .3s; } .list-inline-picton-blue > li > a:hover { color: #55bbeb; } .list-inline-white > li > a { transition: .3s; } .list-inline-white > li > a:hover { color: #fff; } .list-inline-dashed > li { padding-right: 0; padding-left: 10px; } .list-inline-dashed > li + li:before { content: ''; display: none; height: 24px; width: 1px; background: #bdbdbd; margin-right: 10px; position: relative; top: 6px; } @media (min-width: 1200px) { .list-inline-dashed > li + li:before { display: inline-block; } } .list-inline-arrows > li { padding-right: 0; } .list-inline-arrows > li + li { padding-left: 15px; } .list-inline-arrows > li + li:before { content: '\f14f'; font-family: 'Material Design Icons'; font-size: 14px; line-height: 14px; padding-right: 15px; opacity: .4; } .list-vertical-right-line li { padding: 20px; transition: .3s all ease; } .list-vertical-right-line li:hover { color: #fff; background: #21749f; } @media (min-width: 1200px) { .list-vertical-right-line li { padding: 0; } } @media (min-width: 1400px) { .list-vertical-right-line li { position: relative; } .list-vertical-right-line li:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 160px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.4); } } .list-inline-dashed-wide > li { padding-right: 0; } .list-inline-dashed-wide > li + li:before { content: '/'; padding-right: 20px; } @media (min-width: 992px) { .list-inline-dashed-wide > li + li:before { padding-right: 5px; } } .list-inline-squared > li { position: relative; } .list-inline-squared > li + li:before { content: ''; position: absolute; top: 50%; margin-top: -3px; left: -7px; height: 6px; border-left: 6px solid; } .list-inline-squared.list-inline-mg + li:before { left: -23px; } .list-inline-squared.list-inline-lg + li:before { left: -33px; } .list-terms { margin-top: 35px; } .list-terms dt + dd { margin-top: 9px; } .list-terms dd + dt { margin-top: 62px; } .list-marked { padding-left: 0; list-style: none; text-align: left; padding-left: 27px; } .list-marked li { padding-left: 27px; position: relative; } .list-marked li:before { content: '\f238'; position: absolute; font-family: 'Material Design Icons'; left: 2px; top: 13px; transform: translateY(-50%); color: #2a93c9; } .list-marked-gray li:before { color: #868686; } .list-index { padding-left: 0; list-style: none; counter-reset: li; } .list-index li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-separated li + li { border-top: 1px solid #f5f5f5; margin-top: 8px; padding-top: 7px; } .bg-fixed { background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .bg-java { background: #23D5AE; fill: #23D5AE; } .bg-default-liac { background: #F1F3F9; fill: #F1F3F9; } .bg-black { background: #191919; fill: #191919; } .bg-gray-darkest { background: #272727; fill: #272727; } .bg-gray-darker { background: #434445; fill: #434445; } .bg-gray { background: #bdbdbd; fill: #bdbdbd; } .bg-gray-light { background: #e5e5e5; fill: #e5e5e5; } .bg-lighter { background: #f5f5f5; fill: #f5f5f5; } .bg-lightest { background: #f7f7f7; fill: #f7f7f7; } .bg-deluge { background: #8668ad; fill: #8668ad; } .bg-butterfly-bush { background: #695999; fill: #695999; } .bg-picton-blue { background: #55bbeb; fill: #55bbeb; } .bg-default { background: #fff; fill: #fff; } .bg-boston-blue { background: -moz-linear-gradient(90deg, #23d5ae 0%, #3a67b8 100%); background: -webkit-linear-gradient(90deg, #23d5ae 0%, #3a67b8 100%); background: -o-linear-gradient(90deg, #23d5ae 0%, #3a67b8 100%); background: -ms-linear-gradient(90deg, #23d5ae 0%, #3a67b8 100%); background: linear-gradient(90deg, #23d5ae 0%, #3a67b8 100%); } .bg-black-haze { background: -moz-linear-gradient(0deg, #f7f7f7 0%, #fff 100%); background: -webkit-linear-gradient(0deg, #f7f7f7 0%, #fff 100%); background: -o-linear-gradient(0deg, #f7f7f7 0%, #fff 100%); background: -ms-linear-gradient(0deg, #f7f7f7 0%, #fff 100%); background: linear-gradient(0deg, #f7f7f7 0%, #fff 100%); } .bg-acapulco { fill: #55bbeb; background: #55bbeb; background: -moz-linear-gradient(90deg, #55bbeb 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #55bbeb 0%, #84c450 100%); background: -o-linear-gradient(90deg, #55bbeb 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #55bbeb 0%, #84c450 100%); background: linear-gradient(90deg, #55bbeb 0%, #84c450 100%); } .bg-blue-gray { background: -moz-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: -webkit-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: -o-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: -ms-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); } .bg-red { background: -moz-linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); background: -webkit-linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); background: -o-linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); background: -ms-linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); background: linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); } .bg-mantis, .scrollToNext { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } .bg-shark { background: -moz-linear-gradient(90deg, #191919 0%, #434445 100%); background: -webkit-linear-gradient(90deg, #191919 0%, #434445 100%); background: -o-linear-gradient(90deg, #191919 0%, #434445 100%); background: -ms-linear-gradient(90deg, #191919 0%, #434445 100%); background: linear-gradient(90deg, #191919 0%, #434445 100%); } .bg-shark-radio { background: radial-gradient(ellipse at center, #272727 0%, #191919 100%); fill: radial-gradient(ellipse at center, #272727 0%, #191919 100%); } .bg-deluge { background: -moz-linear-gradient(90deg, #8668ad 0%, #695999 100%); background: -webkit-linear-gradient(90deg, #8668ad 0%, #695999 100%); background: -o-linear-gradient(90deg, #8668ad 0%, #695999 100%); background: -ms-linear-gradient(90deg, #8668ad 0%, #695999 100%); background: linear-gradient(90deg, #8668ad 0%, #695999 100%); } .bg-malibu { background: -moz-linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); background: -webkit-linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); background: -o-linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); background: -ms-linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); background: linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); } .bg-saffron { background: -moz-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: -webkit-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: -o-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: -ms-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); } .bg-blue-gray-tilt { background: -moz-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: -webkit-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: -o-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: -ms-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); } .bg-red-tilt { background: -moz-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: -webkit-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: -o-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: -ms-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); } .bg-mantis-tilt { background: -moz-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(45deg, #2a93c9 0%, #84c450 100%); } .bg-shark-tilt { background: -moz-linear-gradient(45deg, #191919 0%, #434445 100%); background: -webkit-linear-gradient(45deg, #191919 0%, #434445 100%); background: -o-linear-gradient(45deg, #191919 0%, #434445 100%); background: -ms-linear-gradient(45deg, #191919 0%, #434445 100%); background: linear-gradient(45deg, #191919 0%, #434445 100%); } .bg-deluge-tilt { background: -moz-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: -webkit-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: -o-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: -ms-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: linear-gradient(45deg, #8668ad 0%, #695999 100%); } .bg-malibu-tilt { background: -moz-linear-gradient(45deg, #64aae1 0%, #79ccf2 100%); background: -webkit-linear-gradient(45deg, #64aae1 0%, #79ccf2 100%); background: -o-linear-gradient(45deg, #64aae1 0%, #79ccf2 100%); background: -ms-linear-gradient(45deg, #64aae1 0%, #79ccf2 100%); background: linear-gradient(45deg, #64aae1 0%, #79ccf2 100%); } .bg-saffron-tilt { background: -moz-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: -webkit-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: -o-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: -ms-linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); background: linear-gradient(90deg, #f5bf2f 0%, #F3A43D 100%); } .bg-overlay-white { background: rgba(255, 255, 255, 0.8); } .bg-overlay-gray-darkest { background: rgba(39, 39, 39, 0.65); } @media (min-width: 992px) { .bg-image-md-fullwidth { position: relative; } .bg-image-md-fullwidth:before { content: ''; position: absolute; top: 0; width: 50vw; height: 100%; background: url(../images/backgrounds/background-02-676x545.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover; } .bg-image-md-fullwidth-left:before { right: 15px; } } .page blockquote.quote .text-primary, .page .text-primary { color: #2a93c9; } .page a.text-primary:hover, .page a.text-primary:focus { color: #21749f; } .page blockquote.quote .text-gray-darker, .page .text-gray-darker { color: #434445; } .page a.text-gray-darker:hover, .page a.text-gray-darker:focus { color: #2a2b2b; } .page blockquote.quote .text-gray-light, .page .text-gray-light { color: #e5e5e5; } .page a.text-gray-light:hover, .page a.text-gray-light:focus { color: #cccccc; } .page blockquote.quote .text-gray-dark, .page .text-gray-dark { color: #868686; } .page a.text-gray-dark:hover, .page a.text-gray-dark:focus { color: #6d6d6d; } .page blockquote.quote .text-gray, .page .text-gray { color: #bdbdbd; } .page a.text-gray:hover, .page a.text-gray:focus { color: #a4a4a4; } .page blockquote.quote .text-lighter, .page .text-lighter { color: #f5f5f5; } .page a.text-lighter:hover, .page a.text-lighter:focus { color: gainsboro; } .page blockquote.quote .text-java, .page .text-java { color: #23D5AE; } .page a.text-java:hover, .page a.text-java:focus { color: #1ca98a; } .page blockquote.quote .text-white-50, .page .text-white-50 { color: rgba(255, 255, 255, 0.5); } .page a.text-white-50:hover, .page a.text-white-50:focus { color: rgba(230, 230, 230, 0.5); } .page blockquote.quote .text-white-70, .page .text-white-70 { color: rgba(255, 255, 255, 0.7); } .page a.text-white-70:hover, .page a.text-white-70:focus { color: rgba(230, 230, 230, 0.7); } .page blockquote.quote .text-jungle-green, .page .text-jungle-green { color: #212121; } .page a.text-jungle-green:hover, .page a.text-jungle-green:focus { color: #080808; } .page blockquote.quote .text-deluge, .page .text-deluge { color: #8668ad; } .page a.text-deluge:hover, .page a.text-deluge:focus { color: #6d5092; } .page blockquote.quote .text-butterfly-bush, .page .text-butterfly-bush { color: #695999; } .page a.text-butterfly-bush:hover, .page a.text-butterfly-bush:focus { color: #534679; } .page blockquote.quote .text-picton-blue, .page .text-picton-blue { color: #55bbeb; } .page a.text-picton-blue:hover, .page a.text-picton-blue:focus { color: #27a9e6; } .page blockquote.quote .text-dollar-bill, .page .text-dollar-bill { color: #84c450; } .page a.text-dollar-bill:hover, .page a.text-dollar-bill:focus { color: #6ba839; } .page blockquote.quote .text-iceberg, .page .text-iceberg { color: #64aae1; } .page a.text-iceberg:hover, .page a.text-iceberg:focus { color: #3993d9; } .page blockquote.quote .text-ku-crimson, .page .text-ku-crimson { color: #e50a0a; } .page a.text-ku-crimson:hover, .page a.text-ku-crimson:focus { color: #b40808; } .page blockquote.quote .text-neon-carrot, .page .text-neon-carrot { color: #F3A43D; } .page a.text-neon-carrot:hover, .page a.text-neon-carrot:focus { color: #ee8d0f; } .page blockquote.quote .text-darker, .page .text-darker { color: #434445; } .page a.text-darker:hover, .page a.text-darker:focus { color: #2a2b2b; } .page blockquote.quote .text-white, .page .text-white { color: #fff; } .page a.text-white:hover, .page a.text-white:focus { color: #e6e6e6; } .page blockquote.quote .text-dark, .page .text-dark { color: #868686; } .page a.text-dark:hover, .page a.text-dark:focus { color: #6d6d6d; } .page .text-white-opacity-02 { color: rgba(255, 255, 255, 0.2); } .page a.text-white:hover { color: white; text-decoration: underline; } .page .text-boston-blue, .page .text-mantis, .page .text-acapulco, .page .text-blue-gray, .page .text-malibu, .page .text-carrot, .page .text-red, .page .text-pink, .page .text-boston-blue:before, .page .text-mantis:before, .page .text-acapulco:before, .page .text-blue-gray:before, .page .text-malibu:before, .page .text-carrot:before, .page .text-red:before, .page .text-pink:before { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page .text-boston-blue, .page .text-boston-blue:before { color: #3a67b8; background-image: -webkit-linear-gradient(90deg, #3a67b8 0%, #23d5ae 100%); } .page .text-mantis, .page .text-mantis:before { color: #42B574; background-image: -webkit-linear-gradient(0deg, #2a93c9 0%, #84c450 100%); } .page .text-acapulco, .page .text-acapulco:before { color: #55bbeb; background-image: -webkit-linear-gradient(0deg, #55bbeb 0%, #84c450 100%); } .page .text-blue-gray, .page .text-blue-gray:before { color: #8668ad; background-image: -webkit-linear-gradient(0deg, #8668ad 0%, #55bbeb 100%); } .page .text-malibu, .page .text-malibu:before { color: #55bbeb; background-image: -webkit-linear-gradient(0deg, #55bbeb 0%, #79ccf2 100%); } .page .text-carrot, .page .text-carrot:before { color: #f5bf2f; background-image: -webkit-linear-gradient(0deg, #f5bf2f 0%, #F3A43D 100%); } .page .text-red, .page .text-red:before { color: #f54b0f; background-image: -webkit-linear-gradient(0deg, #f54b0f 0%, #e50a0a 100%); } .page .text-pink, .page .text-pink:before { color: #8668ad; background-image: -webkit-linear-gradient(0deg, #8668ad 0%, #695999 100%); } .shadow-drop-ambient { box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.15); } .shadow-drop-xxs { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } .shadow-drop-xs { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .shadow-drop-sm { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .shadow-drop, .shadow-drop-md { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .shadow-drop-lg { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.29); } .shadow-drop-xl { box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.15); } .shadow-variant-2 { box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.1); } .border-gray-light { border-color: #e5e5e5; } .border-gainsboro { border-color: #bdbdbd; } .contact-info p { font-size: 15px; margin-bottom: 0; } .contact-info dl { margin-bottom: 0; } .contact-info dl dt, .contact-info dl dd { display: inline-block; font-weight: 400; font-size: 15px; } .contact-info dl dt, .contact-info dl dd a { color: #434445; } .contact-info dl dd a:hover { color: #55bbeb; } footer .btn-java:focus, footer .btn-java:hover { border-color: #1ca98a; background: #1ca98a; } .mw-400 { max-width: 400px; } .custom-paragraph { max-width: 550px; margin-left: auto; margin-right: auto; } .link-image { cursor: pointer; overflow: hidden; display: inline-block; width: 100%; } .link-image img { transition: 0.33s ease-in; } .link-image:hover img { transform: scale(1.1); } .row-certificates figure img { max-width: 250px; } .btn { position: relative; --bs-btn-padding-y: 7px; --bs-btn-padding-x: 35px; --bs-btn-font-size: 0.9375rem; --bs-btn-border-radius: 3px; line-height: 28px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.04em; border-width: 2px; border-radius: 5px; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 600; transition: .3s; backface-visibility: hidden; } .btn:focus, .btn:active, .btn:active:focus { outline: none; } .btn .caret:last-child { position: relative; top: -1px; margin-left: 5px; } .btn-with-shadow { box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .btn-with-shadow:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } .btn-group .btn + .btn, .btn-group-lg .btn + .btn { margin-left: -2px; } .btn-group-sm .btn + .btn, .btn-group-xs .btn + .btn { margin-left: -1px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: auto; } .btn-default { font-size: 14px; font-weight: 400; color: #868686; background-color: transparent; border-color: #bdbdbd; } .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default { pointer-events: none; opacity: .5; } .btn-default .badge { color: transparent; background-color: #868686; } .btn-primary { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #272727; border-color: #272727; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #272727; border-color: #272727; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { pointer-events: none; opacity: .5; } .btn-primary .badge { color: #2a93c9; background-color: #fff; } .btn-java { color: #fff; background-color: #23D5AE; border-color: #23D5AE; } .btn-java:focus, .btn-java.focus, .btn-java:hover, .btn-java:active, .btn-java.active, .open > .btn-java.dropdown-toggle { color: #fff; background-color: #294481; border-color: #294481; } .btn-java:active, .btn-java.active, .open > .btn-java.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-java:active:hover, .btn-java:active:focus, .btn-java:active.focus, .btn-java.active:hover, .btn-java.active:focus, .btn-java.active.focus, .open > .btn-java.dropdown-toggle:hover, .open > .btn-java.dropdown-toggle:focus, .open > .btn-java.dropdown-toggle.focus { color: #fff; background-color: #294481; border-color: #294481; } .btn-java.disabled, .btn-java[disabled], fieldset[disabled] .btn-java { pointer-events: none; opacity: .5; } .btn-java .badge { color: #23D5AE; background-color: #fff; } .btn-white { color: #272727; background-color: #fff; border-color: #fff; } .btn-white:focus, .btn-white.focus, .btn-white:hover, .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-white:active:hover, .btn-white:active:focus, .btn-white:active.focus, .btn-white.active:hover, .btn-white.active:focus, .btn-white.active.focus, .open > .btn-white.dropdown-toggle:hover, .open > .btn-white.dropdown-toggle:focus, .open > .btn-white.dropdown-toggle.focus { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white { pointer-events: none; opacity: .5; } .btn-white .badge { color: #fff; background-color: #272727; } .btn-deluge { color: #fff; background-color: #8668ad; border-color: #8668ad; } .btn-deluge:focus, .btn-deluge.focus, .btn-deluge:hover, .btn-deluge:active, .btn-deluge.active, .open > .btn-deluge.dropdown-toggle { color: #fff; background-color: #695999; border-color: #695999; } .btn-deluge:active, .btn-deluge.active, .open > .btn-deluge.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-deluge:active:hover, .btn-deluge:active:focus, .btn-deluge:active.focus, .btn-deluge.active:hover, .btn-deluge.active:focus, .btn-deluge.active.focus, .open > .btn-deluge.dropdown-toggle:hover, .open > .btn-deluge.dropdown-toggle:focus, .open > .btn-deluge.dropdown-toggle.focus { color: #fff; background-color: #695999; border-color: #695999; } .btn-deluge.disabled, .btn-deluge[disabled], fieldset[disabled] .btn-deluge { pointer-events: none; opacity: .5; } .btn-deluge .badge { color: #8668ad; background-color: #fff; } .btn-success { color: #fff; background-color: #abcc37; border-color: #abcc37; } .btn-success:focus, .btn-success.focus, .btn-success:hover, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #84c450; border-color: #84c450; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #84c450; border-color: #84c450; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success { pointer-events: none; opacity: .5; } .btn-success .badge { color: #abcc37; background-color: #fff; } .btn-info { color: #fff; background-color: #79ccf2; border-color: #79ccf2; } .btn-info:focus, .btn-info.focus, .btn-info:hover, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #64aae1; border-color: #64aae1; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #64aae1; border-color: #64aae1; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info { pointer-events: none; opacity: .5; } .btn-info .badge { color: #79ccf2; background-color: #fff; } .btn-warning { color: #fff; background-color: #f5bf2f; border-color: #f5bf2f; } .btn-warning:focus, .btn-warning.focus, .btn-warning:hover, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #f3a43d; border-color: #f3a43d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #f3a43d; border-color: #f3a43d; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning { pointer-events: none; opacity: .5; } .btn-warning .badge { color: #f5bf2f; background-color: #fff; } .btn-danger { color: #fff; background-color: #f54b0f; border-color: #f54b0f; } .btn-danger:focus, .btn-danger.focus, .btn-danger:hover, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #e50a0a; border-color: #e50a0a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #e50a0a; border-color: #e50a0a; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger { pointer-events: none; opacity: .5; } .btn-danger .badge { color: #f54b0f; background-color: #fff; } .btn-picton-blue { color: #fff; background-color: #55bbeb; border-color: #55bbeb; } .btn-picton-blue:focus, .btn-picton-blue.focus, .btn-picton-blue:hover, .btn-picton-blue:active, .btn-picton-blue.active, .open > .btn-picton-blue.dropdown-toggle { color: #fff; background-color: #43dfe8; border-color: #43dfe8; } .btn-picton-blue:active, .btn-picton-blue.active, .open > .btn-picton-blue.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-picton-blue:active:hover, .btn-picton-blue:active:focus, .btn-picton-blue:active.focus, .btn-picton-blue.active:hover, .btn-picton-blue.active:focus, .btn-picton-blue.active.focus, .open > .btn-picton-blue.dropdown-toggle:hover, .open > .btn-picton-blue.dropdown-toggle:focus, .open > .btn-picton-blue.dropdown-toggle.focus { color: #fff; background-color: #43dfe8; border-color: #43dfe8; } .btn-picton-blue.disabled, .btn-picton-blue[disabled], fieldset[disabled] .btn-picton-blue { pointer-events: none; opacity: .5; } .btn-picton-blue .badge { color: #55bbeb; background-color: #fff; } .btn-sapphire { color: #fff; background-color: #0956b5; border-color: #0956b5; } .btn-sapphire:focus, .btn-sapphire.focus, .btn-sapphire:hover, .btn-sapphire:active, .btn-sapphire.active, .open > .btn-sapphire.dropdown-toggle { color: #fff; background-color: #084998; border-color: #084998; } .btn-sapphire:active, .btn-sapphire.active, .open > .btn-sapphire.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-sapphire:active:hover, .btn-sapphire:active:focus, .btn-sapphire:active.focus, .btn-sapphire.active:hover, .btn-sapphire.active:focus, .btn-sapphire.active.focus, .open > .btn-sapphire.dropdown-toggle:hover, .open > .btn-sapphire.dropdown-toggle:focus, .open > .btn-sapphire.dropdown-toggle.focus { color: #fff; background-color: #084998; border-color: #084998; } .btn-sapphire.disabled, .btn-sapphire[disabled], fieldset[disabled] .btn-sapphire { pointer-events: none; opacity: .5; } .btn-sapphire .badge { color: #0956b5; background-color: #fff; } .btn-darkest { color: #fff; background-color: #272727; border-color: #272727; } .btn-darkest:focus, .btn-darkest.focus, .btn-darkest:hover, .btn-darkest:active, .btn-darkest.active, .open > .btn-darkest.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-darkest:active, .btn-darkest.active, .open > .btn-darkest.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-darkest:active:hover, .btn-darkest:active:focus, .btn-darkest:active.focus, .btn-darkest.active:hover, .btn-darkest.active:focus, .btn-darkest.active.focus, .open > .btn-darkest.dropdown-toggle:hover, .open > .btn-darkest.dropdown-toggle:focus, .open > .btn-darkest.dropdown-toggle.focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-darkest.disabled, .btn-darkest[disabled], fieldset[disabled] .btn-darkest { pointer-events: none; opacity: .5; } .btn-darkest .badge { color: #272727; background-color: #fff; } .btn-specific { color: #fff; background-color: #156c98; border-color: #156c98; } .btn-specific:focus, .btn-specific.focus, .btn-specific:hover, .btn-specific:active, .btn-specific.active, .open > .btn-specific.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-specific:active, .btn-specific.active, .open > .btn-specific.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-specific:active:hover, .btn-specific:active:focus, .btn-specific:active.focus, .btn-specific.active:hover, .btn-specific.active:focus, .btn-specific.active.focus, .open > .btn-specific.dropdown-toggle:hover, .open > .btn-specific.dropdown-toggle:focus, .open > .btn-specific.dropdown-toggle.focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-specific.disabled, .btn-specific[disabled], fieldset[disabled] .btn-specific { pointer-events: none; opacity: .5; } .btn-specific .badge { color: #156c98; background-color: #fff; } .btn-red { background: -webkit-linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); background: linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); color: #fff; border: 0; } .btn-red .badge { color: #f54b0f; } .btn-malibu { background: -webkit-linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); background: linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); color: #fff; } .btn-malibu .badge { color: #79ccf2; } .btn-xs { --bs-btn-padding-y: 9px; --bs-btn-padding-x: 17px; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 3px; border-width: 1px; } .btn-sm { --bs-btn-padding-y: 7px; --bs-btn-padding-x: 12px; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 5px; border-width: 1px; } .btn-lg { --bs-btn-padding-y: 15px; --bs-btn-padding-x: 35px; --bs-btn-font-size: 1.125rem; --bs-btn-border-radius: 5px; letter-spacing: 0.06em; } .btn-rect { border-radius: 0; } .btn-ellipse.btn { border-radius: 23px; } .btn-ellipse.btn-xs { border-radius: 20px; } .btn-ellipse.btn-sm { border-radius: 20px; } .btn-ellipse.btn-lg { border-radius: 29px; } .btn-link { position: relative; border: none; padding-left: 12px; padding-right: 12px; text-transform: uppercase; font-weight: 900; color: #434445; line-height: 1.9; } .btn-link:after { content: ''; height: 2px; position: absolute; width: 60px; left: 50%; bottom: -2px; transform: translateX(-50%); transition: .3s; } .btn-link:after { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link:hover, .btn-link:focus { color: inherit; text-decoration: none; background-color: transparent; } .btn-link:hover:after, .btn-link:focus:after { width: 70px; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: inherit; text-decoration: none; } .btn-more { font-size: 17px; font-weight: 700; line-height: 18px; } .btn-more .icon + *, .btn-more * + .icon { transition: .3s; display: inline-block; margin-left: 8px; } .btn-more .icon { color: #55bbeb; } .btn-more .icon-xxs { font-size: 18px; line-height: 18px; } .btn-more:hover .icon { color: #2a93c9; } .btn-more:hover .icon + *, .btn-more:hover * + .icon { transform: translateX(4px); } .btn.btn-icon .icon { font-size: 28px; line-height: 28px; vertical-align: middle; transition: 0s; } .btn.btn-icon-left .icon { float: left; padding-right: 10px; } .btn.btn-icon-right .icon { float: right; padding-left: 10px; } .btn-xs.btn-icon .icon { font-size: 20px; line-height: 20px; } .btn-xs.btn-icon-left .icon { padding-right: 10px; } .btn-xs.btn-icon-right .icon { padding-left: 10px; } .btn-sm.btn-icon { padding-left: 10px; padding-right: 10px; } .btn-sm.btn-icon .icon { font-size: 24px; line-height: 24px; } .btn-sm.btn-icon-left .icon { padding-right: 8px; } .btn-sm.btn-icon-right .icon { padding-left: 8px; } .btn-lg.btn-icon { padding-left: 30px; padding-right: 30px; } .btn-lg.btn-icon .icon { font-size: 32px; line-height: 32px; } .btn-lg.btn-icon-left .icon { padding-right: 14px; } .btn-lg.btn-icon-right .icon { padding-left: 14px; } .btn-toolbar { margin-left: 0; transform: translate(-10px, -10px); } .btn-toolbar > .btn, .btn-toolbar > .input-group, .btn-toolbar > .btn-group { margin-left: 10px; margin-top: 10px; } .btn-tag { text-transform: none; border-width: 1px; font-family: "Lato", Helvetica, Arial, sans-serif; padding: 1px 8px; } .btn-block { display: block; width: 100%; } .btn-anis-effect { position: relative; z-index: 1; overflow: hidden; background-color: transparent; transition: .2s; transition-delay: .1s; } .btn-anis-effect:hover { transition-delay: .45s; } .btn-anis-effect:before, .btn-anis-effect:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: #434445; border-radius: 50%; transition: 0.5s; z-index: -1; } .btn-anis-effect:before { left: -20px; transform: translate(-50%, -50%); } .btn-anis-effect:after { right: -20px; transform: translate(50%, -50%); } .btn-anis-effect:hover:before { -webkit-animation: criss-cross-left 0.8s; animation: criss-cross-left 0.8s; } .btn-anis-effect:hover:after { -webkit-animation: criss-cross-right 0.8s; animation: criss-cross-right 0.8s; } .btn-anis-effect.btn-primary { color: #fff; background-color: #2a93c9; } .btn-anis-effect.btn-primary:before, .btn-anis-effect.btn-primary:after { background: #79ccf2; } .btn-anis-effect.btn-primary:hover { color: #fff; border-color: #79ccf2; background: #79ccf2; } .btn-anis-effect.btn-default { color: #434445; background-color: transparent; border-color: #bdbdbd; } .btn-anis-effect.btn-default:hover { color: #fff; border-color: #434445; background: #434445; } .btn-anis-effect.btn-deluge { color: #8668ad; } .btn-anis-effect.btn-deluge:before, .btn-anis-effect.btn-deluge:after { background: #8668ad; } .btn-anis-effect.btn-deluge:hover { color: #fff; border-color: #8668ad; background: #8668ad; } .btn-anis-effect.btn-success { color: #abcc37; } .btn-anis-effect.btn-success:before, .btn-anis-effect.btn-success:after { background: #abcc37; } .btn-anis-effect.btn-success:hover { color: #fff; border-color: #abcc37; background: #abcc37; } .btn-anis-effect.btn-warning { color: #f5bf2f; } .btn-anis-effect.btn-warning:before, .btn-anis-effect.btn-warning:after { background: #f5bf2f; } .btn-anis-effect.btn-warning:hover { color: #fff; border-color: #f5bf2f; background: #f5bf2f; } .btn-anis-effect.btn-danger { color: #f54b0f; } .btn-anis-effect.btn-danger:before, .btn-anis-effect.btn-danger:after { background: #f54b0f; } .btn-anis-effect.btn-danger:hover { color: #fff; border-color: #f54b0f; background: #f54b0f; } .btn-anis-effect.btn-info { color: #79ccf2; } .btn-anis-effect.btn-info:before, .btn-anis-effect.btn-info:after { background: #79ccf2; } .btn-anis-effect.btn-info:hover { color: #fff; border-color: #79ccf2; background: #79ccf2; } .btn.btn-aqil-effect { position: relative; overflow: hidden; transition: 0.5s; border-color: #434445; color: #434445; background-color: transparent; } .btn.btn-aqil-effect:hover { background-color: transparent; color: #fff; box-shadow: inset 1px 0 0 0 #434445; } .btn.btn-aqil-effect:before, .btn.btn-aqil-effect:after, .btn.btn-aqil-effect span:before, .btn.btn-aqil-effect span:after { content: ''; background: rgba(68, 68, 68, 0.5); position: absolute; top: 0; left: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: -1; } .btn.btn-aqil-effect span:before, .btn.btn-aqil-effect span:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .btn.btn-aqil-effect-mod-1:before, .btn.btn-aqil-effect-mod-1:after, .btn.btn-aqil-effect-mod-1 span:before, .btn.btn-aqil-effect-mod-1 span:after { width: 100%; height: 0; } .btn.btn-aqil-effect-mod-1:after, .btn.btn-aqil-effect-mod-1 span:before { top: auto; bottom: 0; } .btn.btn-aqil-effect-mod-1:hover span:before, .btn.btn-aqil-effect-mod-1:hover span:after, .btn.btn-aqil-effect-mod-1:hover:before, .btn.btn-aqil-effect-mod-1:hover:after { height: 100%; } .btn.btn-aqil-effect-mod-2:before, .btn.btn-aqil-effect-mod-2:after, .btn.btn-aqil-effect-mod-2 span:before, .btn.btn-aqil-effect-mod-2 span:after { width: 0; height: 100%; } .btn.btn-aqil-effect-mod-2:after, .btn.btn-aqil-effect-mod-2 span:before { left: auto; right: 0; } .btn.btn-aqil-effect-mod-2:hover:before, .btn.btn-aqil-effect-mod-2:hover:after, .btn.btn-aqil-effect-mod-2:hover span:before, .btn.btn-aqil-effect-mod-2:hover span:after { width: 100%; } .btn.btn-aqil-effect.btn-primary { color: #2a93c9; border-color: #2a93c9; transition-delay: .4s; } .btn.btn-aqil-effect.btn-primary:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #2a93c9; } .btn.btn-aqil-effect.btn-primary:before, .btn.btn-aqil-effect.btn-primary:after, .btn.btn-aqil-effect.btn-primary span:before, .btn.btn-aqil-effect.btn-primary span:after { background: rgba(42, 147, 201, 0.5); } .btn.btn-aqil-effect.btn-deluge { color: #8668ad; border-color: #8668ad; transition-delay: .4s; } .btn.btn-aqil-effect.btn-deluge:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #8668ad; } .btn.btn-aqil-effect.btn-deluge:before, .btn.btn-aqil-effect.btn-deluge:after, .btn.btn-aqil-effect.btn-deluge span:before, .btn.btn-aqil-effect.btn-deluge span:after { background: rgba(134, 104, 173, 0.5); } .btn.btn-aqil-effect.btn-success { color: #abcc37; border-color: #abcc37; transition-delay: .4s; } .btn.btn-aqil-effect.btn-success:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #abcc37; } .btn.btn-aqil-effect.btn-success:before, .btn.btn-aqil-effect.btn-success:after, .btn.btn-aqil-effect.btn-success span:before, .btn.btn-aqil-effect.btn-success span:after { background: rgba(171, 204, 55, 0.5); } .btn.btn-aqil-effect.btn-warning { color: #f5bf2f; border-color: #f5bf2f; transition-delay: .4s; } .btn.btn-aqil-effect.btn-warning:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #f5bf2f; } .btn.btn-aqil-effect.btn-warning:before, .btn.btn-aqil-effect.btn-warning:after, .btn.btn-aqil-effect.btn-warning span:before, .btn.btn-aqil-effect.btn-warning span:after { background: rgba(245, 191, 47, 0.5); } .btn.btn-aqil-effect.btn-info { color: #79ccf2; border-color: #79ccf2; transition-delay: .4s; } .btn.btn-aqil-effect.btn-info:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #79ccf2; } .btn.btn-aqil-effect.btn-info:before, .btn.btn-aqil-effect.btn-info:after, .btn.btn-aqil-effect.btn-info span:before, .btn.btn-aqil-effect.btn-info span:after { background: rgba(121, 204, 242, 0.5); } .btn.btn-aqil-effect.btn-danger { color: #f54b0f; border-color: #f54b0f; transition-delay: .4s; } .btn.btn-aqil-effect.btn-danger:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #f54b0f; } .btn.btn-aqil-effect.btn-danger:before, .btn.btn-aqil-effect.btn-danger:after, .btn.btn-aqil-effect.btn-danger span:before, .btn.btn-aqil-effect.btn-danger span:after { background: rgba(245, 75, 15, 0.5); } .btn.btn-rayen-effect { border-radius: 0; overflow: hidden; background-color: transparent; } .btn.btn-rayen-effect:before { content: attr(data-text); position: absolute; top: -2px; left: 0; bottom: -2px; right: 0; z-index: 1; display: flex; align-items: center; justify-content: center; transform: translateX(-100%); } .btn.btn-rayen-effect > span { display: block; z-index: -1; } .btn.btn-rayen-effect:hover { background-color: transparent; color: #fff; } .btn.btn-rayen-effect:before, .btn.btn-rayen-effect > span { transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .btn.btn-rayen-effect:hover:before { transform: translateY(0); } .btn.btn-rayen-effect:hover > span { transform: translateY(100%); } .btn.btn-rayen-effect.btn-default { color: #434445; border-color: #434445; } .btn.btn-rayen-effect.btn-default:hover { color: #fff; box-shadow: inset 1px 0 0 0 #434445; } .btn.btn-rayen-effect.btn-default:before { background-color: #434445; color: #fff; } .btn.btn-rayen-effect.btn-primary { color: #2a93c9; border-color: #2a93c9; } .btn.btn-rayen-effect.btn-primary:hover { color: #fff; box-shadow: inset 1px 0 0 0 #2a93c9; } .btn.btn-rayen-effect.btn-primary:before { background-color: #2a93c9; } .btn.btn-rayen-effect.btn-deluge { color: #8668ad; border-color: #8668ad; } .btn.btn-rayen-effect.btn-deluge:hover { color: #fff; box-shadow: inset 1px 0 0 0 #8668ad; } .btn.btn-rayen-effect.btn-deluge:before { background-color: #8668ad; } .btn.btn-rayen-effect.btn-success { color: #abcc37; border-color: #abcc37; } .btn.btn-rayen-effect.btn-success:hover { color: #fff; box-shadow: inset 1px 0 0 0 #abcc37; } .btn.btn-rayen-effect.btn-success:before { background-color: #abcc37; } .btn.btn-rayen-effect.btn-warning { color: #f5bf2f; border-color: #f5bf2f; } .btn.btn-rayen-effect.btn-warning:hover { color: #fff; box-shadow: inset 1px 0 0 0 #f5bf2f; } .btn.btn-rayen-effect.btn-warning:before { background-color: #f5bf2f; } .btn.btn-rayen-effect.btn-info { color: #79ccf2; border-color: #79ccf2; } .btn.btn-rayen-effect.btn-info:hover { color: #fff; box-shadow: inset 1px 0 0 0 #79ccf2; } .btn.btn-rayen-effect.btn-info:before { background-color: #79ccf2; } .btn.btn-rayen-effect.btn-danger { color: #f54b0f; border-color: #f54b0f; } .btn.btn-rayen-effect.btn-danger:hover { color: #fff; box-shadow: inset 1px 0 0 0 #f54b0f; } .btn.btn-rayen-effect.btn-danger:before { background-color: #f54b0f; } .lt-ie10 .btn-rayen-effect::before { display: none; } .lt-ie10 .btn-rayen-effect:hover { color: #20325d; background-color: #fff; } .lt-ie10 .btn-rayen-effect:hover > span { transform: translateY(0%); } .btn.btn-nuka-effect { transition: color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border: none; color: #fff; background-color: transparent; } .btn.btn-nuka-effect::before, .btn.btn-nuka-effect::after { content: ''; position: absolute; border-radius: inherit; background: #453866; z-index: -1; } .btn.btn-nuka-effect::before { top: -4px; bottom: -4px; left: -4px; right: -4px; opacity: 0.2; transform: scale3d(0.7, 1, 1); transition: transform 0.3s, opacity 0.3s; } .btn.btn-nuka-effect::after { top: 0; left: 0; width: 100%; height: 100%; transform: scale3d(1.1, 1, 1); transition: transform 0.3s, background-color 0.3s; } .btn.btn-nuka-effect::before, .btn.btn-nuka-effect::after { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn.btn-nuka-effect:hover { background-color: transparent; color: #453866; } .btn.btn-nuka-effect:hover::before { opacity: 1; top: -3px; bottom: -3px; left: -3px; right: -3px; } .btn.btn-nuka-effect:hover::after { background-color: #fff; } .btn.btn-nuka-effect:hover::after, .btn.btn-nuka-effect:hover::before { transform: scale3d(1, 1, 1); } .btn.btn-nuka-effect.btn-default::before, .btn.btn-nuka-effect.btn-default::after { background-color: #434445; } .btn.btn-nuka-effect.btn-default:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-primary::before, .btn.btn-nuka-effect.btn-primary::after { background-color: #2a93c9; } .btn.btn-nuka-effect.btn-primary:hover { color: #21749f; } .btn.btn-nuka-effect.btn-primary:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-deluge::before, .btn.btn-nuka-effect.btn-deluge::after { background-color: #8668ad; } .btn.btn-nuka-effect.btn-deluge:hover { color: #6d5092; } .btn.btn-nuka-effect.btn-deluge:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-success::before, .btn.btn-nuka-effect.btn-success::after { background-color: #abcc37; } .btn.btn-nuka-effect.btn-success:hover { color: #8aa62a; } .btn.btn-nuka-effect.btn-success:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-warning::before, .btn.btn-nuka-effect.btn-warning::after { background-color: #f5bf2f; } .btn.btn-nuka-effect.btn-warning:hover { color: #e6aa0b; } .btn.btn-nuka-effect.btn-warning:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-info::before, .btn.btn-nuka-effect.btn-info::after { background-color: #79ccf2; } .btn.btn-nuka-effect.btn-info:hover { color: #4bbaed; } .btn.btn-nuka-effect.btn-info:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-danger::before, .btn.btn-nuka-effect.btn-danger::after { background-color: #f54b0f; } .btn.btn-nuka-effect.btn-danger:hover { color: #c93b08; } .btn.btn-nuka-effect.btn-danger:hover:after { background-color: #fff; } .btn.btn-naira-effect { overflow: hidden; transition: background-color 0.3s, box-shadow 0.2s; } .btn.btn-naira-effect::before { content: ''; position: absolute; left: -50%; width: 200%; height: 200%; top: -50%; transform: translateY(-100%) rotate3d(0, 0, 1, -10deg); background: #fff; transition: .3s; } .btn.btn-naira-effect.btn-naira-effect-up::before { transform: translateY(100%) rotate3d(0, 0, 1, 10deg); } .btn.btn-naira-effect .btn-text { display: block; margin: 0; } .btn.btn-naira-effect .btn-text, .btn.btn-naira-effect .icon { transition: 0.3s; } .btn.btn-naira-effect .icon { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, -200%); pointer-events: none; color: #444; } .btn.btn-naira-effect .icon-xs { font-size: 24px; } .btn.btn-naira-effect.btn-naira-effect-up .icon { transform: translate(-50%, 300%); } .btn.btn-naira-effect:hover { box-shadow: inset 0 0 0 2px #fff; } .btn.btn-naira-effect:hover .icon { transform: translate(-50%, 50%); } .btn.btn-naira-effect:hover .btn-text { opacity: 0; transform: translateY(200%); } .btn.btn-naira-effect:hover::before { animation: anim-naira-1 0.3s forwards ease-in; } .btn.btn-naira-effect.btn-naira-effect-up:hover::before { animation: anim-naira-2 0.3s forwards ease-in; } .btn.btn-naira-effect.btn-naira-effect-up:hover .btn-text { transform: translateY(-200%); } .btn.btn-naira-effect.btn-primary:hover { background-color: transparent; border-color: #2a93c9; } .btn.btn-naira-effect.btn-primary .icon { color: #247dab; } .btn.btn-naira-effect.btn-deluge:hover { background-color: transparent; border-color: #8668ad; } .btn.btn-naira-effect.btn-deluge .icon { color: #74559c; } .btn.btn-naira-effect.btn-success:hover { background-color: transparent; border-color: #abcc37; } .btn.btn-naira-effect.btn-success .icon { color: #95b22d; } .btn.btn-naira-effect.btn-warning:hover { background-color: transparent; border-color: #f5bf2f; } .btn.btn-naira-effect.btn-warning .icon { color: #f3b50d; } .btn.btn-naira-effect.btn-info:hover { background-color: transparent; border-color: #79ccf2; } .btn.btn-naira-effect.btn-info .icon { color: #58c0ef; } .btn.btn-naira-effect.btn-danger:hover { background-color: transparent; border-color: #f54b0f; } .btn.btn-naira-effect.btn-danger .icon { color: #d73f09; } .tablet .btn-naira-effect:hover { background-color: #fff; } .lt-ie10 .btn-naira-effect:before { display: none; } .lt-ie10 .btn-naira-effect:hover { background-color: #fff; } .btn.btn-polat-effect { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .btn.btn-polat-effect .btn-text { display: inline-block; width: 100%; height: 100%; color: #fff; transition: all 0.3s; visibility: hidden; margin-top: 0; } .btn.btn-polat-effect .icon { position: absolute; height: 100%; width: 100%; font-size: 180%; transition: all 0.3s; } .btn.btn-polat-effect .icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .btn.btn-polat-effect-up .icon { left: 0; top: -100%; } .btn.btn-polat-effect-up:hover .icon { top: 0; } .btn.btn-polat-effect-up:hover .btn-text { -webkit-transform: translateY(300%); transform: translateY(300%); } .btn.btn-polat-effect-left .icon { left: -100%; top: 0; } .btn.btn-polat-effect-left:hover .icon { left: 0; } .btn.btn-polat-effect-left:hover .btn-text { -webkit-transform: translateX(200%); transform: translateX(200%); } .btn.btn-polat-effect.btn-default .btn-text { color: #434445; } .btn.btn-santos-svg-effect { border: none; position: relative; transition: color 0.9s; background-color: transparent; } .btn.btn-santos-svg-effect svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn.btn-santos-svg-effect svg:active, .btn.btn-santos-svg-effect svg:focus { outline: none; } .btn.btn-santos-svg-effect .shape { stroke-width: 6px; fill: transparent; stroke: #434445; stroke-dasharray: 50 400; stroke-dashoffset: -233; transition: 1s all ease; width: 100%; height: 100%; } .btn.btn-santos-svg-effect:active, .btn.btn-santos-svg-effect:focus { background-color: transparent; } .btn.btn-santos-svg-effect:hover { background-color: transparent; } .btn.btn-santos-svg-effect:hover .shape { stroke-dasharray: 50 0; stroke-width: 3px; stroke-dashoffset: 0; stroke: #009FFD; } .btn.btn-santos-svg-effect.btn-delault { color: #434445; } .btn.btn-santos-svg-effect.btn-delault .shape { stroke: #181919; } .btn.btn-santos-svg-effect.btn-delault:hover { color: #434445; } .btn.btn-santos-svg-effect.btn-delault:hover .shape { stroke: #434445; } .btn.btn-santos-svg-effect.btn-primary { color: #2a93c9; } .btn.btn-santos-svg-effect.btn-primary .shape { stroke: #1b5f81; } .btn.btn-santos-svg-effect.btn-primary:hover { color: #2a93c9; } .btn.btn-santos-svg-effect.btn-primary:hover .shape { stroke: #2a93c9; } .btn.btn-santos-svg-effect.btn-deluge { color: #8668ad; } .btn.btn-santos-svg-effect.btn-deluge .shape { stroke: #5b437b; } .btn.btn-santos-svg-effect.btn-deluge:hover { color: #8668ad; } .btn.btn-santos-svg-effect.btn-deluge:hover .shape { stroke: #8668ad; } .btn.btn-santos-svg-effect.btn-success { color: #abcc37; } .btn.btn-santos-svg-effect.btn-success .shape { stroke: #738923; } .btn.btn-santos-svg-effect.btn-success:hover { color: #abcc37; } .btn.btn-santos-svg-effect.btn-success:hover .shape { stroke: #abcc37; } .btn.btn-santos-svg-effect.btn-warning { color: #f5bf2f; } .btn.btn-santos-svg-effect.btn-warning .shape { stroke: #c49109; } .btn.btn-santos-svg-effect.btn-warning:hover { color: #f5bf2f; } .btn.btn-santos-svg-effect.btn-warning:hover .shape { stroke: #f5bf2f; } .btn.btn-santos-svg-effect.btn-info { color: #79ccf2; } .btn.btn-santos-svg-effect.btn-info .shape { stroke: #2aaeea; } .btn.btn-santos-svg-effect.btn-info:hover { color: #79ccf2; } .btn.btn-santos-svg-effect.btn-info:hover .shape { stroke: #79ccf2; } .btn.btn-santos-svg-effect.btn-danger { color: #f54b0f; } .btn.btn-santos-svg-effect.btn-danger .shape { stroke: #a63107; } .btn.btn-santos-svg-effect.btn-danger:hover { color: #f54b0f; } .btn.btn-santos-svg-effect.btn-danger:hover .shape { stroke: #f54b0f; } html.ie-edge .btn-santos-svg, html.ie-11 .btn-santos-svg, html.lt-ie11 .btn-santos-svg { transition: 0.4s; padding: 10px 15px; border: 2px solid transparent; } html.ie-edge .btn-santos-svg:hover, html.ie-11 .btn-santos-svg:hover, html.lt-ie11 .btn-santos-svg:hover { border-color: #009FFD; } .caret { margin-left: 5px; } .dropup, .dropdown { display: inline-block; } .dropdown-menu { font-size: 13px; border: none; border-radius: 3px; } .dropdown-menu > li > a { font-weight: 400; padding: 5px 20px; } .dropdown-menu .divider { width: 100%; } .dropdown-header { font-size: 12px; padding: 8px 20px 3px; } .thumbnail-custom, .thumbnail-classic, .thumbnail-zoe, .thumbnail-winston, .thumbnail-josip, .thumbnail-janes, .thumbnail-apollo, .thumbnail-terry, .thumbnail-rayen, .thumbnail-custom > figure, .thumbnail-classic > figure, .thumbnail-zoe > figure, .thumbnail-winston > figure, .thumbnail-josip > figure, .thumbnail-janes > figure, .thumbnail-apollo > figure, .thumbnail-terry > figure, .thumbnail-rayen > figure { position: relative; display: block; } .thumbnail-custom img, .thumbnail-classic img, .thumbnail-zoe img, .thumbnail-winston img, .thumbnail-josip img, .thumbnail-janes img, .thumbnail-apollo img, .thumbnail-terry img, .thumbnail-rayen img, .thumbnail-custom figure img, .thumbnail-classic figure img, .thumbnail-zoe figure img, .thumbnail-winston figure img, .thumbnail-josip figure img, .thumbnail-janes figure img, .thumbnail-apollo figure img, .thumbnail-terry figure img, .thumbnail-rayen figure img { width: 100%; height: auto; transition: .35s; will-change: transform; } .thumbnail-custom figure figcaption, .thumbnail-classic figure figcaption, .thumbnail-zoe figure figcaption, .thumbnail-winston figure figcaption, .thumbnail-josip figure figcaption, .thumbnail-janes figure figcaption, .thumbnail-apollo figure figcaption, .thumbnail-terry figure figcaption, .thumbnail-rayen figure figcaption, .thumbnail-custom figcaption, .thumbnail-classic figcaption, .thumbnail-zoe figcaption, .thumbnail-winston figcaption, .thumbnail-josip figcaption, .thumbnail-janes figcaption, .thumbnail-apollo figcaption, .thumbnail-terry figcaption, .thumbnail-rayen figcaption { position: absolute; } .thumbnail { transition: .3s; border: none; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } a.thumbnail:hover { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.29); } .thumbnail-custom { position: relative; } .thumbnail-custom:before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(41, 68, 129, 0.7); opacity: 0; z-index: 2; transition: .22s ease-in; } .thumbnail-custom .thumbnail-custom-caption { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; z-index: 4; transition: .22s ease-in; padding-left: 10px; padding-right: 10px; } .thumbnail-custom .thumbnail-custom-caption:before { content: '\f00e'; display: inline-block; font-family: 'FontAwesome'; font-size: 24px; color: #fff; margin-bottom: 10px; -webkit-transform: scale(0); transform: scale(0); transition: .2s ease-in-out; transition-delay: .1s; } .thumbnail-custom:hover .thumbnail-custom-caption, .thumbnail-custom:hover:before { opacity: 1; } .thumbnail-custom:hover .thumbnail-custom-caption:before { -webkit-transform: scale(1); transform: scale(1); } .thumbnail-classic > img, .thumbnail-classic > figure > img { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15); } .thumbnail-classic > figure figcaption, .thumbnail-classic > figcaption { top: 50%; left: 0; right: 0; padding: 20px; transform: translateY(-50%); transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { .thumbnail-classic > figure figcaption, .thumbnail-classic > figcaption { transition: none; } } .thumbnail-classic-title { position: absolute; top: 50%; left: 15px; right: 15px; z-index: 9; padding: 12px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); transform: translateY(-50%); transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { .thumbnail-classic-title { transition: none; } } .thumbnail-classic-desc { padding: 6px; opacity: 0; color: #fff; background: #272727; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); transform: scale(0.9); transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { .thumbnail-classic-desc { transition: none; } } .tablet .thumbnail-classic, .thumbnail-classic:hover { z-index: 1; } .tablet .thumbnail-classic > img, .tablet .thumbnail-classic > figure > img, .thumbnail-classic:hover > img, .thumbnail-classic:hover > figure > img { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.29); transform: scale(1.05); will-change: contents; } .tablet .thumbnail-classic > figure figcaption, .tablet .thumbnail-classic > figcaption, .thumbnail-classic:hover > figure figcaption, .thumbnail-classic:hover > figcaption { margin-top: 30px; } .tablet .thumbnail-classic .thumbnail-classic-title, .thumbnail-classic:hover .thumbnail-classic-title { margin-bottom: 14px; top: 0; } .tablet .thumbnail-classic .thumbnail-classic-desc, .thumbnail-classic:hover .thumbnail-classic-desc { opacity: 1; transform: scale(1); } .thumbnail-zoe { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); transition: 0.3s box-shadow ease; } @media (prefers-reduced-motion: reduce) { .thumbnail-zoe { transition: none; } } .thumbnail-zoe, .thumbnail-zoe > figure { overflow: hidden; } .thumbnail-zoe figcaption { width: 100%; top: auto; bottom: 0; height: 60px; padding-left: 1.3em; padding-right: 1.3em; background: #fff; } .thumbnail-zoe-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; letter-spacing: 0.06em; margin-top: 25px; font-weight: 700; } .thumbnail-zoe .list-inline { text-align: center; margin-top: 20px; } .thumbnail-zoe .list-inline li { vertical-align: middle; } .thumbnail-zoe .list-inline li a { transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { .thumbnail-zoe .list-inline li a { transition: none; } } .thumbnail-zoe .list-inline li a:hover { color: #55bbeb; } .thumbnail-zoe .list-inline li + li { margin-left: 8px; } .thumbnail-zoe:hover .list-inline li, .thumbnail-zoe:hover .thumbnail-zoe-title, .thumbnail-zoe:hover figcaption { transform: translate3d(0, 0, 0); } .thumbnail-zoe:hover .thumbnail-zoe-title { transition-delay: 0.05s; } .thumbnail-zoe:hover .list-inline li:nth-child(3) { transition-delay: 0.1s; } .thumbnail-zoe:hover .list-inline li:nth-child(2) { transition-delay: 0.15s; } .thumbnail-zoe:hover .list-inline li:first-child { transition-delay: 0.2s; } @media (min-width: 1200px) { .thumbnail-zoe { box-shadow: none; } .thumbnail-zoe .list-inline li, .thumbnail-zoe .thumbnail-zoe-title, .thumbnail-zoe figcaption { transition: transform 0.3s; transform: translate3d(0, 200%, 0); } .thumbnail-zoe figcaption { height: 75px; } .thumbnail-zoe .list-inline { float: right; margin-top: 26px; } .thumbnail-zoe:hover { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .thumbnail-zoe:hover img, .thumbnail-zoe:hover figure > img { transform: translate3d(0, -40px, 0); } } .thumbnail-winston figure figcaption, .thumbnail-winston figcaption { position: static; width: 100%; } .thumbnail-winston-title { padding: 20px 5px; margin-bottom: 0; font-weight: 300; color: #fff; text-align: center; background: #272727; transition: transform 0.35s, opacity 0.35s; } .thumbnail-winston p { display: inline-block; margin: 0 0 0.55em; padding: 0.4em 1em; font-weight: 500; text-transform: none; background: #fff; transition: transform 0.35s, opacity 0.35s; } .thumbnail-winston p:first-child { transition-delay: 0s; } .thumbnail-winston p:nth-of-type(2) { transition-delay: 0.05s; } .thumbnail-winston p:nth-of-type(3) { transition-delay: 0.1s; } .thumbnail-winston:hover p, .thumbnail-winston:hover .thumbnail-winston-title { opacity: 1; transform: translate3d(0, 0, 0); } @media (min-width: 1200px) { .thumbnail-winston, .thumbnail-winston > figure { overflow: hidden; } .thumbnail-winston figure figcaption, .thumbnail-winston figcaption { position: absolute; top: 15%; left: 6%; width: auto; } .thumbnail-winston p { opacity: 0; transform: translate3d(-360px, 0, 0); } .thumbnail-winston-title { padding: 0.1em 0.5em; margin-bottom: 18px; text-align: left; opacity: 0; transform: translate3d(0, -360px, 0); } } .thumbnail-josip { display: flex; flex-direction: column; } .thumbnail-josip figcaption { right: 0; text-align: center; } .thumbnail-josip figure figcaption, .thumbnail-josip figcaption { position: static; height: 60px; padding: 0; text-align: left; text-transform: none; vertical-align: middle; backface-visibility: hidden; transition: 0.3s, opacity 0.4s 0.3s; } @media (min-width: 1200px) { .thumbnail-josip figure figcaption, .thumbnail-josip figcaption { width: 100%; max-width: 100%; } } .thumbnail-josip .btn-white { background-color: #272727; border-color: #272727; color: #fff; text-align: center; } @media (min-width: 1200px) { .thumbnail-josip .btn-white { background-color: #fff; border-color: #fff; color: #272727; } .thumbnail-josip .btn-white:hover { background-color: #272727; border-color: #272727; color: #fff; } } .thumbnail-josip.odd .thumbnail-desc { background: #2684b4; } .thumbnail-josip:nth-child(even) .thumbnail-desc { background: #2a93c9; } .thumbnail-josip a { display: inline-block; width: 100%; } .thumbnail-josip .btn { padding: 16px 10px; } @media (min-width: 1200px) { .thumbnail-josip .btn { padding: 16px 30px; } } .thumbnail-josip .thumbnail-desc { background: #2a93c9; padding: 33px 10px; flex-grow: 1; transition: .3s ease; } @media (min-width: 1200px) { .thumbnail-josip .thumbnail-desc { padding: 33px 30px; } } .thumbnail-josip .thumbnail-desc p { opacity: .4; } @media (min-width: 992px) { .thumbnail-josip .thumbnail-desc { text-align: left; } } .thumbnail-josip .btn-java:hover { background: #294481; border-color: #294481; } .thumbnail-josip-title, .thumbnail-josip p { overflow: hidden; display: block; text-overflow: ellipsis; } .thumbnail-josip-title { color: #fff; } .thumbnail-josip:hover figcaption { opacity: 1; transform: translateY(0px); transition: transform 0.3s, opacity 0.1s; } @media (min-width: 992px) { .thumbnail-josip, .thumbnail-josip > figure { overflow: hidden; } .thumbnail-josip figure figcaption, .thumbnail-josip figcaption { position: absolute; top: auto; bottom: 0; left: 0; opacity: 0; padding: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .thumbnail-josip:hover .thumbnail-desc { -webkit-transform: translateY(-50px); transform: translateY(-50px); } } .thumbnail-josip.thumbnail-big { max-width: 380px; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .thumbnail-josip.thumbnail-big { width: 20%; max-width: none; } } .tablet .thumbnail-josip figcaption { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .tablet .thumbnail-josip .thumbnail-desc { padding: 22px 10px; -webkit-transform: translateY(0px); transform: translateY(0px); } @media (min-width: 992px) { .tablet .thumbnail-josip .thumbnail-desc { -webkit-transform: translateY(-50px); transform: translateY(-50px); } } .thumbnail-janes { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); transition: box-shadow 0.4s; } @media (prefers-reduced-motion: reduce) { .thumbnail-janes { transition: none; } } .thumbnail-janes, .thumbnail-janes > figure { overflow: hidden; } .thumbnail-janes figcaption { position: static; padding: 20px; top: 0; left: 0; height: 100%; text-align: left; background: #fff; backface-visibility: hidden; transition: transform 0.3s; } @media (prefers-reduced-motion: reduce) { .thumbnail-janes figcaption { transition: none; } } .thumbnail-janes p { margin-top: 5px; margin-bottom: 10px; max-height: 50px; overflow: hidden; } .thumbnail-janes:hover figcaption { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } @media (min-width: 1200px) { .thumbnail-janes { box-shadow: none; } .thumbnail-janes figcaption { position: absolute; padding: 25px 30px 30px 30px; width: 101%; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .thumbnail-janes p { max-height: 75px; margin-top: 15px; margin-bottom: 15px; } .thumbnail-janes:hover { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .thumbnail-janes:hover img { -webkit-transform: translateX(25%); transform: translateX(25%); } } @media (min-width: 1600px) { .thumbnail-janes figcaption { width: 50%; } .thumbnail-janes p { max-height: none; margin-top: 18px; margin-bottom: 18px; } } .thumbnail-apollo { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .thumbnail-apollo figure figcaption, .thumbnail-apollo figcaption { position: static; padding: 15px 20px 15px; text-align: left; transition: .3s; transition-delay: 0.2s; } .thumbnail-apollo p { margin-top: 5px; margin-bottom: 0; max-height: 45px; overflow: hidden; } .thumbnail-apollo .icon-xxs { font-size: 18px; line-height: 18px; } @media (min-width: 768px) { .thumbnail-apollo { box-shadow: none; } .thumbnail-apollo img { opacity: 1; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { .thumbnail-apollo img { transition: none; } } @media (min-width: 768px) { .thumbnail-apollo:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; transition: transform 0.6s; -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); } } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { .thumbnail-apollo:before { transition: none; } } @media (min-width: 768px) { .thumbnail-apollo:hover img { opacity: 0.5; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .thumbnail-apollo:hover figcaption { opacity: 1; } .thumbnail-apollo:hover:before { -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); } .thumbnail-apollo, .thumbnail-apollo figure { overflow: hidden; background: #55bbeb; } .thumbnail-apollo figure figcaption, .thumbnail-apollo figcaption { position: absolute; top: 50%; width: 100%; padding: 0 8%; margin-top: 0; color: #fff; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .thumbnail-apollo p { max-height: none; margin-top: 18px; margin-bottom: 18px; } } @media (min-width: 768px) { .thumbnail-apollo.thumbnail-apollo-dark:hover img { opacity: .2; } } .thumbnail-apollo.thumbnail-apollo-bordered { border: 1px solid #bdbdbd; box-shadow: none; } .thumbnail-apollo.thumbnail-apollo-bordered figure figcaption, .thumbnail-apollo.thumbnail-apollo-bordered figcaption { border-top: 1px solid #bdbdbd; } @media (min-width: 768px) { .thumbnail-apollo.thumbnail-apollo-bordered figure figcaption, .thumbnail-apollo.thumbnail-apollo-bordered figcaption { border-top: none; } } @media (min-width: 1200px) { .thumbnail-apollo.thumbnail-apollo-bordered { width: 99%; } } @media (min-width: 1600px) { .thumbnail-apollo.thumbnail-apollo-bordered { width: 96%; } } .tablet .thumbnail-apollo { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .tablet .thumbnail-apollo figure figcaption, .tablet .thumbnail-apollo figcaption { position: static; padding: 15px 20px 15px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); color: #191919; } .tablet .thumbnail-apollo img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .tablet .thumbnail-apollo:before { display: none; } .tablet .thumbnail-apollo, .tablet .thumbnail-apollo figure { background: transparent; } .thumbnail-terry.thumbnail-border-none img { border-radius: 0; } .thumbnail-terry:before { display: none; content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 5px; background: #000; opacity: 0; transition: 0.35s all ease; z-index: 2; } @media (prefers-reduced-motion: reduce) { .thumbnail-terry:before { transition: none; } } .thumbnail-terry figcaption { position: relative; top: -1px; width: 100%; padding: 20px 15px; text-align: center; text-transform: none; vertical-align: middle; background: #434445; backface-visibility: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: 0.35s all ease; z-index: 1; will-change: transform; } @media (prefers-reduced-motion: reduce) { .thumbnail-terry figcaption { transition: none; } } .thumbnail-terry img { border-top-left-radius: 5px; border-top-right-radius: 5px; } .thumbnail-terry-title, .thumbnail-terry-desc { color: #fff; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px; } .thumbnail-terry-desc { display: none; } @media (min-width: 992px) { .thumbnail-terry:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 5px; background: rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); will-change: transform; } .thumbnail-terry, .thumbnail-terry > figure { overflow: hidden; } .thumbnail-terry-desc, .thumbnail-terry:before { display: block; } .thumbnail-terry img { border-radius: 5px; } .thumbnail-terry figcaption { position: absolute; top: auto; bottom: 0; left: 0; z-index: 2; padding: 30px 15px; background: transparent; -webkit-transform: translateY(50px); transform: translateY(50px); } .thumbnail-terry .btn { opacity: 0; -webkit-transform: translateY(100%) scale(0.8); transform: translateY(100%) scale(0.8); } .thumbnail-terry:hover .btn, .thumbnail-terry:hover figcaption { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .thumbnail-terry:hover:before { opacity: 0.25; } } .tablet .thumbnail-terry .btn, .tablet .thumbnail-terry figcaption { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .tablet .thumbnail-terry:before { opacity: 0.25; } .thumbnail-rayen { position: relative; } .thumbnail-rayen:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #191919; opacity: 0; transition: 0.35s all ease; z-index: 1; } @media (prefers-reduced-motion: reduce) { .thumbnail-rayen:before { transition: none; } } .thumbnail-rayen figcaption { position: absolute; left: 50%; top: 50%; width: 100%; color: #fff; opacity: 0; transform: translate(-50%, 100%) scale(0); transition: 0.35s all ease; z-index: 2; } @media (prefers-reduced-motion: reduce) { .thumbnail-rayen figcaption { transition: none; } } .thumbnail-rayen .icon:hover { color: #55bbeb; transition: 0.35s color ease; } @media (prefers-reduced-motion: reduce) { .thumbnail-rayen .icon:hover { transition: none; } } .thumbnail-rayen:hover:before { opacity: 0.5; } .thumbnail-rayen:hover figcaption { opacity: 1; transform: translate(-50%, -50%) scale(1); } .tablet .thumbnail-rayen figcaption, .mobile .thumbnail-rayen figcaption { left: 50%; top: 50%; opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .tablet .thumbnail-rayen figcaption a .icon, .mobile .thumbnail-rayen figcaption a .icon { font-size: 26px; line-height: 26px; } .tablet .thumbnail-rayen:before, .mobile .thumbnail-rayen:before { opacity: 0.25; } .page { overflow: hidden; background-color: #fff; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 5px; } .img-circle { border-radius: 50%; } .img-cover { width: 100%; height: auto; } .img-bordered-white { border: 2px solid #fff; } .img-semi-transparent { opacity: .5; transition: 0.35s all ease; will-change: transform; } @media (prefers-reduced-motion: reduce) { .img-semi-transparent { transition: none; } } .img-semi-transparent:hover { opacity: 1; } .element-fullwidth { width: 100%; } .bg-image { background-position: center center; background-size: cover; background-repeat: no-repeat; } .img-mobile-half-width { max-width: 50%; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .img-mobile-half-width { max-width: none; } } .tooltip-inner { border-radius: 0; } .to-front { position: relative; z-index: 10; } .box-skin-1 { background: #fff; border-radius: 5px; padding: 34px 30px; transition: 0.2s ease-in; } .box-skin-1:hover { box-shadow: 0 2px 13px 0px rgba(0, 0, 0, 0.16); } .box-skin-1 h5 a:hover { color: #3b61b9 !important; } .pos-relative { position: relative; } .max-width-none { max-width: none; } @media (min-width: 992px) { .bg-image-md-fullwidth-1 { position: relative; z-index: 1; } .bg-image-md-fullwidth-1:before { content: ''; position: absolute; top: 0; width: 44vw; height: 100%; background: transparent url(../images/background-02-676x545.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover; z-index: -1; } .bg-image-md-fullwidth-1-left:before { right: 12px; } } @media (min-width: 1600px) { .bg-image-md-fullwidth-1:before { width: 36vw; } .bg-image-md-fullwidth-1-left:before { right: -10px; } } @media (min-width: 2000px) { .bg-image-md-fullwidth-1:before { width: 47vw; } } .nav-tabs > li, .nav-tabs > li:last-child { margin-bottom: -1px; } .nav-stacked > li + li { margin-top: 4px; } @media (min-width: 992px) { .nav-stacked-container .tab-content, .nav-stacked-container .nav-stacked { display: table-cell; vertical-align: top; } .nav-stacked-container .nav-stacked { width: 25%; } .nav-stacked-container .tab-content { width: 73%; padding-left: 20px; } } .navbar { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); border: none; text-align: left; } .navbar-brand { padding-left: 30px; padding-right: 30px; } .navbar .navbar-toggle { margin-top: 9px; margin-bottom: 9px; } .navbar .navbar-text { margin-top: 14px; margin-bottom: 14px; } .navbar .navbar-form { margin-top: 6px; margin-bottom: 6px; padding-left: 10px; padding-right: 10px; } .navbar .navbar-form .form-search-submit { right: 15px; } .navbar-nav > li > .dropdown-menu { margin-top: 2px; } .navbar-nav > li > a { transition: .3s; font-weight: 400; font-size: 14px; } .navbar-nav > li > a .badge { margin-top: -17px; margin-left: -5px; margin-right: -5px; } .tablet .rd-navbar-top-panel .rd-navbar-brand { display: block !important; } /** @section Panel custom */ .card-group-custom { margin-bottom: 0; } .card-group-custom .card-header + .collapse > .card-body, .card-group-custom .card-header + .collapse > .list-group { border-top: 0; } .card-group-custom .card + .card { margin-top: 0; } .card-group-custom.card-group-corporate .card + .card { margin-top: 30px; } .card-custom { display: block; margin: 0; background: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left; } .card-custom a { display: block; } .card-custom .card-header { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .card-custom .card-body { padding: 0; border: 0; } .card-custom .card-title { margin-bottom: 0; } * + .card-group-custom { margin-top: 35px; } @media (min-width: 768px) { * + .card-group-custom { margin-top: 50px; } } .card-corporate { text-align: left; box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12); } .card-corporate .card-title a, .card-corporate .card-body { background: #fff; } .card-corporate .card-title a { position: relative; z-index: 1; padding: 21px 82px 21px 32px; font-weight: 700; font-size: 16px; line-height: 1.25; letter-spacing: 0; color: #2c343b; transition: 1.3s all ease; border-radius: 6px 6px 0 0; border-bottom: 1px solid #dedede; } .card-corporate .card-title a .card-arrow:after { opacity: 0; visibility: hidden; } .card-corporate .card-title a.collapsed { border-radius: 6px; border-bottom-width: 0; } .card-corporate .card-title a.collapsed .card-arrow { border-radius: 0 6px 6px 0; } .card-corporate .card-title a.collapsed .card-arrow:after { opacity: 1; visibility: visible; } .card-corporate .card-arrow { position: absolute; top: 0; bottom: -1px; right: -1px; z-index: 2; width: 70px; background: #2a93c9; border-radius: 0 6px 0 0; transition: .33s all ease; } .card-corporate .card-arrow::before, .card-corporate .card-arrow::after { content: ''; position: absolute; top: 50%; z-index: 4; transform: translateY(-50%); background: #fff; } .card-corporate .card-arrow::before { width: 14px; height: 2px; right: 28px; } .card-corporate .card-arrow::after { width: 2px; height: 14px; right: 34px; } .card-corporate .collapse { position: relative; z-index: 1; color: #868686; border-radius: 0 0 6px 6px; } .card-corporate .card-body { padding: 25px 44px 25px 32px; } @media (max-width: 767.98px) { .card-corporate .card-title a, .card-corporate .card-body { padding-left: 25px; } } @media (min-width: 768px) { .card-corporate .card-title a { font-size: 18px; } } .icon { position: relative; display: inline-block; font-weight: 400; font-size: 54px; line-height: 56px; font-style: normal; } .icon:before { display: inline-block; position: relative; } a.icon { transition: .3s; } .icon-rect, .icon-circle, .icon-rounded, .icon-outlined { width: 70px; height: 70px; font-size: 32px; line-height: 70px; text-align: center; border: 2px solid; } .icon-circle { border-radius: 50%; } .icon-rounded { border-radius: 5px; } .icon-outlined { position: relative; } .icon-outlined, .icon-outlined:after { border-radius: 50%; } .icon-outlined:after { position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px; content: ''; border: 2px solid #f5f5f5; } .icon-xxxs { font-size: 20px; line-height: 20px; } .icon-xxs { font-size: 24px; line-height: 24px; } .icon-xxs.icon-rect, .icon-xxs.icon-rounded, .icon-xxs.icon-circle, .icon-xxs.icon-outlined { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .icon-xxs.fa-envelope { font-size: 23px; } .icon-xxs.fa-phone { font-size: 22px; } .icon-xs { font-size: 26px; line-height: 26px; } .icon-xs.icon-rect, .icon-xs.icon-rounded, .icon-xs.icon-circle, .icon-xs.icon-outlined { width: 50px; height: 50px; line-height: 50px; font-size: 26px; } .icon-sm { font-size: 48px; line-height: 48px; } .icon-sm.icon-rect, .icon-sm.icon-rounded, .icon-sm.icon-circle, .icon-sm.icon-outlined { width: 60px; height: 60px; line-height: 58px; font-size: 26px; } .icon-lg { font-size: 72px; line-height: 72px; } .icon-lg.icon-rect, .icon-lg.icon-rounded, .icon-lg.icon-circle, .icon-lg.icon-outlined { width: 80px; height: 80px; line-height: 80px; font-size: 36px; } .icon-xlg { font-size: 96px; line-height: 96px; } .icon-xlg.icon-rect, .icon-xlg.icon-rounded, .icon-xlg.icon-circle, .icon-xlg.icon-outlined { width: 130px; height: 130px; line-height: 130px; font-size: 48px; } .icon-default { color: #434445; border-color: #e5e5e5; } .icon-darker { color: #434445; border-color: #434445; } .icon-primary { color: #2a93c9; border-color: #2a93c9; } .icon-deluge { color: #8668ad; border-color: #8668ad; } .icon-picton-blue { color: #55bbeb; border-color: #55bbeb; } .icon-success { color: #abcc37; border-color: #abcc37; } .icon-warning { color: #f5bf2f; border-color: #f5bf2f; } .icon-danger { color: #f54b0f; border-color: #f54b0f; } .icon-info { color: #79ccf2; border-color: #79ccf2; } .icon-darker-filled, .icon-darkest-filled, .icon-gray-light, .icon-white, .icon.icon-white-17, .icon-shark-filled, .icon-mantis-filled, .icon-pink-filled, .icon-malibu-filled, .icon-carrot-filled, .icon-red-filled, .icon-blue-gray-filled { color: #fff; border: none; } .icon-darker-filled { background: #434445; } .icon-darkest-filled { background: #272727; } .icon-gray-light { background: #e5e5e5; color: #868686; } .icon-white { background: #fff; color: #868686; } .icon.icon-white-17 { background: rgba(255, 255, 255, 0.17); color: #fff; } .icon-shark-filled { background: -moz-linear-gradient(45deg, #191919 0%, #434445 100%); background: -webkit-linear-gradient(45deg, #191919 0%, #434445 100%); background: -o-linear-gradient(45deg, #191919 0%, #434445 100%); background: -ms-linear-gradient(45deg, #191919 0%, #434445 100%); background: linear-gradient(45deg, #191919 0%, #434445 100%); } .icon-mantis-filled { background: -moz-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(45deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(45deg, #2a93c9 0%, #84c450 100%); } .icon-pink-filled { background: -moz-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: -webkit-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: -o-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: -ms-linear-gradient(45deg, #8668ad 0%, #695999 100%); background: linear-gradient(45deg, #8668ad 0%, #695999 100%); } .icon-malibu-filled { background: -moz-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%); background: -webkit-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%); background: -o-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%); background: -ms-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%); background: linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%); } .icon-carrot-filled { background: -moz-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%); background: -webkit-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%); background: -o-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%); background: -ms-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%); background: linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%); } .icon-red-filled { background: -moz-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: -webkit-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: -o-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: -ms-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); background: linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); } .icon-blue-gray-filled { background: -moz-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: -webkit-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: -o-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: -ms-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); background: linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); } .icon.icon-xs.mdi-monitor { font-size: 28px; } .icon.icon-sm.mdi-monitor { font-size: 36px; } .icon.icon-sm.mdi-code-brackets, .icon.icon-sm.mdi-clock, .icon.icon-sm.mdi-vector-arrange-below { font-size: 45px; } .icon-rect.mdi-vector-arrange-below, .icon-rect.mdi-share-variant, .icon-rect.mdi-magnify, .icon-rect.mdi-monitor, .icon-circle.mdi-vector-arrange-below, .icon-circle.mdi-share-variant, .icon-circle.mdi-magnify, .icon-circle.mdi-monitor, .icon-rounded.mdi-vector-arrange-below, .icon-rounded.mdi-share-variant, .icon-rounded.mdi-magnify, .icon-rounded.mdi-monitor, .icon-outlined.mdi-vector-arrange-below, .icon-outlined.mdi-share-variant, .icon-outlined.mdi-magnify, .icon-outlined.mdi-monitor { font-size: 36px; } .icon-rect.mdi-brush, .icon-circle.mdi-brush, .icon-rounded.mdi-brush, .icon-outlined.mdi-brush { font-size: 38px; } .icon-rect.mdi-cube-outline, .icon-rect.mdi-palette, .icon-circle.mdi-cube-outline, .icon-circle.mdi-palette, .icon-rounded.mdi-cube-outline, .icon-rounded.mdi-palette, .icon-outlined.mdi-cube-outline, .icon-outlined.mdi-palette { font-size: 40px; } .icon-rect.mdi-format-bold, .icon-rect.mdi-spellcheck, .icon-rect.mdi-rocket, .icon-rect.mdi-xml, .icon-circle.mdi-format-bold, .icon-circle.mdi-spellcheck, .icon-circle.mdi-rocket, .icon-circle.mdi-xml, .icon-rounded.mdi-format-bold, .icon-rounded.mdi-spellcheck, .icon-rounded.mdi-rocket, .icon-rounded.mdi-xml, .icon-outlined.mdi-format-bold, .icon-outlined.mdi-spellcheck, .icon-outlined.mdi-rocket, .icon-outlined.mdi-xml { font-size: 42px; } a.icon-rect.fa-facebook:hover, a.icon-circle.fa-facebook:hover, a.icon-outlined.fa-facebook:hover, a.icon-rounded.fa-facebook:hover { color: #fff; background: #0956b5; } a.icon-rect.fa-twitter:hover, a.icon-circle.fa-twitter:hover, a.icon-outlined.fa-twitter:hover, a.icon-rounded.fa-twitter:hover { color: #fff; background: #28d4f9; } a.icon-rect.fa-google-plus:hover, a.icon-circle.fa-google-plus:hover, a.icon-outlined.fa-google-plus:hover, a.icon-rounded.fa-google-plus:hover { color: #fff; background: #e3401d; } a.icon-rect.fa-linkedin:hover, a.icon-circle.fa-linkedin:hover, a.icon-outlined.fa-linkedin:hover, a.icon-rounded.fa-linkedin:hover { color: #fff; background: #0E7EB5; } a.icon-rect.fa-500px:hover, a.icon-circle.fa-500px:hover, a.icon-outlined.fa-500px:hover, a.icon-rounded.fa-500px:hover { color: #fff; background: #bebebe; } a.icon-rect.fa-rss:hover, a.icon-circle.fa-rss:hover, a.icon-outlined.fa-rss:hover, a.icon-rounded.fa-rss:hover { color: #fff; background: #f6981d; } a.icon-rect.fa-behance:hover, a.icon-circle.fa-behance:hover, a.icon-outlined.fa-behance:hover, a.icon-rounded.fa-behance:hover { background: #64aae1; color: #fff; } .fontawesome-icon-list { text-align: left; } .fontawesome-icon-list .icon-list-item { padding: 15px 0 15px 20px; font-size: 18px; line-height: 18px; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fontawesome-icon-list .icon-list-item i { padding-right: 15px; font-size: 22px; line-height: 22px; float: left; } .fontawesome-icon-list .icon-list-item:hover { background: #2a93c9; color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .fontawesome-icon-list .icon-list-item:hover i { -webkit-transform: scale(1.5); transform: scale(1.5); } .icon-list .unit-body { width: 100%; text-align: left; } .icon-list .unit-left, .icon-list .unit-body { margin-bottom: 0 !important; } .icon-list .icon { color: #2a93c9; font-size: 30px; line-height: 30px; } .icon-list .unit { transition: 0.35s all ease; padding: 10px; border-radius: 3px; } .icon-list .unit:hover { background: #2a93c9; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .icon-list .unit:hover .icon { color: #fff; } .icon-list .unit:hover p { color: #fff; } .icon-doctor-01:before, .icon-doctor-xl:before, .icon-emergency-01:before, .icon-medical-car-01:before, .icon-medical-car-xl:before, .icon-nocovid-xl:before, .icon-pills-xl:before, .icon-pills-01:before { content: ''; display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } .icon-doctor-01:before { background-image: url("../images/icons/icon-doctor-01.jpg"); } .icon-doctor-xl:before { background-image: url("../images/icons/icon-doctor-xl.png"); } .icon-medical-car-01:before { background-image: url("../images/icons/icon-medical-car-01.jpg"); } .icon-medical-car-xl:before { background-image: url("../images/icons/icon-medical-car-xl.png"); } .icon-pills-01:before { background-image: url("../images/icons/icon-pills-01.jpg"); } .icon-pills-xl:before { background-image: url("../images/icons/icon-pills-xl.png"); } .icon-nocovid-xl:before { background-image: url("/images/product/No_COVID-19.Virus.Circle.100w.png"); } .icon-emergency-01:before { background-image: url("../images/icons/icon-emergency-01.png"); height: 21px; width: 24px; } .progress-linear { position: relative; display: flex; flex-direction: column; } .progress-linear .progress-bar-linear-wrap, .progress-linear .progress-bar-linear { height: 100%; border-radius: 5px; } .progress-linear .progress-bar-linear-wrap { margin-top: 8px; background: #e5e5e5; } .progress-linear .progress-bar-linear { width: 0; height: 12px; transition: 0.5s all ease; } @media (prefers-reduced-motion: reduce) { .progress-linear .progress-bar-linear { transition: none; } } .progress-linear h6 { text-align: left; } .progress-linear .progress-value:after { content: "%"; } .progress-bar-circle { display: inline-block; position: relative; text-align: center; line-height: 1.2; } .progress-bar-circle:before { position: absolute; top: 50%; left: 50%; width: 75%; height: 75%; content: ''; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid #e5e5e5; } .progress-bar-circle canvas { vertical-align: middle; } .progress-bar-circle span { position: absolute; top: 48%; left: 50%; font-size: 18px; line-height: 24px; font-family: "Asap", sans-serif; color: #434445; transform: translate(-50%, -50%); } .progress-bar-circle span:after { content: "%"; } .progress { height: 20px; } .progress-bar { font-weight: 700; font-size: 13px; line-height: 20px; box-shadow: none; } /** @section Progress Circle */ .progress-circle { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.2; } .progress-circle-block { position: relative; } .progress-circle-bg { fill: transparent; stroke: #f5f5f5; stroke-width: 8px; } .progress-circle-fg { fill: transparent; stroke: #f2e661; stroke-width: 8px; } .progress-circle-counter { position: absolute; top: 50%; left: 51%; font-size: 18px; line-height: 18px; transform: translate(-50%, -50%); color: #434445; } .progress-circle-counter::after { content: "%"; } .progress-circle-title { font-size: 22px; font-weight: 700; text-transform: uppercase; color: #868686; } * + .progress-bar-circle-title { margin-top: 12px; } .progress-circle-block { position: relative; } .progress-circle-block:after { content: ''; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85px; height: 85px; border: 1px solid #e5e5e5; border-radius: 50%; z-index: 2; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } @media (min-width: 576px) { .media-right, .media > .pull-right { padding-left: 20px; } .media-left, .media > .pull-left { padding-right: 20px; } } .list-group-item > .badge { margin-top: 5px; margin-bottom: 5px; } /** @section Lists */ .list > li + li { margin-top: 10px; } .list-xs > li + li { margin-top: 5px; } .list-sm > li + li { margin-top: 10px; } .list-md > li + li { margin-top: 18px; } .list-lg > li + li { margin-top: 25px; } .list-xl > li + li { margin-top: 30px; } @media (min-width: 768px) { .list-xl > li + li { margin-top: 60px; } } .list-inline > li { display: inline-block; } * + .list-terms { margin-top: 25px; } .list-terms + * { margin-top: 25px; } .list-terms dt + dd { margin-top: 5px; } .list-terms dd + dt { margin-top: 25px; } .index-list { counter-reset: li; } .index-list > li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-marked { text-align: left; } .list-marked > li { position: relative; padding-left: 25px; } .list-marked > li::before { position: absolute; display: inline-block; left: 0; top: 12px; min-width: 25px; content: '\f105'; font: 400 14px/24px 'FontAwesome'; color: #b7b7b7; } .list-marked > li + li { margin-top: 4px; } * + .list-marked { margin-top: 15px; } p + .list-marked { margin-top: 10px; } .list-ordered { counter-reset: li; text-align: left; } .list-ordered > li { position: relative; padding-left: 25px; } .list-ordered > li:before { position: absolute; content: counter(li, decimal) "."; counter-increment: li; top: 0; left: 0; display: inline-block; width: 15px; color: #b7b7b7; } .list-ordered > li + li { margin-top: 10px; } * + .list-ordered { margin-top: 15px; } .list li + li { margin-top: 10px; } * + .list-terms { margin-top: 25px; } .list-terms + * { margin-top: 25px; } .list-terms dt + dd { margin-top: 5px; } .list-terms dd + dt { margin-top: 25px; } /** @section Breadcrumbs */ .breadcrumbs-custom { padding: 35px 0 40px; background-color: #cccccc; background-position: center; } .breadcrumbs-custom-path { margin-left: -8px; margin-right: -8px; } .breadcrumbs-custom-path > * { padding-left: 8px; padding-right: 8px; } .breadcrumbs-custom-path a { display: inline; vertical-align: middle; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #2a93c9; } .breadcrumbs-custom-path li { position: relative; display: inline-flex; align-items: center; vertical-align: middle; font-size: 14px; line-height: 1; } .breadcrumbs-custom-path li::after { content: '\f14f'; font-family: 'Material Design Icons'; font-size: 14px; line-height: 14px; padding-left: 15px; opacity: .4; position: relative; top: 2px; } .breadcrumbs-custom-path li:last-child:after { display: none; } .breadcrumbs-custom-path a:hover { color: #fff; } .breadcrumbs-custom-path li.active { color: rgba(255, 255, 255, 0.5); } .breadcrumbs-custom-path li a { color: #fff; } .breadcrumbs-custom-path li a:hover { text-decoration: underline; } * + .breadcrumbs-custom-path { margin-top: 14px; } @media (max-width: 767.98px) { .breadcrumbs-custom-title { font-size: 26px; } } @media (min-width: 576px) { .breadcrumbs-custom { margin-left: -30px; margin-right: -30px; } .breadcrumbs-custom > * { padding-left: 30px; padding-right: 30px; } * + .breadcrumbs-custom-path { margin-top: 18px; } } @media (min-width: 768px) { * + .breadcrumbs-custom-path { margin-top: 40px; } } @media (min-width: 1200px) { * + .breadcrumbs-custom-path { margin-top: 70px; } } @media (min-width: 768px) { .breadcrumbs-custom { padding: 70px 0 80px; } .breadcrumbs-custom-path li { font-size: 16px; } } @media (min-width: 1200px) { .breadcrumbs-custom { padding: 110px 0 41px; } } @media (min-width: 992px) { .breadcrumbs-creative > .container { padding-left: 414px; } } .input-group-addon { transition: .3s; color: #fff; } .input-group-addon > .input-group-icon { position: relative; display: inline-block; } .input-group-addon-inverse { background: #fff; border-color: #bdbdbd; color: #434445; } .input-group .form-input { color: #272727; background: #fff; } .input-group > .input-group-addon > .input-group-icon { font-size: 28px; } .input-group.input-group-sm > .input-group-addon > .input-group-icon { font-size: 19px; line-height: 1; } .input-group.input-group-sm > .input-group-addon > .input-group-icon.mdi { top: 2px; } .input-group.input-group-sm > .input-group-btn > .btn { font-size: 14px; border-radius: 5px; } .input-group.input-group-sm button { position: relative; left: -4px; } .input-group-lg > .input-group-addon > .input-group-icon { font-size: 32px; } .input-group .form-input:not(:first-child):not(:last-child).form-input-last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group-btn > .btn + .btn { margin-left: 0; } .alert-classic { padding: 17px 22px 17px; margin-top: 10px; border-left-width: 3px; border-left-style: solid; text-align: left; background-color: #f5f5f5; } .alert-classic h1, .alert-classic h2, .alert-classic h3, .alert-classic h4, .alert-classic h5, .alert-classic h6 { font-weight: 700; } .snackbars { max-width: 280px; padding: 9px 16px; margin-top: 10px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background-color: #272727; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .snackbars .icon-xxs { font-size: 20px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 370px; padding: 14px 17px; } } .alert { margin-top: 10px; margin-bottom: 0; text-align: left; } .alert .close { top: 0; right: -9px; opacity: 1; text-shadow: none; outline: none; } .alert .close:focus, .alert .close:hover { color: #fff; opacity: 1; } .alert-classic-lg { padding-top: 23px; padding-bottom: 28px; border-left-width: 4px; } .alert-classic-lg h4, .alert-classic-lg .icon { font-size: 21px; } .alert-classic-lg .btn-sm { padding: 7px 15px; min-width: 80px; border-width: 1px; } @media (min-width: 768px) { .alert-classic-lg h4 { font-size: 24px; } .alert-classic-lg .icon { font-size: 30px; } } .alert-classic-sm { padding-top: 7px; padding-bottom: 7px; border-left-width: 2px; } .alert-classic-danger { border-left-color: #f54b0f; } .alert-classic-danger h1, .alert-classic-danger h2, .alert-classic-danger h3, .alert-classic-danger h4, .alert-classic-danger h5, .alert-classic-danger h6 { color: #e50a0a; } .alert-classic-info { border-left-color: #79ccf2; } .alert-classic-info h1, .alert-classic-info h2, .alert-classic-info h3, .alert-classic-info h4, .alert-classic-info h5, .alert-classic-info h6 { color: #64aae1; } .alert-classic-success { border-left-color: #abcc37; } .alert-classic-success h1, .alert-classic-success h2, .alert-classic-success h3, .alert-classic-success h4, .alert-classic-success h5, .alert-classic-success h6 { color: #84c450; } .alert-classic-warning { border-left-color: #f5bf2f; } .alert-classic-warning h1, .alert-classic-warning h2, .alert-classic-warning h3, .alert-classic-warning h4, .alert-classic-warning h5, .alert-classic-warning h6 { color: #F3A43D; } @-webkit-keyframes criss-cross-left { 0% { left: -20px; } 50% { left: 50%; width: 20px; height: 20px; } 100% { left: 50%; width: 375px; height: 375px; } } @keyframes criss-cross-left { 0% { left: -20px; } 50% { left: 50%; width: 20px; height: 20px; } 100% { left: 50%; width: 375px; height: 375px; } } @-webkit-keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 375px; height: 375px; } } @keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 375px; height: 375px; } } @-webkit-keyframes anim-naira-1 { 50% { transform: translateY(-50%) rotate3d(0, 0, 1, -10deg); animation-timing-function: ease-out; } 100% { transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } } @keyframes anim-naira-1 { 50% { transform: translateY(-50%) rotate3d(0, 0, 1, -10deg); animation-timing-function: ease-out; } 100% { transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } } @-webkit-keyframes anim-naira-2 { 50% { transform: translateY(50%) rotate3d(0, 0, 1, 10deg); animation-timing-function: ease-out; } 100% { transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } } @keyframes anim-naira-2 { 50% { transform: translateY(50%) rotate3d(0, 0, 1, 10deg); animation-timing-function: ease-out; } 100% { transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } } @-webkit-keyframes fadeInUpSm { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSm { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpSm { -webkit-animation-name: fadeInUpSm; animation-name: fadeInUpSm; animation-duration: .4s; } @-webkit-keyframes fadeOutDownSm { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } @keyframes fadeOutDownSm { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } .fadeOutDownSm { -webkit-animation-name: fadeOutDownSm; animation-name: fadeOutDownSm; animation-duration: .4s; } @-webkit-keyframes fadeBoth { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes fadeBoth { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } /** @section Groups */ html .group { margin-bottom: -15px; margin-left: -15px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { margin-top: 0; margin-bottom: 15px; margin-left: 15px; } html .group-xs { margin-bottom: -5px; margin-left: -5px; } html .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .group-xs > * { margin-top: 0; margin-bottom: 5px; margin-left: 5px; } html .group-sm { margin-bottom: -9px; margin-left: -9px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm > * { margin-top: 0; margin-bottom: 9px; margin-left: 9px; } html .group-lg { margin-bottom: -20px; margin-left: -20px; } html .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .group-lg > * { margin-top: 0; margin-bottom: 20px; margin-left: 20px; } html .group-xl { margin-bottom: -30px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { margin-top: 0; margin-bottom: 30px; margin-left: 30px; } html .group-top > *, html .group-top > *:first-child { vertical-align: top; } html .group-middle > *, html .group-middle > *:first-child { vertical-align: middle; } html .group-bottom > *, html .group-bottom > *:first-child { vertical-align: bottom; } html .group { margin-bottom: -20px; margin-left: -15px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { margin-top: 0; margin-bottom: 20px; margin-left: 15px; } html .group-sm { margin-bottom: -10px; margin-left: -10px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm > * { margin-top: 0; margin-bottom: 10px; margin-left: 10px; } html .group-xl { margin-bottom: -20px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { margin-top: 0; margin-bottom: 20px; margin-left: 30px; } @media (min-width: 992px) { html .group-xl { margin-bottom: -20px; margin-left: -45px; } html .group-xl > * { margin-bottom: 20px; margin-left: 45px; } } html .group-custom { display: flex; flex-direction: column; align-items: center; justify-content: center; } html .group-custom > * { width: 100%; } @media (min-width: 576px) { html .group-custom { flex-direction: row; } } * + .group-sm { margin-top: 30px; } * + .group-xl { margin-top: 20px; } .box-comment-meta { margin-bottom: 0; font-size: 12px; } .box-comment-meta a:hover { color: #55bbeb; } .box-comment-meta-icon { font-size: 14px; } .box-comment-title { margin-top: 0; font-size: 15px; font-weight: 700; text-transform: uppercase; } .box-comment-img { width: 40px; height: 40px; border-radius: 50%; } .box-comment-body { font-size: 15px; } @media (min-width: 576px) { .box-comment-img { width: 60px; height: 60px; } } .box-comment-classic { position: relative; } .box-comment-classic:before, .box-comment-classic:after { content: ''; position: absolute; left: 19px; background: #bdbdbd; width: 1px; } .box-comment-classic:before { top: 48px; bottom: -8px; } .box-comment-classic:last-child:before { display: none; } @media (max-width: 480px) { .box-comment-classic > .box-comment .box-comment-img { width: 30px; height: 30px; margin-top: 5px; margin-left: 5px; } } @media (min-width: 576px) { .box-comment-classic:after { display: none; } .box-comment-classic + .box-comment-classic:after, .box-comment-classic .media + .box-comment-classic:after { display: block; } .box-comment-classic .media + .box-comment-classic:after { bottom: auto; top: 29px; right: 100%; left: auto; height: 1px; margin-right: 8px; width: 42px; } .box-comment-classic .box-comment-header { margin-top: 5px; } .box-comment-classic > .box-comment { margin-left: 80px; } .box-comment-classic:before { top: 68px; } .box-comment-classic:before, .box-comment-classic:after { left: 29px; } } .box-comment-classic + .box-comment-classic, .box-comment-classic > .box-comment { margin-top: 16px; } .box-comment-boxed .box-comment-img { margin-top: 15px; border: 1px solid #bdbdbd; background: #fff; padding: 2px; margin-right: -30px; } .box-comment-boxed .box-comment-body { margin-top: 10px; } .box-comment-boxed .media-body { padding: 15px 20px 15px 30px; border-radius: 3px; border: 1px solid #bdbdbd; } @media (min-width: 576px) { .box-comment-boxed .box-comment-img { margin-right: -50px; padding: 4px; } .box-comment-boxed .media-body { padding: 20px 30px 20px 50px; } } @media (min-width: 1200px) { .box-comment-boxed > .box-comment-boxed { margin-left: 30px; } .box-comment-boxed .box-comment-meta { float: right; } .box-comment-boxed > .box-comment-outboxed { margin-left: 80px; } } .box-comment-boxed + .box-comment-boxed, .box-comment-boxed > .box-comment { margin-top: 20px; } .box-comment-outboxed .box-comment-body { margin-top: 5px; } @media (min-width: 1200px) { .box-comment-outboxed .box-comment-body { margin-top: 10px; } .box-comment-outboxed .box-comment-img { margin-top: 10px; } .box-comment-outboxed .media-body { padding: 20px; border-radius: 3px; border: 1px solid #bdbdbd; } .box-comment-outboxed .box-comment-meta > li:first-child { float: right; margin-left: 20px; } .box-comment-outboxed > .box-comment-outboxed { margin-left: 80px; } } .box-comment-outboxed + .box-comment-outboxed, .box-comment-outboxed > .box-comment { margin-top: 20px; } .quote { border: none; margin: 0; padding: 0; font-size: inherit; } .quote-classic { text-align: left; position: relative; font-size: 24px; line-height: 1.33333; } @media (min-width: 1200px) { .quote-classic { padding-right: 52px; } } .quote-classic q { quotes: none; } .quote-classic .quote-body { padding: 0px 10px 0px 49px; } .quote-classic .quote-meta { margin-top: 20px; } .quote-classic .quote-desc { font-size: 15px; font-weight: 400; } .quote-classic .quote-author { margin-bottom: 4px; } @media (min-width: 768px) { .quote-classic .quote-author { font-size: 24px; } } .quote-classic .quote-desc { margin-top: 4px; } .quote-classic > * { position: relative; z-index: 1; } .quote-classic:before { position: absolute; top: 4px; left: 0px; z-index: 0; font-family: "FontAwesome"; font-size: 30px; line-height: 30px; color: #2a93c9; content: ""; transform: scaleX(-1) rotateY(-180deg); } @media (min-width: 992px) { .quote-classic.quote-classic-top .quote-body { padding: 50px 42px 0 0; } } .quote-classic-boxed .quote-body { padding: 24px 20px 0 27px; margin-bottom: 56px; border-radius: 3px; border: 1px solid #f5f5f5; } .quote-classic-boxed .quote-meta { margin-left: -4px; margin-bottom: -40px; } .quote-classic-boxed .quote-author, .quote-classic-boxed .quote-desc { padding-left: 24px; } .quote-classic-boxed:before { top: 4px; right: 4px; left: auto; -webkit-transform: none; transform: none; } .quote-classic-boxed-2 .quote-body { padding: 60px 25px 20px 30px; background: #fff; border-radius: 3px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .quote-classic-boxed-2 .quote-meta { margin-left: 25px; position: relative; z-index: 3; } .quote-classic-boxed-2 .quote-author { margin-top: 20px; } .quote-classic-boxed-2:before { top: 50px; right: 15px; left: auto; z-index: 2; font-family: "FontAwesome"; font-size: 30px; line-height: 30px; color: #f54b0f; content: ""; transform: none; } .ie-edge .quote-classic-boxed-2 .quote-body { box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.15); } .quote-simple-2 .quote-body { margin-bottom: 0; } .quote-simple-2 .quote-author { margin-top: 12px; } .quote-slider-2 .divider { margin-top: 20px; margin-bottom: 0; } .quote-slider-2 .quote-body { margin-top: 24px; } .quote-slider-2 .quote-author { margin-top: 16px; margin-bottom: 0; color: #f54b0f; text-transform: uppercase; } .quote-slider-2 .quote-desc { margin-top: -2px; } .quote-slider-3:before { margin-bottom: 20px; font-family: "FontAwesome"; font-size: 30px; line-height: 30px; color: #55bbeb; content: ""; transform: scaleX(-1); } .quote-slider-3 .quote-body { margin-top: 14px; } .quote-slider-3 .quote-author { margin-top: 16px; margin-bottom: 0; text-transform: uppercase; } .quote-slider-3 .quote-desc { margin-top: -2px; } .quote-slider-4 { will-change: transform; } .quote-slider-4 q { font-style: italic; } .quote-slider-4 q:before, .quote-slider-4 q:after { display: none; } .quote-slider-4 .quote-author { position: relative; } .quote-slider-4 .quote-author:before { content: "—"; } .quote-outboxed:before { display: none; } .quote-outboxed .divider { margin-top: 20px; margin-bottom: 0; } .quote-outboxed .quote-body { position: relative; padding: 26px 21px 25px 30px; background: #f5f5f5; border-radius: 3px; } .quote-outboxed .quote-body:before { position: absolute; top: 6px; left: 8px; font-family: "FontAwesome"; font-size: 30px; line-height: 30px; color: #bdbdbd; content: ""; transform: scaleX(-1); z-index: -1; } .quote-outboxed .quote-body:after { content: ''; position: absolute; top: 100%; left: 35px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f5f5f5 transparent transparent transparent; } .quote-outboxed .quote-author { margin: 0 0 6px; text-transform: uppercase; } .quote-outboxed .quote-desc { margin-top: -2px; } .quote-outboxed .quote-meta { margin: 24px 0 0 3px; } .quote-outboxed:before { color: #bdbdbd; top: 0; left: 0; z-index: 6; } .pagination-classic { padding-left: 0; list-style: none; margin-left: -5px; font-size: 0; } .pagination-classic > li { display: inline-block; margin-left: 9px; } .pagination-classic > li > a, .pagination-classic > li > span { border-radius: 50%; padding: 9px 0; width: 50px; height: 50px; font-size: 15px; min-width: 40px; } .pagination-classic > li:first-child > a, .pagination-classic > li:first-child > span { padding-left: 0; } .pagination-classic > li:last-child > a, .pagination-classic > li:last-child > span { padding-right: 0; } .pagination-classic > li.active > a, .pagination-classic > li.active > span { color: #fff; background: #2a93c9; border-color: #2a93c9; cursor: default; } .pagination { --bs-pagination-padding-x: 6px; --bs-pagination-padding-y: 7px; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: 3px; } .pagination > li > a, .pagination > li > span { min-width: 40px; font-weight: 900; transition: .3s; text-align: center; } .pagination > li:first-child a > .mdi, .pagination > li:last-child a > .mdi { position: relative; font-size: 16px; line-height: 1; } .pagination > li:first-child a > .mdi-chevron-double-right, .pagination > li:first-child a > .mdi-chevron-double-left, .pagination > li:last-child a > .mdi-chevron-double-right, .pagination > li:last-child a > .mdi-chevron-double-left { top: 2px; } .pagination-sm { --bs-pagination-padding-x: 8.5px; --bs-pagination-padding-y: 9px; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: 3px; } .pagination-sm > li > a, .pagination-sm > li > span { min-width: 40px; } .pagination-lg { --bs-pagination-padding-x: 8px; --bs-pagination-padding-y: 9px; --bs-pagination-font-size: 0.9375rem; --bs-pagination-border-radius: 3px; } .pagination-lg > li > a, .pagination-lg > li > span { min-width: 44px; } .pagination-lg > li:first-child > .mdi, .pagination-lg > li:first-child > a > .mdi, .pagination-lg > li:last-child > .mdi, .pagination-lg > li:last-child > a > .mdi { font-size: 20px; } .pager li > a, .pager li > span { transition: .3s; padding: 7px 12px; font-weight: 900; font-size: 14px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.06em; } .pager li > a:hover, .pager li > a:focus, .pager li > a:active, .pager li > a:active:focus { color: #fff; background-color: #272727; border-color: #272727; } .pager .icon-left, .pager .icon-right { font-size: 16px; line-height: 24px; } .pager .icon-left { float: left; padding-right: 10px; } .pager .icon-right { float: right; padding-left: 10px; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #bdbdbd; background-color: transparent; border-color: #bdbdbd; } .pager-sm li > a, .pager-sm li > span { padding: 9px 8.5px; font-weight: 900; font-size: 14px; line-height: 20px; } .pager-sm .icon-left, .pager-sm .icon-right { line-height: 20px; } .pager-lg li > a, .pager-lg li > span { padding: 9px 16px; font-weight: 900; font-size: 15px; line-height: 24px; } .pager-lg .icon-left, .pager-lg .icon-right { font-size: 15px; line-height: 24px; } .badge { padding: 0.2em 0.6em 0.2em; } .badge-custom { display: inline-block; padding: 8px; font-size: 8px; font-weight: 900; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; letter-spacing: .06em; transition: .3s; } h1 .badge-custom, h2 .badge-custom, h3 .badge-custom, h4 .badge-custom, h5 .badge-custom, h6 .badge-custom, p .badge-custom { margin-left: 10px; } .badge-custom, .badge-custom:hover, .badge-custom:focus { color: #fff; } .badge-ellipsis-custom { border-radius: 10px; } .badge-rounded-custom { border-radius: 3px; } .badge-xs-custom { padding: 3px 5px; } .badge-sm-custom { padding: 7px; } .badge-lg-custom { font-size: 12px; padding: 9px 10px; } .badge-xl-custom { font-size: 12px; padding: 10px 12px; } .post-meta .icon-xxs { font-size: 18px; } .post-title + .post-meta { margin-top: 8px; } .post-default .post-controls { margin-bottom: 0; } .post-default .post-controls + .post-title { margin-top: 8px; } .post-modern { border-radius: 5px; transition: .3s all ease; } .post-modern .post-body p { color: #434445; } .post-modern .post-media { position: relative; } @media (min-width: 768px) { .post-modern .post-media { text-align: left; } } .post-modern .post-media .post-media-svg-wrap { position: absolute; top: 30px; right: 0; } .post-modern .post-media .post-media-svg-wrap .post-media-svg { position: relative; height: 40px; } .post-modern .post-media .post-media-svg-wrap .post-media-svg svg { width: 158px; height: 40px; } .post-modern .post-media .post-media-svg-wrap .post-media-svg .post-media-svg-body { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); will-change: content; } .post-modern .post-media .post-media-svg-wrap .post-media-svg .post-media-svg-body .post-media-group-icons { padding-right: 10px; } .post-modern .post-media .post-media-svg-wrap .post-media-svg .post-media-svg-body .post-media-group-icons .icon { padding-right: 0; } .post-modern .post-media .post-media-svg-wrap .post-media-svg .post-media-svg-body .post-media-group-icons .icon + .icon { margin-right: 5px; } .post-modern .post-media .post-media-svg-wrap .post-media-svg .post-media-price { float: left; padding-left: 23px; } .post-modern .post-media .post-media-svg-wrap .post-media-svg .icon { float: right; padding-right: 20px; opacity: .5; font-size: 18px; line-height: 26px; } .post-modern .post-content a { transition: .3s all ease; } .post-modern .post-title h5 { color: #272727; } .post-modern .post-title h5 a { transition: .3s all ease-in; color: inherit; } .post-modern .post-title h5 a:hover { color: #2a93c9; } .post-modern .post-content { padding-bottom: 32px; } .post-modern .post-content .list-inline { margin-bottom: 12px; } .post-modern .post-content-header, .post-modern .post-body { padding-right: 20px; padding-left: 20px; } .post-modern .post-content-header { padding-top: 19px; } .post-modern .post-content-desc { padding-left: 20px; padding-right: 20px; } .post-modern .post-inset { padding-bottom: 0; } .post-modern .post-content { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .post-modern .post-content .unit-spacing-xs.unit-horizontal > .unit-left + .unit-body { padding-left: 10px; } .post-modern .post-content .unit-spacing-xs.unit-horizontal > .unit-body + .unit-right { padding-left: 3px; } .post-modern .unit .unit-left > .icon-xxs { width: 33px; height: 33px; font-size: 17px; line-height: 29px; } .post-modern .post-content-stars { margin-top: -16px; } .post-modern .post-content-stars .icon-xxs { font-size: 10px; } .post-modern .post-body-buttons { margin-top: 25px; } @media (min-width: 576px) { .post-modern .post-content-header, .post-modern .post-body { padding-right: 35px; padding-left: 35px; } .post-modern .post-content-desc { padding-left: 35px; padding-right: 35px; } } @media (min-width: 992px) { .post-modern .post-content-header, .post-modern .post-body { padding-right: 40px; padding-left: 40px; } .post-modern .post-content-desc { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1200px) { .post-modern { position: relative; z-index: 0; } .post-modern .post-content-header, .post-modern .post-body { padding-right: 30px; padding-left: 30px; } .post-modern .post-content-desc { padding-left: 25px; padding-right: 25px; } .post-modern .post-content { position: relative; } .post-modern .post-content .post-body-buttons { position: absolute; left: 0; right: 0; bottom: -100px; visibility: hidden; opacity: 0; margin-top: 0; transition: .3s all ease; } .post-modern:hover { padding-bottom: 123px; margin-bottom: -123px; } .post-modern:hover .post-content .post-body-buttons { visibility: visible; opacity: 1; } } @media (min-width: 1600px) { .post-modern:hover { padding-bottom: 66px; margin-bottom: -66px; } .post-modern .post-content .post-body-buttons { bottom: -35px; } } .post-modern-classic-meta span + span { padding-left: 5px; } .post-modern-classic-meta .icon { transition: .3s all ease; } .post-modern-classic-meta .icon:hover, .post-modern-classic-meta .icon:hover .icon { color: #2a93c9; } .post-modern-classic * + .list-inline-dashed { margin-top: 6px; } .post-modern-classic * + .tags { margin-top: 20px; } .post-modern-classic .post-content { padding: 20px 0 0; } .post-modern-classic .post-content .list-inline a { transition: .3s all ease; } .post-modern-classic .post-content .list-inline a:hover { color: #272727; text-decoration: none; } .post-modern-classic .post-body { padding: 0; } .post-modern-classic:hover { margin-bottom: 0; padding-bottom: 0; } @media (min-width: 1200px) { .post-modern-classic .post-content { padding: 20px 7px 0 0; } } .post-modern-classic-full * + .list-inline-dashed { margin-top: 15px; } .post-modern-classic-full * + .tags { margin-top: 30px; } .post-modern-simple:before { display: none; } .post-modern-simple .post-media img { border-radius: 0; } .post-modern-simple .post-content { padding: 0; } .post-modern-simple .post-content .btn { min-width: 0; } .post-modern-timeline { position: relative; transition: .3s all ease; } .post-modern-timeline .post-media iframe { border-top-left-radius: 6px; border-top-right-radius: 6px; } .post-modern-timeline, .post-modern-timeline:hover { margin-bottom: 0; padding-bottom: 0; } .post-modern-timeline:before { display: none; } .post-modern-timeline .post-content { padding: 24px 0 0; } .post-modern-timeline .post-author { margin-top: 30px; } .post-modern-timeline .post-author-img, .post-modern-timeline .post-author-name { display: inline-block; } .post-modern-timeline .post-author-img { padding-right: 10px; } .post-modern-timeline .post-body { padding: 0; } .post-modern-timeline + .post-modern-timeline { margin-top: 34px; } @media (min-width: 992px) { .post-modern-timeline .post-content { position: static; } .post-modern-timeline + .post-modern-timeline:before { position: absolute; bottom: 100%; width: 1px; height: 34px; content: ''; background: #e5e5e5; } .post-modern-timeline:after { position: absolute; top: 204px; bottom: -38px; width: 1px; content: ''; background: #e5e5e5; pointer-events: none; } .post-modern-timeline .post-author-img { width: 76px; height: 45px; } .post-modern-timeline .post-author-name { position: absolute; bottom: 0; left: 50%; margin-bottom: -69px; font-weight: 700; white-space: nowrap; margin-left: 9px; color: #2a93c9; transform: translateX(-50%); } .post-modern-timeline .post-author { position: absolute; top: 0; margin-top: 69px; pointer-events: none; } .post-modern-timeline .post-author:after { content: ''; position: absolute; top: 50%; margin-top: 18px; width: 70px; height: 1px; background: #e5e5e5; pointer-events: none; } .post-modern-timeline:first-child .post-author:before { display: none; } .post-modern-timeline:last-child:after { display: none; } } @media (min-width: 992px) { .post-modern-timeline-left { top: -70px; margin-left: 170px; } .post-modern-timeline-left:before, .post-modern-timeline-left:after { left: -115px; } .post-modern-timeline-left .post-author { right: 100%; margin-right: 84px; } .post-modern-timeline-left .post-author:before { left: 22px; } .post-modern-timeline-left .post-author:after { left: 100%; margin-left: 14px; } } @media (min-width: 992px) { .post-modern-timeline-left-last:after { bottom: 9px; } } .post-modern-timeline-date { display: block; margin: 50px 19px 21px; font-size: 15px; font-weight: 400; overflow: hidden; } @media (min-width: 992px) { .post-modern-timeline-date { margin: -25px 15px 21px; } } .post-modern-timeline-date time { position: relative; } .post-modern-timeline-date time:after, .post-modern-timeline-date time:before { content: ''; position: absolute; top: 50%; height: 1px; width: 2000px; background: #bdbdbd; } .post-modern-timeline-date time:before { right: 100%; margin-right: 30px; } .post-modern-timeline-date time:after { left: 100%; margin-left: 30px; } @media (min-width: 992px) { .post-modern-timeline-date time:before, .post-modern-timeline-date time:after { display: none; } } .fb-page-responsive { text-align: center; } .fb-page-responsive, .fb-post { overflow-x: auto; overflow-y: hidden; max-width: 100%; } .blog-grid-sidebar .widget-flickrfeed-lg .flickr-item { max-width: 110px; } @media (min-width: 1600px) { .blog-grid-sidebar .widget-flickrfeed-lg .flickr-item { max-width: 160px; } } .post-vacation { display: block; padding: 25px; border-radius: 5px; background: #fff; transition: 0.35s all ease; } @media (prefers-reduced-motion: reduce) { .post-vacation { transition: none; } } .post-vacation .h4 { transition: 0.35s all ease; } @media (prefers-reduced-motion: reduce) { .post-vacation .h4 { transition: none; } } .post-vacation .list-inline-sm { margin-left: -15px; } .post-vacation .icon-xs { font-size: 22px; } @media (min-width: 768px) { .post-vacation { padding: 22px 27px; } } @media (min-width: 1200px) { .post-vacation:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .post-vacation:hover .h4 { color: #2a93c9; } } @media (min-width: 1600px) { .post-vacation li + li { margin-left: 36px; } } .ie-edge .post-vacation { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .guide-post { display: inline-block; border-radius: 5px; } .guide-post img { border-top-left-radius: 5px; border-top-right-radius: 5px; } .guide-post-body { padding: 20px 30px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @media (min-width: 1200px) { .guide-post { transition: .3s all ease; } .guide-post:hover { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } } .single-deal-post-stars .icon-xxs { font-size: 10px; } .single-deal-post-stars > * { margin-bottom: 16px; } .single-deal-post .unit-spacing-xs.unit-horizontal > .unit-body + .unit-right, .single-deal-post .unit-spacing-xs.unit-horizontal > .unit-left + .unit-body { padding-left: 5px; } .single-deal-post-svg { position: relative; } .single-deal-post-svg-body { position: absolute; top: 50%; left: 50%; width: 100%; padding: 5px 33px; transform: translate(-50%, -50%); will-change: content; } .single-deal-post-svg-body .icon { float: right; opacity: .5; font-size: 22px; line-height: 36px; } .single-deal-post-price { float: left; font-family: "Asap", sans-serif; font-size: 24px; } .single-deal-post-svg, .single-deal-post-svg svg { width: 199px; height: 50px; } @media (min-width: 576px) { .single-deal-post-button { margin-left: -10px; } } .fb-page-responsive { text-align: left; } .fb-page-responsive, .fb-post { overflow-x: auto; overflow-y: hidden; max-width: 100%; } .rd-mailform { position: relative; } label { margin-bottom: 6px; font-weight: 400; } .input-sm, .input-lg, .form-input { font-size: 14px; } .input-sm, .input-sm:focus, .input-lg, .input-lg:focus, .form-input, .form-input:focus { box-shadow: none; } .form-input { border-radius: 5px; } textarea.form-input { height: 170px; min-height: 50px; max-height: 370px; resize: vertical; } input.text-gray-darker { color: #434445; } input.text-gray-darker::-moz-placeholder { color: #434445; opacity: 1; } input.text-gray-darker:-ms-input-placeholder { color: #434445; } input.text-gray-darker::-webkit-input-placeholder { color: #434445; } .form-input { -webkit-appearance: none; line-height: 24px; } .form-input:focus { outline: 0; } .input-sm { line-height: 24px; } .input-lg { line-height: 24px; } .form-input-rect { border-radius: 0; } .form-input-ellipse.form-input { border-radius: 23px; } .form-input-ellipse.form-input-sm { border-radius: 20px; } .form-input-ellipse.form-input-lg { border-radius: 29px; } .form-input-impressed { background: #f7f7f7; border: none; } .form-input-impressed, .form-input-impressed:focus { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .form-input-impressed.form-validation-inside + .form-validation { background: #f7f7f7; } .form-inline-custom .input-group-btn:last-child > .btn { border-bottom-left-radius: 25px; border-top-left-radius: 25px; } .form-inline-custom .input-group .form-input:focus { z-index: 1; } .form-inline-custom .input-group-btn:last-child > .btn { margin-left: -30px; } .form-inline-custom .form-input { padding-right: 44px; } @media (max-width: 479px) { .form-inline-custom .btn { padding: 7px 20px; } } .rd-mailform-context-dark .form-validation { color: #ffdfd5 !important; } .form-wrap { position: relative; margin-bottom: 16px; } .form-wrap-multiple { display: flex; justify-content: center; flex-direction: column; } .form-wrap-multiple .form-wrap { width: 100%; margin-bottom: 0; } .form-wrap-multiple .form-wrap + .form-wrap { position: relative; margin-top: 20px; } @media (min-width: 576px) { .form-wrap-multiple { flex-direction: row; align-items: baseline; } .form-wrap-multiple .form-wrap + .form-wrap { margin-left: 30px; margin-top: 0; position: relative; } .form-wrap-multiple .form-wrap + .form-wrap:before { content: "–"; position: absolute; bottom: 15px; left: -20px; margin-top: -1px; } } .form-input { display: block; width: 100%; height: 46px; padding: 9px 16px; font-size: 15px; line-height: 1.6; color: #272727; background-color: transparent; background-image: none; border: 1px solid #bdbdbd; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-label { position: absolute; top: 25px; left: 16px; font-size: 14px; color: #868686; pointer-events: none; z-index: 1; transition: .3s; transform: translateY(-50%); transform-origin: 0 0; } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #272727; } .form-label-sm { top: 20px; left: 12px; } .form-label-sm.focus { top: -1px; } .form-label-lg { top: 35px; left: 35px; } .form-label-lg.focus { top: 8px; } @media (min-width: 768px) { .form-label-outside { position: static; } .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill { transform: none; color: #868686; font-size: 14px; opacity: 1; } } .form-label-outside.form-label-size-lg { font-size: 16.8px; } .form-label-outside.form-label-size-sm { font-size: 11.2px; } .form-validation { position: absolute; top: 100%; left: 0; font-size: 10px; line-height: 10px; margin-top: 2px; transition: .3s; } .form-validation-inside + .form-validation { top: 2px; margin-top: 0; left: 12px; background: #fff; z-index: 10; } .form-input-feedback { font-size: 20px; } .form-in-process { cursor: wait; } .form-in-process button, .form-in-process textarea, .form-in-process select, .form-in-process input { pointer-events: none; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #e50a0a; } .has-error .form-input:not(.form-input-impressed), .has-error .form-input:not(.form-input-impressed):focus { border-color: #f54b0f; box-shadow: none; } .has-error .form-input-impressed, .has-error .form-input-impressed:focus { box-shadow: inset 0 0 0 1px #f54b0f; } .has-error .input-group-addon { color: #fff; border-color: #f54b0f; background-color: #f54b0f; } .has-error .input-group-btn > .btn { border-color: #f54b0f; background: #f54b0f; } .has-error .form-validation { color: #e50a0a; } .has-error .recaptcha iframe { border: 1px solid #f54b0f; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #84c450; } .has-success .form-input:not(.form-input-impressed), .has-success .form-input:not(.form-input-impressed):focus { border-color: #abcc37; box-shadow: none; } .has-success .form-input-impressed, .has-success .form-input-impressed:focus { box-shadow: inset 0 0 0 1px #abcc37; } .has-success .input-group-addon { color: #fff; border-color: #abcc37; background-color: #abcc37; } .has-success .input-group-btn > .btn { border-color: #abcc37; background: #abcc37; } .has-success .form-validation { color: #84c450; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #F3A43D; } .has-warning .form-input:not(.form-input-impressed), .has-warning .form-input:not(.form-input-impressed):focus { border-color: #f5bf2f; box-shadow: none; } .has-warning .form-input-impressed, .has-warning .form-input-impressed:focus { box-shadow: inset 0 0 0 1px #f5bf2f; } .has-warning .input-group-addon { color: #fff; border-color: #f5bf2f; background-color: #f5bf2f; } .has-warning .input-group-btn > .btn { border-color: #f5bf2f; background: #f5bf2f; } .has-warning .form-validation { color: #F3A43D; } .has-info .help-block, .has-info .control-label, .has-info .radio, .has-info .checkbox, .has-info .radio-inline, .has-info .checkbox-inline, .has-info.radio label, .has-info.checkbox label, .has-info.radio-inline label, .has-info.checkbox-inline label { color: #64aae1; } .has-info .form-input:not(.form-input-impressed), .has-info .form-input:not(.form-input-impressed):focus { border-color: #79ccf2; box-shadow: none; } .has-info .form-input-impressed, .has-info .form-input-impressed:focus { box-shadow: inset 0 0 0 1px #79ccf2; } .has-info .input-group-addon { color: #fff; border-color: #79ccf2; background-color: #79ccf2; } .has-info .input-group-btn > .btn { border-color: #79ccf2; background: #79ccf2; } .has-info .form-validation { color: #64aae1; } .has-feedback .form-label ~ .form-input-feedback { top: 0; } @media (min-width: 768px) { .has-feedback .form-label ~ .form-input-feedback { top: 34px; } } .has-feedback .input-sm ~ .form-input-feedback { width: 40px; height: 40px; line-height: 40px; } .has-feedback .form-input { padding-right: 50px; } .has-feedback .form-input.input-sm { padding-right: 40px; } .has-feedback .form-input.input-lg { padding-right: 70px; } #form-output-global { position: fixed; bottom: 30px; left: 15px; visibility: hidden; transform: translateX(-500px); transition: .3s all ease; z-index: 9999999; } #form-output-global.active { transform: translateX(0); visibility: visible; } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 10px; line-height: 10px; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #e50a0a; } .form-output.success { color: #84c450; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; width: 14px; height: 14px; margin-left: -20px; margin-top: 5px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: #f5f5f5; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after, .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { position: absolute; opacity: 0; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { border-radius: 50%; } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #434445; border-radius: 50%; } .checkbox, .checkbox-inline { padding-left: 20px; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; border-radius: 3px; margin-left: 0; left: 0; } .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { content: ""; font-family: "Material Design Icons"; font-size: 20px; line-height: 10px; position: absolute; top: 0; left: 0; color: #434445; } .toggle-custom { display: none; } .toggle-custom-dummy { content: ""; display: inline-block; width: 32px; height: 14px; background-color: #e5e5e5; border-radius: 15px; transition: background 0.3s ease; vertical-align: middle; cursor: pointer; box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.15); } .toggle-custom-dummy:after { content: ""; display: inline-block; width: 20px; height: 21px; background-color: #fff; border-radius: 20px; position: relative; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25); left: -9px; top: -4px; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } .toggle-custom:checked + .toggle-custom-dummy { background-color: #2a93c9; } .toggle-custom:checked + .toggle-custom-dummy:after { left: 9px; } .toggle-inline { cursor: pointer; } .toggle-inline .toggle-custom-dummy { margin-right: 20px; margin-left: 6px; } .toggle-inline + .toggle-inline { margin-left: 20px; } .form-search { position: relative; } .form-search .form-label { top: 23px; } .form-search .form-wrap { margin-bottom: 0; } .form-search-submit { position: absolute; font-size: 15px; right: 19px; top: 0; bottom: 0; padding: 0; background: none; border: none; box-shadow: none; color: #868686; transition: .3s all ease; } .form-search-submit span { transition: inherit; } .form-search-submit:hover, .form-search-submit:focus { color: #272727; outline: none; } .form-search-submit:hover span, .form-search-submit:focus span { color: #272727; } .form-search-label { color: #434445; } .form-search-input { padding-right: 43px; color: #434445; } .recaptcha iframe { border-radius: 3px; } .input-group .form-input:focus { z-index: 1; } .section-single * + .rd-form { margin-top: 30px; } .section-single .rd-form { display: flex; flex-direction: column; } @media (min-width: 768px) { .section-single .rd-form { flex-direction: row; } } .section-single .rd-form .form-wrap { flex-grow: 1; } .section-single .rd-form .form-input { background-color: #fff; color: #272727; border-radius: 23px; padding-right: 159px; } .section-single .rd-form .form-label { color: #272727; top: 22px; } @media (min-width: 768px) { .section-single .rd-form .form-button { margin-left: -159px; } } .section-single .rd-form .form-button .btn { border-radius: 23px; } .input-group-custom { flex-wrap: nowrap; } .unit { display: flex; flex: 0 1 100%; margin-bottom: -30px; margin-left: -20px; } .unit > * { margin-bottom: 30px; margin-left: 20px; } .unit:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit-spacing-xxs { margin-bottom: -7px; margin-left: -7px; } .unit-spacing-xxs > * { margin-bottom: 7px; margin-left: 7px; } .unit-spacing-xxs .unit + .unit { margin-top: 9px; } .unit-spacing-xs { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs > * { margin-bottom: 15px; margin-left: 7px; } .unit-spacing-sm { margin-bottom: -10px; margin-left: -10px; } .unit-spacing-sm > * { margin-bottom: 10px; margin-left: 10px; } .unit-spacing-lg { margin-bottom: -40px; margin-left: -40px; } .unit-spacing-lg > * { margin-bottom: 40px; margin-left: 40px; } .box-icon { position: relative; padding: 42px 25px 27px 25px; } .box-icon-sm { padding: 15px; } .box-icon-lg { padding: 50px; } .box-icon-bordered { border: 2px solid #e5e5e5; } .box-icon .icon { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .box-pricing { text-align: left; } .box-pricing-title { display: flex; flex: 0 1 100%; flex-direction: row; flex-wrap: nowrap; } .box-pricing-title > *, .box-pricing-title:after { flex: 0 1 auto; flex-grow: 0; } .box-pricing-title .box-pricing-price { margin-top: 0; } .box-pricing-title .box-pricing-name { padding-top: 5px; } .box-pricing-title .box-pricing-dots { position: relative; flex-grow: 1; top: -6px; left: -2px; border-bottom: 2px dotted #434445; } .box-pricing li + li { margin-top: 23px; } .box-planning { display: block; margin-left: auto; margin-right: auto; position: relative; padding: 11%; } .box-planning-label { display: none; z-index: 2; color: #fff; } .box-planning-label span { position: absolute; } .box-planning h1, .box-planning .h1 { margin-bottom: 0; margin-top: 0; } .box-planning h2, .box-planning .h2 { margin-top: 0; margin-bottom: 10px; } .box-planning .small { margin-top: 0; font-size: 13px; } .box-planning .btn { margin-top: 17px; } .box-planning .divider { width: 100%; margin-top: 18px; margin-bottom: 21px; } .box-planning .plan-price sup { font-size: 35%; top: -1.2em; } .box-planning .plan-price sup.big { font-size: 60%; top: -0.6em; } .box-planning .plan-price sub { font-size: 35%; bottom: 0; } .box-planning .list span + span, .box-planning .list-separated span + span { margin-left: 6px; } .box-planning .box-planning-body { padding: 11% 8% 8% 8%; border: 1px solid #f5f5f5; border-top: none; } .box-planning.active .box-planning-label { display: block; } .box-planning-type-1 { max-width: 300px; overflow: hidden; } .box-planning-type-1 .box-planning-label { position: absolute; top: -35px; right: -35px; font-size: 11px; font-weight: 900; line-height: 34px; text-transform: uppercase; letter-spacing: .119em; } .box-planning-type-1 .box-planning-label > span { right: 32px; top: 48px; transform: rotate(47deg); } .box-planning-type-1 .box-planning-label .box-planning-svg { width: 150px; height: 150px; fill: #2a93c9; } .box-planning-type-1.active { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15); } .box-planning-type-1.active .h1 { color: #2a93c9; background: -webkit-linear-gradient(0deg, #2a93c9 0%, #84c450 100%); /* safari5.1+,chrome10+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box-planning-type-2 { background: #fff; max-width: 300px; padding: 17% 11%; border-radius: 5px; margin-top: 20px !important; margin-bottom: 20px !important; } .box-planning-type-2.active { padding: 13% 11%; box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.15); max-width: 375px; margin-top: 0 !important; margin-bottom: 0 !important; height: 100%; } .box-planning-type-2.active .btn { margin-top: 35px; } .box-planning-type-2 ul li { padding-bottom: 13px; } .box-planning-type-2 .list-separated li + li { margin-top: 0; padding-top: 13px; } .box-planning-type-2 .box-planning .btn { margin-top: 31px; } .box-planning-type-2 .btn { padding: 10px 50px; } .box-planning-type-1, .box-planning-type-2 { border: 1px solid #f5f5f5; } .box-planning-type-3, .box-planning-type-4 { max-width: 295px; padding: 0; } .box-planning-type-3 .box-planning-header, .box-planning-type-4 .box-planning-header { padding: 11%; } .box-planning-type-3 .box-planning-header h2, .box-planning-type-3 .box-planning-header .h2, .box-planning-type-4 .box-planning-header h2, .box-planning-type-4 .box-planning-header .h2 { margin-bottom: 0; } .box-planning-type-3 .box-planning-header h3, .box-planning-type-3 .box-planning-header .h3, .box-planning-type-4 .box-planning-header h3, .box-planning-type-4 .box-planning-header .h3 { margin-top: 5px; margin-bottom: 7px; } .box-planning-type-3 .btn, .box-planning-type-4 .btn { margin-top: 25px; } .box-planning-type-3 .btn-default, .box-planning-type-4 .btn-default { color: #fff; background-color: #434445; border-color: #434445; } .box-planning-type-3 .btn-default:focus, .box-planning-type-3 .btn-default.focus, .box-planning-type-3 .btn-default:hover, .box-planning-type-3 .btn-default:active, .box-planning-type-3 .btn-default.active, .open > .box-planning-type-3 .btn-default.dropdown-toggle, .box-planning-type-4 .btn-default:focus, .box-planning-type-4 .btn-default.focus, .box-planning-type-4 .btn-default:hover, .box-planning-type-4 .btn-default:active, .box-planning-type-4 .btn-default.active, .open > .box-planning-type-4 .btn-default.dropdown-toggle { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .box-planning-type-3 .btn-default:active, .box-planning-type-3 .btn-default.active, .open > .box-planning-type-3 .btn-default.dropdown-toggle, .box-planning-type-4 .btn-default:active, .box-planning-type-4 .btn-default.active, .open > .box-planning-type-4 .btn-default.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .box-planning-type-3 .btn-default:active:hover, .box-planning-type-3 .btn-default:active:focus, .box-planning-type-3 .btn-default:active.focus, .box-planning-type-3 .btn-default.active:hover, .box-planning-type-3 .btn-default.active:focus, .box-planning-type-3 .btn-default.active.focus, .open > .box-planning-type-3 .btn-default.dropdown-toggle:hover, .open > .box-planning-type-3 .btn-default.dropdown-toggle:focus, .open > .box-planning-type-3 .btn-default.dropdown-toggle.focus, .box-planning-type-4 .btn-default:active:hover, .box-planning-type-4 .btn-default:active:focus, .box-planning-type-4 .btn-default:active.focus, .box-planning-type-4 .btn-default.active:hover, .box-planning-type-4 .btn-default.active:focus, .box-planning-type-4 .btn-default.active.focus, .open > .box-planning-type-4 .btn-default.dropdown-toggle:hover, .open > .box-planning-type-4 .btn-default.dropdown-toggle:focus, .open > .box-planning-type-4 .btn-default.dropdown-toggle.focus { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .box-planning-type-3 .btn-default.disabled, .box-planning-type-3 .btn-default[disabled], fieldset[disabled] .box-planning-type-3 .btn-default, .box-planning-type-4 .btn-default.disabled, .box-planning-type-4 .btn-default[disabled], fieldset[disabled] .box-planning-type-4 .btn-default { pointer-events: none; opacity: .5; } .box-planning-type-3 .btn-default .badge, .box-planning-type-4 .btn-default .badge { color: #434445; background-color: #fff; } .box-planning-type-4 { max-width: 270px; } @media (min-width: 992px) { .box-planning-type-1, .box-planning-type-2 { border: none; } } /** @section Tables custom */ .table-custom { width: 100%; max-width: 100%; text-align: center; background: #fff; border-collapse: collapse; } .table-custom th, .table-custom td { color: #2c343b; background: #fff; } .table-custom th { font-size: 14px; font-weight: 700; letter-spacing: .05em; white-space: nowrap; border: none; } .table-custom td { padding: 3px 5px; } .table-custom tbody tr:first-child td { border-top: 0; } .table-custom tr td { border-bottom: 1px solid #cccccc; } .table-custom tfoot td { font-weight: 700; } * + .table-custom-responsive { margin-top: 30px; } @media (min-width: 768px) { * + .table-custom-responsive { margin-top: 40px; } } .table-custom thead th { color: #fff; background: #2a93c9; border: 0; } .table-custom tbody tr:hover td { background: #fafafa; } .table-custom.table-custom-bordered tr td:first-child { border-left: 0; } .table-custom.table-custom-bordered tr td:last-child { border-right: 0; } .table-custom.table-custom-bordered td { border: 1px solid #cccccc; } .table-custom.table-custom-bordered tbody > tr:first-of-type > td { border-top: 0; } .table-custom.table-custom-striped { border-bottom: 1px solid #cccccc; } .table-custom.table-custom-striped tbody tr:nth-of-type(odd) td { background: transparent; } .table-custom.table-custom-striped tbody tr:nth-of-type(even) td { background: #d7d7d7; } .table-custom.table-custom-striped tbody td { border: 0; } .table-custom.table-custom-striped tfoot td:not(:first-child) { border-left: 0; } .table-custom.category { text-align: left; width:350px; } @media (max-width: 767.98px) { .table-custom-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-custom-responsive.table-bordered { border: 0; } } .stacktable { width: 100%; text-align: left; } .st-head-row { padding-top: 1em; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } .st-key { width: 49%; text-align: right; padding-right: 1%; } .st-val { width: 49%; padding-left: 1%; } .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } @media (min-width: 768px) { .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } } .text-rotator { display: inline-block; } .rotate-list { position: absolute; display: block; visibility: hidden; opacity: 0; } .rotate-list span { display: inline-block; white-space: nowrap; } .rotate-area { display: inline-block; transition: width 0.5s ease; white-space: nowrap; } .jumbotron { padding-right: 6%; padding-left: 6%; border-radius: 5px; } .jumbotron p { font-weight: 400; } .toolbar-shop { display: flex; justify-content: flex-end; width: 100%; background: #f7f7f7; } .toolbar-shop-icon { display: inline-block; height: 50px; padding: 0 13px; line-height: 50px; border-right: 1px solid #bdbdbd; transition: .3s all ease; } .toolbar-shop-icon span { vertical-align: middle; } .toolbar-shop-icon.active, .toolbar-shop-icon:hover { color: #2a93c9; } .toolbar-shop-sorter { display: none; white-space: nowrap; } .toolbar-shop-pager { display: flex; justify-content: space-between; align-items: center; width: 100%; } .toolbar-shop-pager > * { display: inline-block; vertical-align: middle; } .toolbar-shop-pager label, .toolbar-shop-pager select { display: inline-block; vertical-align: middle; } .toolbar-shop-pager label { margin-right: 18px; } .toolbar-shop-pager .select2-container { width: 118px !important; } .toolbar-shop-pager .select2-container--bootstrap .select2-selection { border-radius: 0; border: none; border-left: 1px solid #bdbdbd; } .toolbar-shop-pager .select2-selection__arrow { color: #868686; } .toolbar-shop-pager .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #434445; } .toolbar-shop-pager .select2-container--bootstrap { display: inline-block; } .toolbar-shop-pager label { margin-bottom: 0; } .toolbar-shop .toolbar-shop-current { margin-left: 10px; } @media (min-width: 768px) { .toolbar-shop { justify-content: space-between; } .toolbar-shop-sorter { display: block; } .toolbar-shop-pager { display: block; width: auto; } .toolbar-shop .toolbar-shop-current { margin-left: 0; margin-right: 6px; } } .product { position: relative; } .product, .product:before, .product-thumbnails, .product-image-area { transition: .3s all ease; } .product .badge-lg-custom { padding-top: 6px; padding-bottom: 6px; } .product-image { position: relative; background: #f5f5f5; } .product-image img { display: inline-block; } .product-thumbnails { list-style-type: none; padding-left: 0; } .product-thumbnails li { cursor: pointer; overflow: hidden; background: #bdbdbd; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .product-thumbnails li.active { background: #fff; } .product-label { position: absolute; left: 10px; top: 11px; } .product-title { font-weight: 700; margin-bottom: 0; } .product-brand { margin: 0; font-style: italic; } .product-rating { font-size: 18px; color: #f5bf2f; } .product-review-count { margin-left: 16px; font-size: 15px; } .product-radio-wrap .radio-custom-dummy { display: none; } .product-radio-wrap .radio-custom:checked ~ .product-radio { color: #fff; background: #434445; transform: scale(0.9); } .product-radio-wrap .radio-inline { padding-left: 0; } @media (min-width: 576px) { .product-radio-wrap > * { display: inline-block; vertical-align: middle; } } .product-radio-title { display: inline-block; margin-bottom: 0; margin-right: 10px; } .product-radio-title + .product-radio { display: inline-block; } .product-radio { position: relative; display: block; width: 40px; height: 40px; font-weight: 700; line-height: 40px; background: #f5f5f5; border-radius: 50%; text-align: center; vertical-align: middle; transition: .3s all ease; } .product-radio:hover { color: #fff; background: #434445; } .product-number { white-space: nowrap; } .product-number label { margin-bottom: 0; } .product-number > * { display: inline-block; vertical-align: middle; } .product-number .stepper { margin-left: 10px; } .product-price-old { text-decoration: line-through; padding: 0 10px; } .product-list, .product-grid { z-index: 0; padding-top: 15px; text-align: center; background: #fff; } .product-list:before, .product-grid:before { position: absolute; top: 0; left: -15px; right: -15px; bottom: -15px; z-index: -1; border: 1px solid transparent; border-radius: 3px; content: ''; background: #fff; } .product-list .product-thumbnails, .product-grid .product-thumbnails { position: absolute; right: 11px; top: 11px; } .product-list .product-thumbnails li, .product-grid .product-thumbnails li { width: 40px; height: 40px; border-radius: 3px; cursor: pointer; overflow: hidden; } .product-list .product-thumbnails li img, .product-grid .product-thumbnails li img { max-width: 150%; margin-left: -10px; } .product-list .product-thumbnails li + li, .product-grid .product-thumbnails li + li { margin-top: 5px; } @media (min-width: 1200px) { .product-list .product-thumbnails li, .product-grid .product-thumbnails li { width: 60px; height: 60px; } .product-list .product-thumbnails li img, .product-grid .product-thumbnails li img { margin-left: -15px; } .product-list .product-thumbnails, .product-grid .product-thumbnails { opacity: 0; visibility: hidden; } .product-list:hover:before, .product-grid:hover:before { border-color: #bdbdbd; } .product-list:hover .product-thumbnails, .product-grid:hover .product-thumbnails { opacity: 1; visibility: visible; } } @media (min-width: 1200px) { .product-grid .product-block-hover { position: absolute; bottom: 5px; left: 0; right: 0; opacity: 0; visibility: hidden; } .product-grid:hover { padding-bottom: 65px; margin-bottom: -65px; z-index: 4; } .product-grid:hover .product-block-hover { transition: .3s all ease .2s; opacity: 1; visibility: visible; } } .product-grid .product-price { font-size: 17px; } .product-grid .product-price-old { color: #868686; } .product-grid .product-price-new { margin-left: 13px; } @media (min-width: 1200px) { .product-grid.product-grid-type-2:before { border: none; } .product-grid.product-grid-type-2 .product-image { background: transparent; } .product-grid.product-grid-type-2 .product-title a { transition: .3s all ease; } .product-grid.product-grid-type-2 .product-title a:hover { color: #55bbeb; } .product-grid.product-grid-type-2:hover:before { box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15); } } .product-list .product-price-old { margin-left: 10px; } .product-list .product-image { min-width: 35%; } @media (min-width: 576px) { .product-list .product-btn, .product-list .product-number { display: inline-block; } .product-list .product-btn { margin-top: 0; margin-left: 20px; } } .product-list-wide .product-list-right { padding-top: 0; } .product-list-wide .product-price { margin-top: 0; } .product-list-wide .product-image { min-width: 30%; } .product-list-wide .product-image + .unit-body { width: 100%; } @media (min-width: 768px) { .product-list-wide .product-image + .unit-body { width: 70%; } } @media (min-width: 992px) { .product-list-wide .product-image { min-width: 23%; } .product-list-wide .product-image + .unit-body { width: 77%; } } @media (max-width: 1200px) { .product-list-wide .product-desc { margin-bottom: 0; } } @media (min-width: 1200px) { .product-list-wide .product-list-right { min-width: 31%; border-left: 1px solid #bdbdbd; padding: 13px 30px; margin-left: 15px; } .product-list-wide .h5 { font-size: 30px; } .product-list-wide .product-btn { --bs-btn-padding-y: 9px; --bs-btn-padding-x: 16px; --bs-btn-font-size: 0.9375rem; --bs-btn-border-radius: 3px; margin-left: 0; } .product-list-wide .product-btn .icon { font-size: 24px; } } .product-single .product-thumbnails { text-align: center; position: absolute; bottom: 13px; left: 0; right: 0; } .product-single .product-thumbnails li { width: 50px; height: 50px; display: inline-block; will-change: transform; border-radius: 5px; } .product-single .product-thumbnails li, .product-single .product-thumbnails li img { transition: .3s all ease; } .product-single .product-thumbnails li img { opacity: .6; will-change: opacity; } .product-single .product-thumbnails li.active { transform: scale(1.1); will-change: contents; } .product-single .product-thumbnails li.active img { opacity: 1; } .product-single .product-thumbnails li + li { margin-left: 12px; } @media (min-width: 768px) { .product-single .product-thumbnails li { width: 84px; height: 84px; } } @media (min-width: 576px) { .product-single .product-btn, .product-single .product-number { display: inline-block; } .product-single .product-btn { margin-left: 20px; } } .zoomWindow { background: #f5f5f5; } .animateImageIn { opacity: 1; visibility: visible; } .animateImageOut { opacity: 0; visibility: hidden; } .badge { padding: 2px 5px; font-size: 12px; line-height: 1; } .nav-pills > li > a > .badge { margin-left: 5px; margin-bottom: 3px; } .box-member { position: relative; display: inline-block; } .box-member img { display: inline-block; } @media (min-width: 1200px) { .box-member .box-member-wrap { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 81%; z-index: 2; transition: .3s; } .box-member .box-member-wrap .box-member-caption { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 0; width: 100%; height: 100%; padding: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-member .box-member-wrap .box-member-caption .list-inline li { transform: translateY(40px); transition: .35s all ease; opacity: 0; } .box-member .box-member-wrap .box-member-caption .list-inline li:nth-child(2) { transition-delay: .1s; } .box-member .box-member-wrap .box-member-caption .list-inline li:last-child { transition-delay: .2s; } .box-member .box-member-wrap:hover { background: rgba(255, 255, 255, 0.7); } .box-member .box-member-wrap:hover .list-inline li { transform: translateY(0); opacity: 1; } } .member-block-type-3 { margin-left: auto; margin-right: auto; max-width: 246px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); border-radius: 5px; } .member-block-type-3 .member-block-body { padding: 40px 30px 0 30px; } .member-block-type-3 .member-block-footer .btn { font-size: 12px; border-color: transparent; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .member-block-type-3 .btn-group { display: block; margin-left: -4px; margin-right: -4px; } .member-block-type-3 .btn-group .btn { color: #434445; background-color: #fff; border-color: #bdbdbd; float: none; width: 33.5%; } .member-block-type-3 .btn-group .btn:focus, .member-block-type-3 .btn-group .btn.focus, .member-block-type-3 .btn-group .btn:hover, .member-block-type-3 .btn-group .btn:active, .member-block-type-3 .btn-group .btn.active, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle { color: #fff; background-color: #434445; border-color: #434445; } .member-block-type-3 .btn-group .btn:active, .member-block-type-3 .btn-group .btn.active, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .member-block-type-3 .btn-group .btn:active:hover, .member-block-type-3 .btn-group .btn:active:focus, .member-block-type-3 .btn-group .btn:active.focus, .member-block-type-3 .btn-group .btn.active:hover, .member-block-type-3 .btn-group .btn.active:focus, .member-block-type-3 .btn-group .btn.active.focus, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle:hover, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle:focus, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle.focus { color: #fff; background-color: #434445; border-color: #434445; } .member-block-type-3 .btn-group .btn.disabled, .member-block-type-3 .btn-group .btn[disabled], fieldset[disabled] .member-block-type-3 .btn-group .btn { pointer-events: none; opacity: .5; } .member-block-type-3 .btn-group .btn .badge { color: #fff; background-color: #434445; } .member-block-type-3 .btn-group .btn .icon { font-size: 18px; line-height: 18px; } @media (min-width: 992px) { .member-block-type-3 { margin-left: 0; } } .member-block-type-5 img { border: 10px solid #fff; border-radius: 5px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .member-block-type-5 .member-block-body { padding: 34px 0px; } .member-block-type-5 .member-block-body .contact-info li .icon { padding-right: 10px; } .member-block-type-5 .member-block-body .contact-info li + li { margin-top: 10px; } @media (min-width: 768px) { .member-block-type-5 .member-block-body .contact-info li + li { margin-top: 12px; } } @media (min-width: 992px) { .member-block-type-5 .member-block-body { padding: 34px 0px; } } @media (min-width: 992px) { .member-block-type-5 { margin-top: -256px !important; } } .page-loader-variant-1, .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 0 25px; z-index: 9999; background: #191919; transition: .3s all ease; } .page-loader-variant-1 .spinner, .preloader .spinner { width: 56px; height: 56px; background: url("../images/633328.png") no-repeat transparent; background-position: -2240px 0; animation: 1.5s sprite-animation steps(40) infinite; display: inline-block; } .page-loader-variant-1.loaded, .preloader.loaded { opacity: 0; visibility: hidden; z-index: -1; } .sheldue { color: #fff; } .sheldue .sheldue-item-body { padding: 24px 23px 40px; transition: .2s ease-in-out; } .sheldue .btn { padding: 16px 37px; } .sheldue hr { margin-top: 13px; background: #5d79b8; opacity: .2; } .sheldue .sheldue-more { width: 100%; transition: .2s ease-in-out; } @media (min-width: 992px) { .sheldue .sheldue-more { position: absolute; bottom: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } } .sheldue .sheldue-item-body { background: #2684b5; } .sheldue .sheldue-item { position: relative; } .sheldue .sheldue-item.light .sheldue-item-body { background: #2a93c9; } .sheldue .sheldue-item .btn-white:hover { background-color: #434445; border-color: #434445; } @media (min-width: 992px) { .sheldue .sheldue-item.first .sheldue-item-body { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .sheldue .sheldue-item.last .sheldue-item-body { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sheldue .sheldue-item .sheldue-item-body { max-height: 300px; height: 300px; } .sheldue .sheldue-item:hover .sheldue-item-body { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .sheldue .sheldue-item:hover .sheldue-more { -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; opacity: 1; } .sheldue .sheldue-item:hover .sheldue-item-body { -webkit-transform: translateY(-60px); transform: translateY(-60px); } } .tablet .sheldue-item-body, .mobile .sheldue-item-body { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .tablet .sheldue-more, .mobile .sheldue-more { -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; opacity: 1; } .tablet .sheldue-item-body, .mobile .sheldue-item-body { -webkit-transform: translateY(0px); transform: translateY(0px); } .service { position: relative; max-width: 320px; margin-right: auto; margin-left: auto; } @media (min-width: 992px) { .service img { border-radius: 5px; } } .service .service-desc { display: block; background: #2a93c9; max-width: 320px; margin-left: auto; margin-right: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 15px 14px 17px; color: #fff; overflow: hidden; transition: .2s ease-in-out; position: relative; text-align: left; } .service .service-desc:before { content: '\f150'; font-family: "Material Design Icons"; font-size: 24px; color: rgba(255, 255, 255, 0.5); opacity: 0; transition: opacity .2s ease-in-out, transform .28s ease-in-out; -webkit-transform: translateX(-10px) scale(0); transform: translateX(-10px) scale(0); position: absolute; top: 10px; left: 14px; } .service .service-desc:hover { background: #272727; padding-left: 48px; } .service .service-desc:hover:before { opacity: 1; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } .service .service-desc.h6 { font-size: 16px; } @media (min-width: 992px) { .service .service-desc { border-radius: 5px; position: absolute; width: 270px; bottom: 18px; right: -12px; } } @media (min-width: 1200px) { .service .service-desc { right: -34px; } } /** @section Images */ img { display: inline-block; max-width: 100%; height: auto; } .img-responsive { width: 100%; } /** @section Links */ a { transition: all 0.3s ease-in-out; } a, a:focus, a:active, a:hover { text-decoration: none; } a, a:focus, a:active { color: #2a93c9; } a:hover { color: #1d678c; } a[href*='tel'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #1d678c; } .link-press { color: #1d658a; } /** @section Blocks */ .block-center, .block-sm, .block-lg { margin-left: auto; margin-right: auto; } .block-sm { max-width: 600px; } .block-lg { max-width: 768px; } .block-center { padding: 10px; } .block-center:hover .block-center-header { background-color: #2a93c9; } .block-center-title { background-color: #fff; } @media (max-width: 1199.98px) { .block-center { padding: 20px; } .block-center:hover .block-center-header { background-color: #fff; } .block-center-header { background-color: #2a93c9; } } .footer-classic .brand { display: inline-block; } .footer-classic .brand img { width: 152px; height: auto; } .footer-classic .list-inline { display: flex; justify-content: center; } @media (min-width: 992px) { .footer-classic .list-inline { justify-content: flex-start; } } .footer-classic .rd-mailform .form-input { border: none; min-height: 40px; padding: 7px 12px; color: #272727; } .footer-classic .rd-mailform .form-input:focus { z-index: initial; } .footer-classic .rd-mailform .form-label { left: 14px; top: 20px; color: #272727; right: auto; } .footer-classic .rights { font-size: 14px; text-align: center; } @media (min-width: 992px) { .footer-classic .rights { text-align: left; } } .footer-classic .rights a:hover { color: #fff; } /** 3 Plugins */ /** 3.1 RD Navbar */ /** @section RD Navbar */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar { display: none; background: #fff; } .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #fff; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #fff; backface-visibility: hidden; border-radius: 5px; } .rd-navbar-toggle span { transform: rotate(180deg); } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after { transform-origin: 1.71429px center; } .rd-navbar-toggle.active span { transform: rotate(360deg); } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #2c343b; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #fff; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { transform: translateY(-18px); } .rd-navbar-brand a { display: block; } .rd-navbar-search { display: inline-flex; } .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; color: #cccccc; transition: .33s; } .rd-navbar-search .rd-search-form-submit:hover { color: #2a93c9; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-dropdown { display: none; } /* 
* @subsection RD Navbar Static 
*/ .rd-navbar-static { display: block; } .rd-navbar-static .rd-nav-item { display: inline-block; } .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { color: #2a93c9; background: transparent; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #2a93c9; } .rd-navbar-static .rd-nav-item.active .rd-nav-link { color: #2a93c9; background: transparent; } .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle { color: #2a93c9; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before { transform: rotate(180deg); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle { margin-left: 4px; font-family: "Material Design Icons"; font-size: 16px; cursor: pointer; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover { color: #2a93c9; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu { margin-top: 20px; } .rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 42px; } .rd-navbar-static .rd-nav-link { position: relative; display: inline-block; color: #2c343b; font-size: 16px; line-height: 1.2; transition: .25s; } .rd-navbar-static .rd-nav-link:hover { color: #2a93c9; } .rd-navbar-static .rd-menu { z-index: 15; position: absolute; display: block; margin-top: 22px; visibility: hidden; opacity: 0; text-align: left; border: 1px solid #d7d7d7; transform: translate3d(0, 30px, 0); } .rd-navbar-static .rd-navbar-dropdown { position: absolute; left: 0; width: 250px; padding: 15px; background: #fff; z-index: 5; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { top: -1px; left: 100%; z-index: 2; margin-top: -15px; margin-left: 15px; transform: translate3d(30px, 0, 0); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { left: auto; right: 100%; margin-left: 0; margin-right: 15px; transform: translate3d(-30px, 0, 0); } .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { color: #2a93c9; } .rd-navbar-static .rd-dropdown-link { color: #9b9b9b; } .rd-navbar-static .rd-dropdown-link:hover { color: #2a93c9; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-megamenu-list li > a { position: relative; left: -3px; display: flex; padding: 1px 14px 1px 0; text-align: left; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a:focus, .rd-navbar-static .rd-megamenu-list li > a:active { color: #9b9b9b; } .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li > a:hover { color: #2a93c9; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a::before { transition: .15s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f105'; font-family: 'FontAwesome'; font-size: inherit; line-height: inherit; color: #2a93c9; opacity: 0; visibility: hidden; } .rd-navbar-static .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li.focus > a, .rd-navbar-static .rd-megamenu-list li.opened > a, .rd-navbar-static .rd-megamenu-list li > a:hover { left: 0; padding-left: 14px; padding-right: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus > a::before, .rd-navbar-static .rd-navbar-dropdown li.opened > a::before, .rd-navbar-static .rd-navbar-dropdown li > a:hover::before, .rd-navbar-static .rd-megamenu-list li.focus > a::before, .rd-navbar-static .rd-megamenu-list li.opened > a::before, .rd-navbar-static .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-megamenu { display: flex; left: 0; width: 100%; max-width: 1200px; padding: 30px 40px; background: #fff; } .rd-navbar-static .rd-megamenu-item { flex-basis: 50%; flex-grow: 1; } .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { padding-left: 20px; } .rd-navbar-static .rd-megamenu-title { padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; } .rd-navbar-static * + .rd-megamenu-title { margin-top: 30px; } .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item { margin-top: 5px; } .rd-navbar-static .rd-megamenu-list-link { color: #191919; background: transparent; } .rd-navbar-static .rd-megamenu-list-link:hover { color: #2a93c9; background: transparent; } .rd-navbar-static * + .rd-megamenu-list { margin-top: 10px; } .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .rd-navbar-static .rd-navbar-search .rd-search-form-submit { display: none; } .rd-navbar-static .rd-navbar-search .form-wrap { margin-bottom: 0; height: 100%; } .rd-navbar-static .rd-navbar-search .form-wrap .form-input { height: 100%; width: calc(100% - 60px); border: none; background-color: #2a93c9; padding-left: 50px; color: #fff; font-size: 26px; font-weight: 900; text-transform: uppercase; } .rd-navbar-static .rd-navbar-search .form-wrap .form-label { padding-left: 50px; color: #fff; font-size: 26px; font-weight: 900; text-transform: uppercase; top: 30px; } .rd-navbar-static .rd-navbar-search .form-wrap .form-label.focus { font-size: 12px; top: 8px; opacity: 1; } .rd-navbar-static .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-search { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .3s; z-index: 2; } .rd-navbar-static * + .rd-navbar-search { margin-left: 42px; } .rd-navbar-static .rd-navbar-search-toggle { display: inline-flex; color: #2c343b; } .rd-navbar-static .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search-toggle:hover { color: #2a93c9; } .rd-navbar-static.rd-navbar--is-clone { display: block; transform: translate3d(0, -100%, 0); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translate3d(0, 0, 0); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; background: #fff; } .rd-navbar-static .rd-navbar--has-dropdown { position: relative; } /* 
* 
* RD Navbar Fixed 
*/ .rd-navbar-fixed { display: block; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 22px; line-height: 46px; } .rd-navbar-fixed .rd-navbar-brand .brand-logo-dark { display: none; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 130px; width: auto; height: auto; } .rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; display: flex; align-items: center; height: 56px; padding: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: -56px; bottom: -56px; z-index: 1079; width: 270px; padding: 112px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; transform: translateX(-110%); border: none; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: #77bee2; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #2a93c9; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; margin: 15px 0; height: auto; text-align: left; } .rd-navbar-fixed .rd-nav-item { text-align: left; } .rd-navbar-fixed .rd-nav-item + .rd-nav-item { margin-top: 4px; } .rd-navbar-fixed .rd-nav-link { display: block; padding: 9px 56px 9px 18px; } .rd-navbar-fixed li.opened > .rd-navbar-dropdown { padding: 4px 0 0; } .rd-navbar-fixed li.opened > .rd-navbar-megamenu { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-fixed li.opened > .rd-menu { opacity: 1; height: auto; } .rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-fixed .rd-menu { display: none; transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { height: 34px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 46px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { display: block; padding: 9px 56px 9px 16px; font-size: 12px; line-height: 1.5; } .rd-navbar-fixed .rd-megamenu-list > li + li, .rd-navbar-fixed .rd-navbar-dropdown > li + li { margin-top: 3px; } .rd-navbar-fixed .rd-megamenu-list > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { position: relative; display: block; padding: 0 18px 7px; font-size: 16px; line-height: 1.5; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list { margin-top: 11px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu > li + li { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-submenu-toggle { cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 0; right: 0; width: 56px; height: 52px; font: 400 14px "FontAwesome"; line-height: 52px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; top: 4px; z-index: 1081; } .rd-navbar-fixed .rd-navbar-collapse { position: fixed; right: 0; top: 56px; z-index: 1079; transform: translate3d(0, -10px, 0); padding: 15px; width: auto; border-radius: 5px; text-align: left; font-size: 14px; opacity: 0; visibility: hidden; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li { display: block; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-main-element { position: absolute; float: left; } .rd-navbar-fixed .rd-navbar-search .form-wrap { margin-bottom: 0; } .rd-navbar-fixed .rd-navbar-search .form-input { min-width: 250px; min-height: 50px; border: none; border-radius: 0; color: #2c343b; padding-left: 16px; } .rd-navbar-fixed .rd-navbar-search .form-label.focus { opacity: 0; transition: all ease .25s; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { color: #2c343b; } .rd-navbar-fixed .rd-navbar-search .rd-search { display: flex; justify-content: flex-end; position: fixed; right: 0; left: 0; top: 56px; z-index: 1079; width: 100%; opacity: 0; visibility: hidden; transition: .3s; transform: translate3d(0, -10px, 0); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; background-color: transparent; } .rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 26px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed [class*='rd-navbar-fixed-element'] { position: fixed; top: 4px; z-index: 1082; } .rd-navbar-fixed .rd-navbar-fixed-element-1 { right: 0; } .rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 46px; } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } .rd-navbar-fixed .rd-navbar-panel { color: #9b9b9b; box-shadow: none; background: #2a93c9; } .rd-navbar-fixed .rd-navbar-nav-wrap { color: #fff; background: #fff; box-shadow: none; } .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { color: #fff; background: #2a93c9; } .rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-nav-link { color: #9b9b9b; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { color: #9b9b9b; } .rd-navbar-fixed .rd-megamenu-list > li:hover > a, .rd-navbar-fixed .rd-megamenu-list > li.focus > a, .rd-navbar-fixed .rd-megamenu-list > li.active > a, .rd-navbar-fixed .rd-megamenu-list > li.opened > a, .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, .rd-navbar-fixed .rd-navbar-dropdown > li.active > a, .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a { color: #fff; background: #2a93c9; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { color: #cccccc; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { border-bottom: 1px solid #d7d7d7; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active { color: #fff; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover { color: #2a93c9; } .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #9b9b9b; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { color: #cccccc; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { color: #2a93c9; } .rd-navbar-fixed .rd-navbar-search-toggle { color: #fff; } .rd-navbar-fixed .rd-navbar-search-toggle:hover { color: #2a93c9; } .rd-navbar-fixed .rd-navbar-collapse { background-color: #2a93c9; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-fixed .rd-navbar-collapse .contacts-wrap { display: flex; flex-direction: column; } .rd-navbar-fixed .rd-navbar-collapse .brand { display: none; } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a { color: #9b9b9b; } html.rd-navbar-fixed-linked .page { padding-top: 56px; } /* 
* 
* RD Navbar Sidebar 
*/ .rd-navbar-sidebar { display: block; background: #fff; } .rd-navbar-sidebar .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-sidebar .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 60px 22px 0; max-width: 1200px; margin-left: auto; margin-right: auto; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-sidebar .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-sidebar .rd-navbar-main-element > * + * { margin-left: 20px; } .rd-navbar-sidebar .rd-navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1102; } .rd-navbar-sidebar .rd-navbar-panel { min-width: 200px; text-align: center; } .rd-navbar-sidebar .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-sidebar .rd-navbar-nav-wrap { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1101; width: 450px; padding: 94px 0 0 0; background: #fff; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(100%); box-shadow: 0 0 13px 0 rgba(204, 204, 204, 0.16); } .rd-navbar-sidebar .rd-navbar-nav-wrap.active { transition-delay: .1s; transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-nav { height: calc(100vh - 100px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #d7d7d7; } .rd-navbar-sidebar .rd-nav-item { position: relative; display: block; padding: 19px 30px 19px 40px; } .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { color: #2a93c9; } .rd-navbar-sidebar .rd-nav-item .rd-nav-link, .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle { font-size: 18px; } .rd-navbar-sidebar .rd-nav-item + .rd-nav-item { border-top: 1px solid #d7d7d7; } .rd-navbar-sidebar .rd-nav-item:last-child { border-bottom: 1px solid #d7d7d7; margin-bottom: 30px; } .rd-navbar-sidebar .rd-nav-link { max-width: calc(100% - 30px); word-break: break-all; font-size: 18px; line-height: 1.4; text-transform: none; color: #cccccc; } .rd-navbar-sidebar .rd-nav-link:hover { color: #2a93c9; } .rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu { display: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transition: opacity .2s; } .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: inherit; padding-left: 10px; margin-bottom: inherit; display: inline-block; width: 30px; margin-left: 5px; text-align: center; cursor: pointer; color: #2c343b; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover { color: #2a93c9; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: inherit; text-align: center; vertical-align: middle; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { font-size: 14px; color: #cccccc; margin-left: 7px; } .rd-navbar-sidebar .rd-menu { margin-top: 31px; } .rd-navbar-sidebar .rd-navbar-dropdown, .rd-navbar-sidebar .rd-megamenu-list { font-size: 14px; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-megamenu-list li > a { position: relative; left: -3px; display: flex; padding: 1px 14px 1px 0; text-align: left; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li > a:active, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a:focus, .rd-navbar-sidebar .rd-megamenu-list li > a:active { color: #9b9b9b; } .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { color: #2a93c9; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a::before { transition: .15s ease-in-out; } .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f105'; font-family: 'FontAwesome'; font-size: inherit; line-height: inherit; color: #2a93c9; opacity: 0; visibility: hidden; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li.focus > a, .rd-navbar-sidebar .rd-megamenu-list li.opened > a, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { left: 0; padding-left: 14px; padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before, .rd-navbar-sidebar .rd-megamenu-list li.focus > a::before, .rd-navbar-sidebar .rd-megamenu-list li.opened > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-megamenu { max-width: 450px; margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-megamenu > li { display: inline-block; vertical-align: top; width: 45%; } .rd-navbar-sidebar .rd-megamenu-title { display: none; } .rd-navbar-sidebar .rd-megamenu-list { margin-top: 0; } .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a { padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before { display: none; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle { color: #2a93c9; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after { top: 1px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown { margin-top: 25px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown { margin-top: 10px; padding-left: 15px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a { font-size: 12px; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-megamenu { margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li, .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 18px; } } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-nav-wrap { width: auto; left: calc(50% + 600px - 80px); } } .rd-navbar-sidebar.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(-101%); } .rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0); } .rd-navbar-sidebar.rd-navbar--is-stuck { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; box-shadow: 0 2px 10px 1px rgba(25, 25, 25, 0.1); } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { padding-top: 11px; padding-bottom: 11px; } /** 
* 
* RD Navbar Classic 
* ===================================================== 
*/ .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link { padding-top: 8px; font-size: 14px; padding-bottom: 8px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link, .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:focus, .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:active { color: #2a93c9; } .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:hover { color: #1d678c; } .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown li { padding: 4px 0 4px 0; margin-left: 20px; margin-right: 20px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-dropdown li + li { border-top: 1px solid #e5e5e5; } @media (min-width: 1200px) { .rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-title { margin-bottom: 12px; } } .rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link { font-size: 15px; padding-top: 8px; padding-bottom: 8px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link, .rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link:focus, .rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link:active { color: #2a93c9; } .rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link:hover { color: #1d678c; } .rd-navbar-classic.rd-navbar-static .rd-navbar-nav { display: flex; } .rd-navbar-classic.rd-navbar-static .rd-navbar-search { margin: 0 20px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span { font-size: 20px; font-weight: 500; color: #fff; } .rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link, .rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link:hover, .rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link:hover { color: #fff; background: #1d86bc; } .rd-navbar-classic.rd-navbar-static .rd-nav-item .rd-navbar-submenu-toggle { color: #fff; display: inline-block; margin-left: -16px; } .rd-navbar-classic.rd-navbar-static .rd-nav-item .rd-navbar-submenu-toggle:before { right: 2px; } .rd-navbar-classic.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 0; } .rd-navbar-classic.rd-navbar-static .rd-nav-link { color: #fff; font-size: 15px; padding: 18px 19px; letter-spacing: 0.06em; display: inline-block; font-weight: 600; line-height: 24px; text-transform: uppercase; } .rd-navbar-classic.rd-navbar-static .rd-nav-link:hover { background: #1d86bc; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { width: 100%; display: flex; align-items: center; background: #2a93c9; box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2); border-radius: 6px; height: 60px; } .rd-navbar-classic.rd-navbar-static.rd-navbar { background: transparent; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside { display: flex; justify-content: space-between; align-items: center; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside .contact-info + .contact-info { margin-left: 130px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 992px) { .rd-navbar-classic.rd-navbar-static .rd-navbar-panel .brand { display: none; } } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside, .rd-navbar-classic.rd-navbar-static .rd-navbar-main { max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main { transition: all ease .25s; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { max-width: 1170px; margin-left: auto; margin-right: auto; position: relative; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside { padding: 38px 0 0 0; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside .list-inline { display: flex; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .rd-navbar-classic.rd-navbar-static .rd-navbar-brand .brand .brand-logo-dark { display: none; } .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #d7d7d7; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 17px 0; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main { background: #2a93c9; padding: 0; width: 100%; max-width: none; box-shadow: none; transition: all ease .25s; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-element { box-shadow: none; } .rd-navbar-classic.rd-navbar-fixed .contact-info + .contact-info { margin-top: 15px; } /** 
* 
* RD Navbar Classic 
* ===================================================== 
*/ .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link, .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:focus, .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:active { color: #2a93c9; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:hover { color: #1d678c; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown li { padding: 4px 0 4px 0; margin-left: 20px; margin-right: 20px; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-dropdown li + li { border-top: 1px solid #e5e5e5; } @media (min-width: 1200px) { .rd-navbar-subpage.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-title { margin-bottom: 12px; } } .rd-navbar-subpage.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link { font-size: 15px; padding-top: 8px; padding-bottom: 8px; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link, .rd-navbar-subpage.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link:focus, .rd-navbar-subpage.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link:active { color: #2a93c9; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list-link:hover { color: #1d678c; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-nav { display: flex; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-search { margin: 0 20px; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span { font-size: 20px; font-weight: 500; color: #fff; } .rd-navbar-subpage.rd-navbar-static .rd-nav-item.active .rd-nav-link, .rd-navbar-subpage.rd-navbar-static .rd-nav-item.active .rd-nav-link:hover, .rd-navbar-subpage.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-subpage.rd-navbar-static .rd-nav-item.focus .rd-nav-link:hover { color: #fff; background: #1d86bc; } .rd-navbar-subpage.rd-navbar-static .rd-nav-item .rd-navbar-submenu-toggle { color: #fff; margin-left: -16px; display: inline-block; } .rd-navbar-subpage.rd-navbar-static .rd-nav-item .rd-navbar-submenu-toggle:before { right: 2px; } .rd-navbar-subpage.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 0; } .rd-navbar-subpage.rd-navbar-static .rd-nav-link { color: #fff; font-size: 15px; padding: 18px 19px; letter-spacing: 0.06em; display: inline-block; font-weight: 600; line-height: 24px; text-transform: uppercase; } .rd-navbar-subpage.rd-navbar-static .rd-nav-link:hover { background: #1d86bc; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-main-element { width: 100%; display: flex; align-items: center; background: #2a93c9; box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2); border-radius: 6px; height: 60px; } .rd-navbar-subpage.rd-navbar-static.rd-navbar { background: transparent; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-aside { display: flex; justify-content: space-between; align-items: center; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-aside .contact-info + .contact-info { margin-left: 130px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 992px) { .rd-navbar-subpage.rd-navbar-static .rd-navbar-panel .brand { display: none; } } .rd-navbar-subpage.rd-navbar-static .rd-navbar-aside, .rd-navbar-subpage.rd-navbar-static .rd-navbar-main { max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-main { transition: all ease .25s; padding-bottom: 0; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-main-element { max-width: 1170px; margin-left: auto; margin-right: auto; position: relative; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-aside { padding: 38px 0 0 0; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-aside .list-inline { display: flex; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px 0 0 0; z-index: 20; transform: translateY(30px); } .rd-navbar-subpage.rd-navbar-static .rd-navbar-brand .brand .brand-logo-light { display: none; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-brand .brand .brand-logo-dark { display: block; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-subpage.rd-navbar-static .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #d7d7d7; } .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 17px 0; } .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main { background: #2a93c9; padding: 0; width: 100%; max-width: none; box-shadow: none; transition: all ease .25s; transform: none; } .rd-navbar-subpage.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-element { box-shadow: none; } .rd-navbar-subpage.rd-navbar-fixed .contact-info a { color: #fff; } .rd-navbar-subpage.rd-navbar-fixed .contact-info + .contact-info { margin-top: 15px; } /* 
* 
* RD Navbar Fullwidth 
*/ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-nav > li + li { margin-left: 20px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main { padding: 10px 0; } /* 
* 
* Preloader 
*/ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; padding: 20px; background: #fff; transition: .3s all ease; } .preloader.loaded { opacity: 0; visibility: hidden; } .preloader-body { text-align: center; } .preloader-body p { position: relative; right: -8px; } .cssload-container { width: 100%; height: 49px; text-align: center; } .cssload-double-torus { width: 49px; height: 49px; margin: 0 auto; border: 4px double; border-radius: 50%; border-color: transparent rgba(42, 148, 201, 0.9) rgba(42, 148, 201, 0.9); animation: cssload-spin 780ms infinite linear; -o-animation: cssload-spin 780ms infinite linear; -ms-animation: cssload-spin 780ms infinite linear; -webkit-animation: cssload-spin 780ms infinite linear; -moz-animation: cssload-spin 780ms infinite linear; } @keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cssload-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes cssload-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cssload-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } .twitter .twitter-date:before { margin-right: 6px; font-family: "FontAwesome"; font-size: 18px; content: '\f099'; color: #55bbeb; } .twitter .twitter-date .icon { font-size: 18px; line-height: 18px; } .twitter .twitter-name > a { margin-top: 8px; margin-bottom: 0; color: #55bbeb; } .twitter .twitter-name > a:before { content: '- '; } .twitter .twitter-text { margin-top: 4px; } .twitter .twitter-text a { color: #55bbeb; } .twitter .twitter-text a:hover { text-decoration: underline; } .twitter .twitter-sm + .twitter-sm { margin-top: 18px; } .twitter .rd-twitter { display: block; opacity: 0; border-radius: 5px; background: #fff; transition: .3s all ease; } .twitter .rd-twitter .twitter-unit { padding: 25px 20px 0; } .twitter .rd-twitter-tweet { padding: 0 15px 20px; } .twitter .rd-twitter-tweet a { color: #64aae1; } .twitter .rd-twitter-tweet a:hover { text-decoration: underline; } .twitter .rd-twitter-img-wrap { max-height: 250px; overflow: hidden; } .twitter .rd-twitter-img-wrap .rd-twitter-media { width: 100%; } .twitter .rd-twitter-time-wrap { padding: 25px; } .twitter .rd-twitter-meta * { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (min-width: 768px) { .twitter .rd-twitter .twitter-unit { padding: 20px; } .twitter .rd-twitter .twitter-unit .unit-body { padding-left: 20px; } .twitter .rd-twitter-tweet { padding: 0 25px 25px; } .twitter .rd-twitter-meta * { max-width: 140px; } } .twitter .rd-twitter.rd-twitter-compact .rd-twitter-time-wrap { padding-top: 0; } .search_list { text-align: left; padding-left: 0; font-size: 18px; list-style-type: none; } .result-item { padding-left: 20px; list-style-type: decimal; margin-left: 20px; color: #868686; font-size: 15px; } .result-item > * { color: #434445; } .result-item p { font-size: 15px; } .result-item + .result-item { margin-top: 41px; } @media (min-width: 768px) { .result-item { padding-left: 22px; } } .search_title { color: #191919; } .match { font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; color: #868686; margin-top: 10px; } .match em { font-style: normal; } .search { background: #2a93c9; color: #fff; } .rd-navbar #search-results { background: #fff; padding: 30px 25px 0 25px; overflow-y: auto; max-height: 50vh; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .rd-navbar #search-results ol { padding-bottom: 30px; } @media (min-height: 617px) { .rd-navbar #search-results { max-height: 67vh; } } .rd-navbar .search_all { margin-top: 22px; } .rd-navbar .search_list { margin-top: 20px; } .rd-navbar .result-item + .result-item { margin-top: 15px; } .rd-navbar--is-stuck #rd-search-results-live { max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-video { position: relative; } .rd-video video { margin: auto; position: absolute; opacity: 0; visibility: hidden; } .rd-video video.transition { transition: .3s all linear; } .rd-video-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: cover; background-repeat: no-repeat; } .rd-video-preloader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: .3s all ease; background: url(../images/preloader.gif) no-repeat rgba(255, 255, 255, 0.8) center center; z-index: 6; } .rd-video.loading .rd-video-preloader { opacity: 1; visibility: visible; } .rd-video-context-wrapper { z-index: 99999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: none; opacity: 0; visibility: hidden; text-align: left; transition: .3s background ease; } .rd-video-context-wrapper.show { background: rgba(0, 0, 0, 0.7); opacity: 1; visibility: visible; } .rd-video-context-wrapper.show .rd-video-context { bottom: 0; } .rd-video-context-wrapper .rd-video-context { padding: 2px 0; background: #fff; position: absolute; left: 0; bottom: -100%; right: 0; transition: .5s bottom ease; } .rd-video-context-wrapper h6 { padding: 5px 10px 5px 15px; text-transform: none; } .rd-video-context-wrapper ul li { cursor: pointer; font-size: 14px; padding: 5px 5px 5px 15px; text-transform: none; border-top: 1px solid #E9E9E9; } .rd-video-context-wrapper ul li:hover, .rd-video-context-wrapper ul li.active { background: #2a93c9; color: #fff; } .rd-video-context-wrapper ul li.active { cursor: default; } .desktop .rd-video-context-wrapper { position: absolute; width: 160px; transform: none; background: #fff; } .desktop .rd-video-context-wrapper.show { opacity: 1; visibility: visible; } .desktop .rd-video-context-wrapper .rd-video-context { position: static; } .rd-video.rd-video-bg { z-index: 1; } .rd-video.rd-video-bg > .rd-video-wrapper, .rd-video.rd-video-bg > .rd-video-wrapper > video { z-index: -1; } .rd-video.rd-video-bg .play-btn { display: none; } /* 
* Material Parallax 
*/ .parallax-container { position: relative; overflow: hidden; } .parallax-container p { font-size: 18px; line-height: 1.33333; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: 0; } .parallax-content { position: relative; z-index: 1; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; max-width: none; transform: translate3d(-50%, 0, 0); } .parallax-disabled { background-size: cover; background-position: center; } html:not(.ie-11):not(.ios) .parallax-disabled { background-attachment: fixed; } .widget-flickrfeed .flickr-item { max-width: 82px; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container h2 { letter-spacing: 0; } @media (min-width: 992px) { .swiper-container h2 { font-size: 48px; } } @media (min-width: 1400px) { .swiper-container h2 { font-size: 63px; } } .swiper-container h5 + * { margin-top: 1px; } .swiper-container .autror-name-pos { position: absolute; top: 98px; right: 0; display: none; } @media (min-width: 1200px) { .swiper-container .autror-name-pos { display: block; top: 165px; } } .swiper-container .swiper-slide-caption, .swiper-container .container, .swiper-container .row, .swiper-container .swiper-caption { height: 100%; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-slide .rd-video.rd-video-bg { height: 100%; z-index: auto; } .swiper-slide .swiper-caption { position: relative; z-index: 9; min-height: 295px; } @media (min-width: 768px) { .swiper-slide .swiper-caption { min-height: 435px; } } .swiper-slide .swiper-caption img { position: absolute; z-index: -1; bottom: 0; opacity: 0.2; max-width: 200px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .swiper-slide .swiper-caption img.img-big { max-width: 300px; } @media (min-width: 576px) { .swiper-slide .swiper-caption img { max-width: 210px; } .swiper-slide .swiper-caption img.img-big { max-width: 390px; } } @media (min-width: 768px) { .swiper-slide .swiper-caption img { max-width: 317px; } .swiper-slide .swiper-caption img.img-first { max-width: 350px; } .swiper-slide .swiper-caption img.img-big { max-width: 600px; } } @media (min-width: 992px) { .swiper-slide .swiper-caption img { position: static; opacity: 1; max-width: none; -webkit-transform: translateX(0); transform: translateX(0); } .swiper-slide .swiper-caption img.img-big, .swiper-slide .swiper-caption img.img-first { max-width: none; } } .swiper-slide .swiper-caption .img-wrap { position: static; } @media (min-width: 992px) { .swiper-slide .swiper-caption .img-wrap { position: relative; } } .swiper-container .no-transition { transition: 0s; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { display: none; position: absolute; top: 50%; width: 46px; height: 46px; line-height: 46px; font-size: 46px; text-align: center; margin-top: -23px; z-index: 10; cursor: pointer; opacity: 1; color: #fff; } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; } @media (min-width: 992px) { .swiper-button-prev, .swiper-button-next { display: block; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 23px; } .swiper-button-next { right: 3.5%; } /* Pagination Styles */ .swiper-pagination { display: block; position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .desktop .swiper-container .swiper-pagination-type-1 { display: inline-block; } .swiper-pagination-type-1 .swiper-pagination-bullet { position: relative; width: 14px; height: 14px; line-height: 14px; background: transparent; border: 2px solid #fff; margin: 0 15px; transition: .3s all ease; } .swiper-pagination-type-1 .swiper-pagination-bullet-active, .swiper-pagination-type-1 .swiper-pagination-bullet:hover { transform: scale(1.4); background: #fff; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { margin-left: 27px; display: inline-block; width: 12px; height: 12px; line-height: 12px; border-radius: 50%; background: #969696; position: relative; transition: .2s ease-in-out; background: #2a93c9; } .swiper-pagination-bullet:before { content: ''; position: absolute; display: inline-block; top: -5px; left: -5px; width: 22px; height: 22px; background: rgba(42, 147, 201, 0.22); transition: .2s ease-in-out; -webkit-transform: scale(0); transform: scale(0); border-radius: 50%; } .swiper-pagination-bullet-active, .swiper-pagination-bullet:hover { background: #2a93c9; } .swiper-pagination-bullet-active:before, .swiper-pagination-bullet:hover:before { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #FFF; } .swiper-pagination-bullet-active { background: #2a93c9; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #FFF; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 20px; left: 0; width: 100%; } @media (min-width: 992px) { .swiper-container-horizontal > .swiper-pagination { bottom: 80px; left: calc(50% - 484px); width: 500px; text-align: left; } } @media (min-width: 1200px) { .swiper-container-horizontal > .swiper-pagination { left: calc(50% - 585px); } } @media (min-width: 1400px) { .swiper-container-horizontal > .swiper-pagination { left: calc(50% - 591px); } } .swiper-container-horizontal > .swiper-pagination.swiper-pagination-type-1 { bottom: 30px; width: 100%; } @media (min-width: 768px) { .swiper-container-horizontal > .swiper-pagination.swiper-pagination-type-1 { right: 30px; bottom: 65px; left: auto; width: auto; } } .swiper-container-horizontal > .swiper-pagination.swiper-pagination-type-1 .swiper-pagination-bullet { margin: 0 15px; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 13px; } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-slide { height: 100%; background-position: center; background: #fff; background-position: center; } .swiper-slide .swiper-parallax { height: 100%; white-space: nowrap; } .swiper-slide .swiper-parallax:before { content: ''; display: inline-block; height: 50%; } .swiper-slide-caption { display: inline-block; width: 100%; vertical-align: middle; white-space: normal; padding: 40px 20px; } .swiper-slide-caption h4 { margin-bottom: 0; } @media (min-width: 768px) { .swiper-slide-caption { padding: 80px 40px; } } @media (min-width: 1200px) { .swiper-slide-caption { padding: 125px 80px; } } @media (max-width: 480px) { .swiper-slide h1 { font-size: 32px; } .swiper-slide h2 { font-size: 28px; } .swiper-slide h3 { font-size: 24px; } .swiper-slide h4 { font-size: 20px; } .swiper-slide h5 { font-size: 18px; } .swiper-slide .btn { font-size: 15px; } .swiper-slide .btn.btn-lg { padding: 10px 20px; } .swiper-slide .btn.btn-lg.btn-icon .icon { font-size: 28px; } } @media (min-width: 1920px) { .swiper-slide h1 { font-size: 2.35vw; } } .swiper-slide-overlay-disable:after { display: none; } @media (max-width: 991px) { .swiper-slide-overlay-disable { background-position: right center; } } .swiper-button { width: 60px; height: 100px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; } .swiper-button:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); } .swiper-button:after { position: absolute; top: calc(50% - 1px); width: 30px; height: 2px; background: #FFF; content: ''; -webkit-transition: width 0.3s 0.2s; transition: width 0.3s 0.2s; -webkit-backface-visibility: hidden; /* needed because of Chrome bug with prefixed calc */ backface-visibility: hidden; } .swiper-button.swiper-button-next { right: 23px; } .swiper-button.swiper-button-next:before { width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; right: 0; } .swiper-button.swiper-button-next:after { right: 13px; } .swiper-button.swiper-button-next .preview { right: 40px; } .swiper-button.swiper-button-next .preview:after { content: 'Next'; text-align: right; transform: translateX(-125%); } .swiper-button.swiper-button-prev:before { width: 0; height: 0; border-style: solid; border-width: 8px 13px 8px 0; border-color: transparent #fff transparent transparent; left: 0; } .swiper-button.swiper-button-prev:after { left: 13px; } .swiper-button.swiper-button-prev .preview { left: 40px; } .swiper-button.swiper-button-prev .preview:after { content: 'Previous'; transform: translateX(125%); } .swiper-button.swiper-button-prev .preview__img { float: left; } .swiper-button.swiper-button-prev .preview__img:first-child { width: 32px; height: 32px; } .swiper-button.swiper-button-prev .preview__img:nth-child(2) { width: 48px; height: 48px; } .swiper-button.swiper-button-prev .preview__img:nth-child(3) { width: 64px; height: 64px; } .swiper-button .preview { position: absolute; top: -25%; display: flex; align-items: flex-end; width: 170px; pointer-events: none; } .swiper-button .preview__img { margin: 0 5px; opacity: 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0px -1px 0 rgba(255, 255, 255, 0.5); transition: 0.3s; transform: scale(0.3); } .swiper-button .preview__img:first-child { width: 64px; height: 64px; } .swiper-button .preview__img:nth-child(2) { width: 48px; height: 48px; } .swiper-button .preview__img:nth-child(3) { width: 32px; height: 32px; } .swiper-button .preview:after { position: absolute; top: 100%; left: 0; margin: 20px 5px 0; width: 100%; color: #FFF; line-height: 1; text-transform: uppercase; font-size: 13px; opacity: 0; transition: 0.3s; } .lt-ie10 #nav-multithumb .preview__img { display: none; } .mobile .swiper-pagination, .tablet .swiper-pagination { display: block; } .mobile .swiper-button, .tablet .swiper-button { display: none; } .mobile .preview, .tablet .preview { display: none; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Scrollbar */ .swiper-scrollbar { position: relative; -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; bottom: 0; z-index: 50; height: 3px; width: 100%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #2a93c9; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } @-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); } } .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; } @-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; } @-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; } @-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); -ms-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; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-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: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .scrollToNext { position: fixed; right: 15px; bottom: 15px; z-index: 20; width: 50px; height: 50px; overflow: hidden; font-size: 24px; line-height: 46px; color: #fff; border-radius: 50%; text-align: center; text-decoration: none; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11), 3px 4px 5px 0 rgba(0, 0, 0, 0.11); } .scrollToNext:before { display: block; transition: .5s; transition-delay: 1.4s; } .scrollToNext.toTop { animation: rotate 1.6s linear; animation-delay: 1s; } .scrollToNext.toTop:before { transform: rotate(180deg); } @keyframes rotate { 0%, 100% { transform: scale(1); } 30%, 60% { transform: scale(0.7); } } .scrollToNext:focus { color: #fff; } .scrollToNext:hover { color: #fff; text-decoration: none; } .scrollToNext.active { -webkit-transform: translateY(0); transform: translateY(0); } .mobile .scrollToNext, .tablet .scrollToNext { display: none !important; } @media (min-width: 480px) { .scrollToNext { right: 40px; bottom: 40px; } } .counter { margin-bottom: 0; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel-middle .owl-carousel .owl-stage { display: flex; align-items: center; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); -webkit-will-change: transform; will-change: transform; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { text-align: center; cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px 'FontAwesome'; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: '\f144'; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-carousel-classic { overflow: hidden; } .owl-carousel-classic .owl-prev, .owl-carousel-classic .owl-next { position: absolute; top: 50%; transition: .3s; z-index: 1; } .owl-carousel-classic .owl-prev:before, .owl-carousel-classic .owl-next:before { position: absolute; top: 30px; font-size: 18px; width: 24px; height: 24px; line-height: 24px; text-align: center; z-index: 1; } .owl-carousel-classic .owl-prev:after, .owl-carousel-classic .owl-next:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 43px 0 43px 43px; border-color: transparent transparent transparent #fff; } .owl-carousel-classic .owl-prev { transform: translate(-100%, -50%); } .owl-carousel-classic .owl-prev, .owl-carousel-classic .owl-prev:before { left: 0; } .owl-carousel-classic .owl-next { transform: translate(100%, -50%); } .owl-carousel-classic .owl-next, .owl-carousel-classic .owl-next:before { right: 0; } .owl-carousel-classic .owl-next:after { transform: rotate(180deg); } .owl-carousel-classic:hover .owl-prev, .owl-carousel-classic:hover .owl-next { transform: translate(0, -50%); } .owl-carousel-classic .owl-dots { margin-left: -8px; line-height: 8px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; } .owl-carousel-classic .owl-dot { margin-left: 8px; display: inline-block; width: 8px; height: 8px; line-height: 8px; border-radius: 50%; background: #434445; } .owl-carousel-classic .owl-dot.active { background: #fff; } .owl-carousel-default .owl-prev, .owl-carousel-default .owl-next { position: absolute; top: 50%; transition: .3s; z-index: 1; margin-top: -20px; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; border: 2px solid #868686; color: #868686; opacity: .3; } .owl-carousel-default .owl-prev:hover, .owl-carousel-default .owl-next:hover { opacity: 1; } .owl-carousel-default .owl-dots { margin-top: 30px; margin-left: -8px; line-height: 8px; text-align: center; } @media (min-width: 992px) { .owl-carousel-default .owl-dots { margin-top: 70px; } } .owl-carousel-default .owl-dot { margin-left: 10px; display: inline-block; width: 14px; height: 14px; line-height: 8px; border-radius: 50%; background: #e5e5e5; position: relative; } .owl-carousel-default .owl-dot:before { position: absolute; left: -2px; right: -2px; bottom: -2px; top: -2px; content: ''; } @media (min-width: 992px) { .owl-carousel-default .owl-dot { margin-left: 20px; width: 14px; height: 14px; } .owl-carousel-default .owl-dot:after { content: ''; position: absolute; top: -7px; left: -7px; width: 28px; height: 28px; border-radius: 50%; background: rgba(42, 147, 201, 0.22); transition: .2s ease-in; -webkit-transform: scale(0); transform: scale(0); } } .owl-carousel-default .owl-dot.active { background: #fff; } @media (min-width: 992px) { .owl-carousel-default .owl-dot.active:after { -webkit-transform: scale(1); transform: scale(1); } } .owl-carousel-default .owl-next { right: 20px; } .owl-carousel-default .owl-prev { left: 20px; } .tablet .owl-carousel-default .owl-dots { display: block !important; } .tablet .owl-carousel-default .owl-nav { display: none !important; } .owl-carousel-arrows .owl-prev, .owl-carousel-arrows .owl-next { width: 40px; height: 40px; font-size: 36px; line-height: 40px; opacity: 1; border: none; } .owl-carousel-arrows .owl-prev:hover, .owl-carousel-arrows .owl-next:hover { opacity: .5; } .owl-carousel-arrows .owl-prev { left: 85px; } .owl-carousel-arrows .owl-next { right: 85px; } .owl-carousel-arrows .owl-dot { transition: .3s all ease; } .owl-carousel-arrows .owl-dot:hover, .owl-carousel-arrows .owl-dot.active { background: #2a93c9; } .owl-carousel-arrows-fullwidth .owl-prev { left: 20px; } .owl-carousel-arrows-fullwidth .owl-next { right: 20px; } .owl-carousel-class-light .owl-dot { transition: .3s all ease; background: #bdbdbd; border: none; padding: 0; } .owl-carousel-class-light .owl-dot.active, .owl-carousel-class-light .owl-dot:hover { background: #2a93c9; } .owl-carousel-dots-custom-style.owl-carousel-default .owl-dot:before { color: #fff; background-image: -webkit-linear-gradient(0deg, #fff 0%, #fff 100%); } .owl-custom-pagination { display: none; } @media (min-width: 768px) { .owl-custom-pagination { display: block; width: 100%; } .owl-custom-pagination li { padding: 0; cursor: pointer; box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.29); transition: .3s all ease; transform: scale(0.8); } .owl-custom-pagination li:hover, .owl-custom-pagination li.active { transform: scale(1); } .owl-custom-pagination img { backface-visibility: hidden; } } .owl-custom-pagination + .owl-carousel .owl-next, .owl-custom-pagination + .owl-carousel .owl-prev { margin-top: -60px; } .owl-custom-pagination-variant-1 { padding-left: 6px; } .owl-custom-pagination-variant-1 .owl-dot-custom { width: 14px; height: 14px; background: #bdbdbd; border-radius: 50%; cursor: pointer; transition: 0.35s all ease; } @media (prefers-reduced-motion: reduce) { .owl-custom-pagination-variant-1 .owl-dot-custom { transition: none; } } .owl-custom-pagination-variant-1 .owl-dot-custom:hover, .owl-custom-pagination-variant-1 .owl-dot-custom.active { background: #55bbeb; } .owl-custom-pagination-variant-1 .owl-dot-custom.active { width: 18px; height: 18px; -webkit-transform: translateY(2px); transform: translateY(2px); } .owl-custom-pagination-variant-1 .owl-dot-custom + .owl-dot-custom { margin-left: 18px; } .owl-customer-navigation { display: inline-block; } .owl-customer-navigation .owl-prev, .owl-customer-navigation .owl-next { width: 24px; height: 24px; line-height: 23px; text-align: center; border-radius: 3px; cursor: pointer; transition: .3s; border: 1px solid #bdbdbd; } .owl-customer-navigation .owl-prev:hover, .owl-customer-navigation .owl-next:hover { background: #272727; color: #fff; border-color: #272727; } .owl-carousel-testimonials-2 .owl-nav { display: inline-block; margin-top: 15px; } .owl-carousel-testimonials-2 .owl-next { margin-left: 6px; } .owl-carousel-testimonials-2 .owl-prev, .owl-carousel-testimonials-2 .owl-next { display: inline-block; transition: .3s; width: 24px; height: 24px; line-height: 22px; text-align: center; border: 1px solid #bdbdbd; color: #434445; border-radius: 3px; } .owl-carousel-testimonials-2 .owl-prev:hover, .owl-carousel-testimonials-2 .owl-next:hover { background: #272727; color: #fff; border-color: #272727; } .owl-carousel-testimonials-3 .owl-dots { margin-top: 20px; position: static; transform: none; } .owl-carousel-simple-quote .owl-dots { position: static; text-align: right; transform: none; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } .veil-owl-dots .owl-dots { display: none !important; } @media (min-width: 480px) { .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } .veil-xs-owl-dots .owl-dots { display: none !important; } } @media (min-width: 768px) { .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } .veil-sm-owl-dots .owl-dots { display: none !important; } } @media (min-width: 992px) { .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } .veil-md-owl-dots .owl-dots { display: none !important; } } @media (min-width: 1200px) { .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } .veil-lg-owl-dots .owl-dots { display: none !important; } } @media (min-width: 1800px) { .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } .veil-xl-owl-dots .owl-dots { display: none !important; } } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } .reveal-owl-dots .owl-dots { display: block !important; } @media (min-width: 480px) { .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } .reveal-xs-owl-dots .owl-dots { display: block !important; } } @media (min-width: 768px) { .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } .reveal-sm-owl-dots .owl-dots { display: block !important; } } @media (min-width: 992px) { .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } .reveal-md-owl-dots .owl-dots { display: block !important; } } @media (min-width: 1200px) { .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } .reveal-lg-owl-dots .owl-dots { display: block !important; } } @media (min-width: 1800px) { .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } .reveal-xl-owl-dots .owl-dots { display: block !important; } } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } .veil-owl-nav .owl-nav { display: none !important; } @media (min-width: 480px) { .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } .veil-xs-owl-nav .owl-nav { display: none !important; } } @media (min-width: 768px) { .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } .veil-sm-owl-nav .owl-nav { display: none !important; } } @media (min-width: 992px) { .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } .veil-md-owl-nav .owl-nav { display: none !important; } } @media (min-width: 1200px) { .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } .veil-lg-owl-nav .owl-nav { display: none !important; } } @media (min-width: 1800px) { .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } .veil-xl-owl-nav .owl-nav { display: none !important; } } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } .reveal-owl-nav .owl-nav { display: block !important; } @media (min-width: 480px) { .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } .reveal-xs-owl-nav .owl-nav { display: block !important; } } @media (min-width: 768px) { .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } .reveal-sm-owl-nav .owl-nav { display: block !important; } } @media (min-width: 992px) { .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } .reveal-md-owl-nav .owl-nav { display: block !important; } } @media (min-width: 1200px) { .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } .reveal-lg-owl-nav .owl-nav { display: block !important; } } @media (min-width: 1800px) { .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } .reveal-xl-owl-nav .owl-nav { display: block !important; } } .owl-nav.disabled { display: none; } .owl-2 .owl-item { text-align: center; } @media (max-width: 767px) { .isotope-xl .row > [class*="col-"] .row { margin-bottom: -30px; } .isotope-xl .row > [class*="col-"] .row > [class*="col-"] { margin-top: 35px; } } @media (min-width: 1600px) { .isotope-xl .row > [class*="col-"] .row { margin-bottom: -30px; } .isotope-xl .row > [class*="col-"] .row > [class*="col-"] { margin-top: 66px; } } .isotope-filters { position: relative; display: inline-block; } .isotope-filters-list { display: none; position: absolute; top: 100%; right: 0; padding: 5px 0; margin: 5px 0; z-index: 10; float: left; min-width: 130px; font-size: 16px; text-align: left; background-color: #fff; border-radius: 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .isotope-filters-list > li { display: block; } .isotope-filters-list > li > a { display: block; position: relative; clear: both; color: #434445; white-space: nowrap; line-height: 1.5; padding: 5px 20px; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; } .isotope-filters-list > li > a.active, .isotope-filters-list > li > a:hover { background-color: #f5f5f5; } .isotope-filters-list.active { display: block; } .isotope-filters-toggle.active:focus { outline: none; } .isotope-filters-title { display: none; } @media (min-width: 576px) { .isotope-filters-list { right: auto; left: 0; } } @media (min-width: 1200px) { .isotope-filters-horizontal, .isotope-filters-vertical { padding-left: 15px; padding-right: 15px; max-width: 1170px; margin-left: auto; margin-right: auto; width: 100%; text-align: left; } .isotope-filters-horizontal > ul > li, .isotope-filters-vertical > ul > li { width: 100%; } .isotope-filters-horizontal > ul > li > ul, .isotope-filters-vertical > ul > li > ul { width: 100%; } } @media (min-width: 1200px) { .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list { position: static; display: inline-block; float: none; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; margin-bottom: 0; border-bottom: 1px solid #bdbdbd; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li { display: inline-block; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a { display: inline-block; text-transform: uppercase; padding: 0 5px 8px; font-size: 16px; color: #868686; transition: 0.3s all ease-in; } } @media (min-width: 1200px) and (prefers-reduced-motion: reduce) { .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a { transition: none; } } @media (min-width: 1200px) { .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:after, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 1px; transition: .4s; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active, .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:hover, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:hover { color: #434445; background-color: transparent; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active:after, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active:after { left: 0; width: 100%; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li { margin-left: 15px; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-toggle, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-toggle { display: none; } } @media (min-width: 1200px) { .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a { font-size: 18px; } } @media (min-width: 1200px) { .isotope-filters.isotope-filters-vertical .isotope-filters-list { margin-bottom: 0; padding: 0; border-bottom: none; border-right: 1px solid #bdbdbd; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li { display: block; margin-top: 0; text-align: right; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a { padding: 0 20px 0 0; font-size: 16px; line-height: 1.5; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a:after { bottom: 50%; right: -1px; width: 1px; height: 0; background: #2a93c9; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a.active { color: #434445; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a.active:after { bottom: 0; width: 1px; height: 100%; left: auto; right: -1px; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li + li { margin-left: 0; margin-top: 24px; } .isotope-filters.isotope-filters-vertical .isotope-filters-title { display: block; } } @media (min-width: 1200px) { .isotope-filter-collapse-lg .isotope-filters-list { position: static; display: inline-block; float: none; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; margin-bottom: 0; border-bottom: 1px solid #bdbdbd; } .isotope-filter-collapse-lg .isotope-filters-list > li { display: inline-block; } .isotope-filter-collapse-lg .isotope-filters-list > li > a { display: inline-block; text-transform: uppercase; padding: 0 5px 8px; color: #868686; transition: 0.3s all ease-in; } } @media (min-width: 1200px) and (prefers-reduced-motion: reduce) { .isotope-filter-collapse-lg .isotope-filters-list > li > a { transition: none; } } @media (min-width: 1200px) { .isotope-filter-collapse-lg .isotope-filters-list > li > a:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 1px; transition: .4s; } .isotope-filter-collapse-lg .isotope-filters-list > li > a:after { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } .isotope-filter-collapse-lg .isotope-filters-list > li > a.active, .isotope-filter-collapse-lg .isotope-filters-list > li > a:hover { color: #434445; background-color: transparent; } .isotope-filter-collapse-lg .isotope-filters-list > li > a.active:after { left: 0; width: 100%; } .isotope-filter-collapse-lg .isotope-filters-list > li + li { margin-left: 47px; } .isotope-filter-collapse-lg .isotope-filters-toggle { display: none; } } .isotope { z-index: 0; display: block; transition: .3s ease; } .isotope-sizer { height: 0; margin-top: -1px; margin-bottom: 0; } .isotope-item { display: block; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } .isotope-filters { display: flex; flex-wrap: wrap; justify-content: center; } * + .isotope { margin-top: 28px; } .isotope-style-1 .isotope-item img { max-width: 100%; height: auto; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #ffffff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon { color: #999999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .lg-toolbar .lg-icon:hover { color: #ffffff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { bottom: 0; color: #eeeeee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #ffffff; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom .25s ease; -o-transition: bottom .25s ease; transition: bottom .25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #ffffff; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../images/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../images/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../images/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../images/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../images/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; -moz-transition: opacity 80ms ease 0s; -o-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: .5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #ffffff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #ffffff; color: #ffffff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s; -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s; transition: opacity .15s ease 0s, transform .15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #ffffff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s; -o-transition: visibility 0s linear .18s, opacity .18s linear 0s; transition: visibility 0s linear .18s, opacity .18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #ffffff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #ffffff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { color: #333333; } .lg-outer .lg-dropdown a { color: #333333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000000; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #ffffff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon { color: #999999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .lg-toolbar .lg-icon:hover { color: #ffffff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { bottom: 0; color: #eeeeee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #ffffff; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #2a93c9; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom .25s ease; -o-transition: bottom .25s ease; transition: bottom .25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #ffffff; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../images/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../images/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../images/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../images/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../images/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; -moz-transition: opacity 80ms ease 0s; -o-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #2a93c9; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: .5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #ffffff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #ffffff; color: #ffffff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s; -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s; transition: opacity .15s ease 0s, transform .15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #ffffff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s; -o-transition: visibility 0s linear .18s, opacity .18s linear 0s; transition: visibility 0s linear .18s, opacity .18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #ffffff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #ffffff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { color: #333333; } .lg-outer .lg-dropdown a { color: #333333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1090; text-align: left; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1090; background-color: #000000; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .lg-backdrop.in { opacity: .85; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .responsive-tabs .resp-accordion { position: relative; padding: 11px 33px 15px 20px; overflow: hidden; font-size: 15px; font-weight: 700; color: #2a93c9; text-align: left; text-overflow: ellipsis; transition: color .2s ease-in; } .responsive-tabs .resp-accordion:hover { cursor: pointer; color: #272727; } .responsive-tabs .resp-accordion .resp-arrow { position: absolute; top: 5px; right: 15px; bottom: 0; width: 20px; font-family: "Material Design Icons"; font-size: 26px; font-weight: 400; text-align: center; color: #868686; transition: .2s; } .responsive-tabs .resp-accordion .resp-arrow:before { content: ""; } .responsive-tabs .resp-accordion.resp-tab-active { color: #2a93c9; } .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow:before { content: ""; } .responsive-tabs .resp-tab-content { padding: 2px 25px 17px 20px; } .responsive-tabs .resp-tabs-list { display: none; padding: 0; margin-bottom: 0; } .responsive-tabs .resp-tabs-list li { position: relative; display: inline-block; padding: 0 0 7px; font-size: 15px; font-weight: 700; color: #2a93c9; text-transform: uppercase; list-style-type: none; cursor: pointer; transition: color .2s ease-in; } .responsive-tabs .resp-tabs-list li.resp-tab-active, .responsive-tabs .resp-tabs-list li:hover { color: #2a93c9 !important; } .responsive-tabs .resp-tab-content { display: none; } @media (min-width: 992px) { .responsive-tabs[data-type="horizontal"], .responsive-tabs[data-type="vertical"] { border-bottom: none; } .responsive-tabs[data-type="horizontal"] .resp-tab-content + .resp-accordion, .responsive-tabs[data-type="vertical"] .resp-tab-content + .resp-accordion { border-top: none; } .responsive-tabs[data-type="horizontal"] .resp-accordion, .responsive-tabs[data-type="vertical"] .resp-accordion { display: none; } .responsive-tabs[data-type="horizontal"] .resp-tabs-list, .responsive-tabs[data-type="vertical"] .resp-tabs-list { display: flex; max-width: 1000px; margin-left: auto; margin-right: auto; text-align: left; } } @media (min-width: 1200px) { .responsive-tabs[data-type="vertical"] { display: flex; flex: 0 1 auto; align-items: flex-start; } .responsive-tabs[data-type="vertical"] .resp-tabs-list { text-align: left; flex-basis: 23%; } .responsive-tabs[data-type="vertical"] .resp-tabs-list li { display: block; } .responsive-tabs[data-type="vertical"] .resp-tabs-list li + li { margin-left: 0; } .responsive-tabs[data-type="vertical"] .resp-tabs-container { flex-basis: 75%; padding-left: 3%; } } .responsive-tabs-classic { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .responsive-tabs-classic .resp-tab-content + .resp-accordion { border-top: 1px solid #e5e5e5; } @media (min-width: 992px) { .responsive-tabs-classic[data-type="vertical"], .responsive-tabs-classic[data-type="horizontal"] { border-top: none; border-bottom: none; } .responsive-tabs-classic[data-type="vertical"] .resp-tab-content + .resp-accordion, .responsive-tabs-classic[data-type="horizontal"] .resp-tab-content + .resp-accordion { border-top: none; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list { border-bottom: 1px solid #e5e5e5; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li { font-size: 18px; line-height: 1.33333; font-family: "Lato", Helvetica, Arial, sans-serif; letter-spacing: 0.06em; color: #868686; font-weight: 400; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li:before, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li:before { position: absolute; left: 50%; bottom: -1px; width: 0; height: 1px; background-color: #2a93c9; content: ''; transform: translateX(-50%); } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li.resp-tab-active, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li.resp-tab-active { color: #434445; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li.resp-tab-active:before, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li.resp-tab-active:before { width: 100%; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li + li, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li + li { margin-left: 30px; } .responsive-tabs-classic[data-type="vertical"] .resp-tab-content, .responsive-tabs-classic[data-type="horizontal"] .resp-tab-content { padding: 32px 5px 17px 2px; } } @media (min-width: 1200px) { .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li + li { margin-left: 35px; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list { border-bottom: none; border-right: 1px solid #bdbdbd; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li { padding: 0 30px 0 0; text-align: right; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li:before { position: absolute; top: 50%; left: auto; right: -1px; height: 0; content: ''; transform: translateY(-50%); } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li.resp-tab-active:before { height: 100%; width: 1px; } .responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li + li { margin-left: 0; margin-top: 25px; } .responsive-tabs-classic[data-type="vertical"] .resp-tab-content { padding-top: 0; } } .responsive-tabs-boxed .resp-accordion { border-radius: 3px; border: 1px solid #bdbdbd; padding-left: 20px; padding-right: 40px; } .responsive-tabs-boxed .resp-accordion .resp-arrow { right: 20px; } .responsive-tabs-boxed .resp-tab-content { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .responsive-tabs-boxed .resp-tab-content + .resp-accordion { margin-top: 5px; } .responsive-tabs-boxed .resp-tab-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid transparent; } @media (min-width: 992px) { .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list { font-size: 0; border-bottom: 1px solid #bdbdbd; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li { position: relative; padding: 13px 20px; margin-bottom: -1px; font-size: 14px; font-weight: 900; letter-spacing: 0.06em; color: #434445; text-transform: uppercase; background: #e5e5e5; border-top: 1px solid #bdbdbd; border-bottom: 1px solid transparent; border-left: 1px solid #bdbdbd; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li:last-child, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:last-child { border-right: 1px solid #bdbdbd; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li:after, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:after { position: absolute; bottom: -1px; left: 0; width: 100%; border-bottom: 1px solid #bdbdbd; content: ''; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active { border-bottom-color: #fff; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active { background: #fff; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active:after, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active:after { width: 0; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tab-content + .resp-accordion, .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content + .resp-accordion { margin-top: 0; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tab-content, .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content { border-bottom: none; border-right: none; } .responsive-tabs-boxed[data-type="horizontal"] .resp-tab-content, .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content { padding: 44px 61px 40px 61px; } } @media (min-width: 992px) and (min-width: 1200px) { .responsive-tabs-boxed[data-type="vertical"] { border-top: 1px solid #bdbdbd; } .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list { margin: 0 0 0 -1px; border-top: none; border-bottom: none; border-right: 1px solid #bdbdbd; } .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li { border-top: 1px solid #bdbdbd; border-right: none; } .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:first-child { border-top: none; } .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:last-child { border-bottom: 1px solid #bdbdbd; border-right: none; } .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:after { position: absolute; top: 0; bottom: auto; left: auto; right: -1px; width: 1px; border-right: 1px solid #fff; content: ''; } .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active:after { height: 102%; } .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content { padding: 43px 43px 43px 60px; border-left: none; } } .responsive-tabs-dashed .resp-accordion { border-radius: 3px; border: 1px solid #bdbdbd; padding: 10px 40px 10px 20px; background: #fff !important; } .responsive-tabs-dashed .resp-accordion .resp-arrow { top: 7px; right: 15px; } .responsive-tabs-dashed .resp-tab-content { padding: 15px; border-bottom: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #fff; } .responsive-tabs-dashed .resp-tab-content .form-input { background: #fff; } .responsive-tabs-dashed .resp-tab-content .form-label { color: #272727; } .responsive-tabs-dashed .resp-tab-content .form-label.focus { color: #2a93c9; } .responsive-tabs-dashed .resp-tabs-list > li { position: relative; padding: 0; font-size: 14px; font-weight: 900; letter-spacing: 0.06em; color: #868686; text-transform: uppercase; } .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover { color: #434445; } .responsive-tabs-dashed .resp-tabs-list > li + li { padding: 0; margin-left: 39px; } .responsive-tabs-dashed .resp-tabs-list > li + li:before { position: absolute; left: -20px; content: ''; height: 100%; width: 1px; background: #868686; } .responsive-tabs-dashed .resp-tab-content + .resp-accordion { margin-top: 5px; } .responsive-tabs-dashed .resp-tab-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media (min-width: 992px) { .responsive-tabs-dashed .resp-tab-content { background: transparent; padding: 0; border: none; } } @media (min-width: 992px) { .responsive-tabs-padding-none .responsive-tabs-classic[data-type="vertical"] .resp-tab-content, .responsive-tabs-padding-none .responsive-tabs-classic[data-type="horizontal"] .resp-tab-content { padding: 0; } } /** @section Nav custom */ .tabs-custom { text-align: left; } .tabs-custom .nav-tabs { font-size: 0; line-height: 0; word-spacing: 0; border: 0; } .tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { display: none; } .tabs-custom .nav-item { float: none; border: 0; cursor: pointer; transition: .33s all ease; } .tabs-custom .nav-link { margin: 0; border-radius: 0; border: 0; } .tabs-custom .nav-link.active { cursor: default; } .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .tab-content > .active { visibility: visible; height: auto; overflow: visible; } * + .tabs-horizontal.tabs-corporate { margin-top: 40px; } * + .tabs-vertical.tabs-corporate { margin-top: 40px; } @media (min-width: 768px) { * + .tabs-vertical.tabs-corporate { margin-top: 60px; } } @media (min-width: 1200px) { * + .tabs-vertical.tabs-corporate { margin-top: 80px; } } .tabs-line .nav-tabs { position: relative; } .tabs-line .nav-link { text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1.4; text-align: center; vertical-align: middle; } .tabs-line * + .tab-content { margin-top: 20px; } @media (max-width: 767.98px) { .tabs-line .nav-tabs { max-width: 100%; border: 1px solid #e5e7e9; } .tabs-line .nav-item { margin: -1px; } .tabs-line .nav-link { padding: 7px 10px; color: #868686; background: transparent; border-bottom: 1px solid #e5e7e9; } .tabs-line .nav-link:first-child { border-top: 1px solid #e5e7e9; } .tabs-line .nav-link:hover, .tabs-line .nav-link.active { color: #fff; background: #2a93c9; border-color: #2a93c9; } } .tabs-corporate .nav-tabs { position: relative; margin-bottom: -10px; margin-left: -10px; } .tabs-corporate .nav-tabs:empty { margin-bottom: 0; margin-left: 0; } .tabs-corporate .nav-tabs > * { margin-top: 0; margin-bottom: 10px; margin-left: 10px; } .tabs-corporate .nav-link { padding: 10px 10px; text-transform: uppercase; font-size: 18px; line-height: 1.4; color: #868686; background: transparent; border: 1px solid #e5e7e9; text-align: center; vertical-align: middle; } .tabs-corporate .nav-link:hover, .tabs-corporate .nav-link.active { background: none; color: #2a93c9; } .tabs-corporate .tab-content { padding: 30px 0 0; } @media (min-width: 768px) { .tabs-horizontal.tabs-corporate .nav-tabs { position: relative; width: 100%; display: block; text-align: center; border: 0; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-item { display: inline-block; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-link { display: block; position: relative; z-index: 1; min-width: 130px; letter-spacing: .1em; padding: 13px 20px; border: 2px solid #e5e7e9; } .tabs-horizontal.tabs-corporate .nav-link, .tabs-horizontal.tabs-corporate .nav-link::before { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .tabs-horizontal.tabs-corporate .nav-link::before { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); background: #2a93c9; } .tabs-horizontal.tabs-corporate .nav-link.active, .tabs-horizontal.tabs-corporate .nav-link:hover { color: #fff; border-color: #2a93c9; background-color: transparent; } .tabs-horizontal.tabs-corporate .nav-link.active::before, .tabs-horizontal.tabs-corporate .nav-link:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .tabs-horizontal.tabs-line .nav-tabs { border: 0; border-bottom: 4px solid #d7d7d7; } .tabs-horizontal.tabs-line .nav-item { display: inline-block; } .tabs-horizontal.tabs-line .nav-item:not(:last-child) { margin-right: 52px; } .tabs-horizontal.tabs-line .nav-link { position: relative; padding: 0 0 15px 0; background-color: transparent; color: #9b9b9b; border: 0; } .tabs-horizontal.tabs-line .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; height: 4px; width: 0; background: #2a93c9; transition: .22s ease; } .tabs-horizontal.tabs-line .nav-link.active, .tabs-horizontal.tabs-line .nav-link:hover { color: #cccccc; } .tabs-horizontal.tabs-line .nav-link.active::after { width: 100%; } .tabs-horizontal.tabs-line * + .tab-content { margin-top: 30px; } .tabs-vertical { display: flex; align-items: flex-start; } .tabs-vertical .nav-tabs { display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; max-width: 50%; } .tabs-vertical .nav-item { border: 0; width: 100%; text-align: left; } .tabs-vertical .nav-link { position: relative; display: block; border: none; } .tabs-vertical .nav-link:before { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; display: block; background-color: #2a93c9; z-index: 2; opacity: 0; transition: all 0.3s ease-in-out; } .tabs-vertical .nav-link.active, .tabs-vertical .nav-link:hover { color: #2a93c9; } .tabs-vertical .nav-link.active:before, .tabs-vertical .nav-link:hover:before { opacity: 1; transition: all 0.3s ease-in-out; } .tabs-vertical .tab-content { flex-grow: 1; } .tabs-vertical.tabs-corporate .nav-tabs { border-right: 1px solid #bdbdbd; width: auto; } .tabs-vertical.tabs-corporate .nav-item { margin: 0; } .tabs-vertical.tabs-corporate .nav-link { position: relative; padding: 0 30px 0 0; overflow: hidden; text-align: right; } .tabs-vertical.tabs-corporate .nav-item + .nav-item { margin-top: 25px; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 30px; } } @media (min-width: 992px) { .tabs-horizontal.tabs-corporate .tab-content { padding: 30px 30px 0; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 45px; } } .rd-google-map { color: #272727; } .rd-google-map__model { height: 250px; } .rd-google-map__model img { max-width: none !important; } @media (min-width: 576px) { .rd-google-map__model { height: 250px; } } @media (min-width: 768px) { .rd-google-map__model { height: 450px; } } .rd-google-map__locations { display: none; } .google-map-markers { display: none; } .google-map-container { width: 100%; } .google-map { height: 250px; width: 100%; } @media (min-width: 576px) { .google-map { height: 250px; } } @media (min-width: 768px) { .google-map { height: 450px; } } .select2 { width: 100% !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 11px; font-size: 14px; transition: .3s; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { width: 100%; padding: 4px; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--bootstrap { display: block; } .select2-container--bootstrap .select2-selection { background-color: transparent; border: 1px solid #bdbdbd; border-radius: 5px; color: #272727; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; outline: 0; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { background-color: transparent; border: 1px solid #bdbdbd; border-radius: 5px; color: #272727; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; } .select2-container--bootstrap .select2-search__field { outline: 0; font-size: 14px; } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #868686; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #868686; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #868686; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #868686; } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #bdbdbd; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #f5f5f5; color: #434445; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #2a93c9; color: #fff; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 11px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -16px; padding-left: 32px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -32px; padding-left: 48px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -48px; padding-left: 64px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -64px; padding-left: 80px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -80px; padding-left: 96px; } .select2-container--bootstrap .select2-results__group { color: #868686; display: block; padding: 9px 16px; font-weight: 400; font-size: 12px; line-height: 1.6; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border-color: #bdbdbd; } @media (prefers-reduced-motion: reduce) { .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { transition: none; } } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #868686 transparent; border-width: 0 4px 4px 4px; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--bootstrap .select2-selection__clear { color: #868686; cursor: pointer; float: right; font-weight: 700; margin-right: 10px; } .select2-container--bootstrap .select2-selection__clear:hover { color: #333; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #bdbdbd; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f5f5f5; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { border-color: #bdbdbd; overflow-x: hidden; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { text-align: left; height: 46px; line-height: 29px; padding: 9px 28px 9px 16px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 16px; top: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before { position: absolute; top: 50%; font-weight: 400; margin-top: -10px; right: 0; height: 20px; line-height: 20px; content: ""; font-family: "Material Design Icons"; font-size: 20px; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #272727; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #868686; } .select2-container--bootstrap .select2-selection--multiple { min-height: 46px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 24px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #868686; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #272727; background: #fff; border: 1px solid #ccc; border-radius: 3px; cursor: default; float: left; margin: 10px 0 0 10px; padding: 0 9px; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 16px; height: 44px; line-height: 24px; margin-top: 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 4.5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 9px; } .select2-container--bootstrap.input-sm, .select2-container--bootstrap.input-lg { border-radius: 0; font-size: 12px; height: auto; line-height: 1; padding: 0; } .select2-container--bootstrap.input-sm .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-wrap-sm .select2-container--bootstrap .select2-selection--single { border-radius: 3px; font-size: 15px; height: 40px; line-height: 1.5; padding: 7px 24px 7px 12px; } .select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-wrap-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { margin-left: -7px; } .select2-container--bootstrap.input-sm .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-wrap-sm .select2-container--bootstrap .select2-selection--multiple { min-height: 40px; } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-wrap-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 15px; line-height: 1.5; margin: 6px 0 0 6px; padding: 0 7px; } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-wrap-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 12px; font-size: 15px; height: 38px; line-height: 1.5; } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-wrap-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 7px; } .select2-container--bootstrap.input-lg .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-wrap-lg .select2-container--bootstrap .select2-selection--single { border-radius: 10px; font-size: 16px; height: 58px; line-height: 1.33333; padding: 15px 50px 15px 35px; } .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-wrap-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: 5px; } .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-wrap-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; margin-left: -5px; margin-left: -15px; margin-top: -2.5px; } .select2-container--bootstrap.input-lg .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-wrap-lg .select2-container--bootstrap .select2-selection--multiple { min-height: 58px; } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-wrap-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 16px; line-height: 1.33333; border-radius: 4px; margin: 14px 0 0 17.5px; padding: 0 15px; } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-wrap-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 35px; font-size: 16px; height: 56px; line-height: 1.33333; } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-wrap-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 15px; } .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single { /** 
 * Make the dropdown arrow point up while the dropdown is visible. 
 */ } .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #868686 transparent; border-width: 0 5px 5px 5px; } .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single { /** 
 * Make the dropdown arrow point up while the dropdown is visible. 
 */ } .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #868686 transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 28px; padding-right: 16px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; /* 1 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 16px; right: auto; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 8px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #F3A43D; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9d19d; border-color: #ee8d0f; } .has-warning.select2-drop-active { border-color: #ee8d0f; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #ee8d0f; } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #e50a0a; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f85d5d; border-color: #b40808; } .has-error.select2-drop-active { border-color: #b40808; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #b40808; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #84c450; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bade9c; border-color: #6ba839; } .has-success.select2-drop-active { border-color: #6ba839; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #6ba839; } .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; } .form-input.select2-hidden-accessible { position: absolute !important; width: 1px !important; } .form-inline .select2-container--bootstrap { display: inline-block; } .stepper { position: relative; display: inline-block; max-width: 70px; width: 70px; margin-bottom: 10px; } .stepper input[type="number"] { width: 100%; padding-left: 20px; padding-right: 20px; text-align: center; -moz-appearance: textfield; } .stepper input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .stepper-arrow { position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; font-size: 16px; font-family: "Material Design Icons"; cursor: pointer; color: #868686; transition: .3s all ease; } .stepper-arrow:hover { color: #434445; } .stepper-arrow.up { right: 0; text-align: left; } .stepper-arrow.up:before { content: ""; } .stepper-arrow.down { left: 0; text-align: right; } .stepper-arrow.down:before { content: ""; } .stepper.disabled .stepper-arrow { pointer-events: none; opacity: .5; } .stepper-type-2 .stepper { display: inline-block; margin-bottom: 0; width: auto; min-width: 20px; } .stepper-type-2 .stepper input[type="number"] { padding: 20px 0; text-align: center; -moz-appearance: textfield; border: none; height: 60px; font-size: 17px; } .stepper-type-2 .stepper input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .stepper-type-2 .stepper-arrow { position: absolute; left: 0; width: 100%; line-height: 20px; font-size: 16px; font-family: "Material Design Icons"; color: #bdbdbd; text-align: center; } .stepper-type-2 .stepper-arrow:hover { color: #868686; } .stepper-type-2 .stepper-arrow.up { top: 0; margin-top: 0; } .stepper-type-2 .stepper-arrow.up:before { content: ""; } .stepper-type-2 .stepper-arrow.down { top: 100%; margin-top: -15px; } .stepper-type-2 .stepper-arrow.down:before { content: ""; } /** @section Countdown */ .countdown { display: flex; align-items: center; justify-content: center; line-height: 1.2; text-align: center; margin-bottom: -15px; margin-left: -15px; } .countdown:empty { margin-bottom: 0; margin-left: 0; } .countdown > * { margin-top: 0; margin-bottom: 15px; margin-left: 15px; } @media (min-width: 768px) { .countdown { margin-bottom: -30px; margin-left: -30px; } .countdown:empty { margin-bottom: 0; margin-left: 0; } .countdown > * { margin-top: 0; margin-bottom: 30px; margin-left: 30px; } } .countdown-block { position: relative; flex: 1 1 33.33%; } @media (min-width: 576px) { .countdown-block { flex: 1 1 25%; } } .countdown-block-seconds { display: none; } @media (min-width: 576px) { .countdown-block-seconds { display: block; } } .countdown-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; } .countdown-circle { fill: transparent; } html:not(.ie-11):not(.ie-10) .countdown-circle { width: 100%; height: auto; } .countdown-circle-bg { stroke: white; stroke-width: 10px; } .countdown-circle-fg { stroke: #f2e661; stroke-width: 10px; } .countdown-counter { line-height: 1; letter-spacing: 0; } .countdown-title { font-size: 14px; line-height: 1.2; color: #fff; font-weight: 700; text-transform: capitalize; } @media (min-width: 768px) { .countdown-title { font-size: 22px; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); } } * + .countdown { margin-top: 50px; } .countdown + * { margin-top: 60px; } @media (min-width: 768px) { .countdown + * { margin-top: 80px; } } @media (min-width: 1200px) { .countdown + * { margin-top: 130px; } } .countdown-circle-bg { stroke-width: 10px; } .countdown-circle-fg { stroke-width: 10px; } .single-page-countdown { max-width: 640px; margin-right: auto; margin-left: auto; } .single-page-countdown .countdown-counter { font-size: 14px; } .rd-audio { position: relative; } .rd-audio.muted .rd-audio-volume:before { content: ""; } .rd-audio.state-playing .rd-audio-play-pause:before { content: ""; } .rd-audio-icon { font-size: 16px; color: #434445; } @media (min-width: 576px) { .rd-audio-icon { font-size: 18px; } } .rd-audio-play-pause { position: relative; font-size: 20px; } .rd-audio-play-pause.has-controls { margin: 0 5px; } .rd-audio-play-pause.has-controls:after { position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; content: ''; border-radius: 50%; border: 2px solid rgba(67, 68, 69, 0.5); transform: translate(-50%, -50%); } @media (min-width: 768px) { .rd-audio-play-pause { font-size: 24px; } .rd-audio-play-pause.has-controls { margin: 0 13px; } .rd-audio-play-pause.has-controls:after { width: 36px; height: 36px; } } .rd-audio-progress-bar { position: absolute; top: -3px; left: 0; right: 0; height: 8px; cursor: pointer; } .rd-audio-progress-bar:before { position: absolute; top: 3px; bottom: 3px; left: 0; right: 0; background: #f5f5f5; content: ''; } .rd-audio-progress-bar .current { position: absolute; left: 0; top: 3px; bottom: 3px; z-index: 0; } .rd-audio-progress-bar .current { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } @media (min-width: 576px) { .rd-audio-progress-bar { position: relative; width: 100%; top: 0; } } .rd-audio-progress-bar-wrap { width: 60%; margin: 0 5px 0 15px; } @media (min-width: 576px) { .rd-audio-progress-bar-wrap { margin: 0 17px 0 18px; position: relative; width: 100%; } } .rd-audio-controls { position: relative; z-index: 3; padding: 8px 10px; display: flex; align-items: center; justify-content: flex-start; will-change: opacity; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); background: #fff; transition: .3s all ease; } .rd-audio-controls-left { white-space: nowrap; width: 20%; } .rd-audio-controls-left:before { content: ''; display: inline-block; height: 100%; } .rd-audio-controls-left > * { display: inline-block; vertical-align: middle; } .rd-audio-controls-right { width: 10%; } @media (min-width: 576px) { .rd-audio-controls { padding: 18px 10px; } } @media (min-width: 992px) { .rd-audio-controls { padding: 18px 30px; } } .rd-audio-prev { transform: rotate(180deg); } .rd-audio-volume { margin-right: 5px; } .rd-audio-volume-bar { position: relative; cursor: pointer; height: 8px; width: 80px; } .rd-audio-volume-bar:before { content: ''; position: absolute; top: 3px; bottom: 3px; left: 0; right: 0; background: #f5f5f5; } .rd-audio-volume-bar .current { position: absolute; left: 0; top: 3px; bottom: 3px; width: 100%; z-index: 0; } .rd-audio-volume-bar .current { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } @media (min-width: 576px) { .rd-audio-volume { margin-right: 10px; } } .rd-audio-volume, .rd-audio-volume-bar { display: none; } @media (min-width: 992px) { .desktop .rd-audio-volume, .desktop .rd-audio-volume-bar { display: block; } } .rd-audio-title-wrap { position: relative; width: 100%; max-width: 100%; margin: 0 10px; overflow: hidden; font-weight: 700; font-size: 13px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; text-align: left; } @media (min-width: 576px) { .rd-audio-title-wrap { position: absolute; bottom: 100%; left: 0; width: auto; margin: 0; } } @media (min-width: 768px) { .rd-audio-title-wrap { max-width: 70%; } } .rd-audio-title-divider { display: none; } .rd-audio-title-wrap .rd-audio-title, .rd-audio-title-wrap .rd-audio-author { display: block; text-overflow: ellipsis; overflow: hidden; } @media (min-width: 576px) { .rd-audio-title-wrap .rd-audio-title, .rd-audio-title-wrap .rd-audio-author, .rd-audio-title-wrap .rd-audio-title-divider { display: inline; } } .rd-audio-time { position: absolute; top: 100%; right: 0; display: none; font-size: 13px; font-style: italic; } @media (min-width: 576px) { .rd-audio-time { display: block; } } @media (min-width: 768px) { .rd-audio-time { top: auto; bottom: 100%; } } .rd-audio-playlist-button { margin-left: 15px; } @media (min-width: 576px) { .rd-audio-playlist-button { margin-left: 20px; } } .rd-audio-playlist-wrap { position: absolute; left: 0; bottom: 100%; right: 0; display: none; margin-bottom: -5px; padding-bottom: 5px; text-align: left; box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.15); background: #fff; } .rd-audio-playlist-title { padding: 7px 18px; margin-bottom: 0; font-weight: 900; font-size: 13px; text-align: left; letter-spacing: .12em; border-bottom: 1px solid #bdbdbd; text-transform: uppercase; } .rd-audio-playlist { list-style-type: none; padding-left: 0; max-height: 170px; overflow-y: auto; } .rd-audio-playlist li { position: relative; overflow: hidden; padding: 8px 15px; font-weight: 700; font-size: 13px; line-height: 24px; text-overflow: ellipsis; cursor: pointer; white-space: nowrap; transition: .3s all ease; } .rd-audio-playlist li:before, .rd-audio-playlist li:after { content: " "; display: table; } .rd-audio-playlist li:after { clear: both; } .rd-audio-playlist li:before { font-family: 'Material Design Icons'; display: inline-block; font-weight: 400; font-size: 24px; line-height: 24px; margin-right: 10px; vertical-align: middle; content: ""; opacity: .5; } .rd-audio-playlist li.playing, .rd-audio-playlist li.paused { background: #f7f7f7; } .rd-audio-playlist li.playing:before { content: '\f4d5'; opacity: 1; } .rd-audio-playlist li:hover { background: #e5e5e5; } @media (min-width: 576px) { .rd-audio-playlist li { padding: 8px 70px 8px 18px; } } .song-duration { position: absolute; right: 18px; font-style: italic; opacity: .5; display: none; } @media (min-width: 576px) { .song-duration { display: inline-block; } } .rd-video-player { cursor: none; position: relative; } .rd-video-player > * { z-index: 1; } .rd-video-player.playlist-show video { opacity: .5; } .rd-video-player.playlist-show .rd-video-playlist { opacity: 1; visibility: visible; } .rd-video-player video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .desktop .rd-video-player video::-webkit-media-controls { display: none !important; } .desktop .rd-video-player video::-webkit-media-controls-enclosure { display: none !important; } .rd-video-player.hovered { cursor: default; } .rd-video-player.muted .rd-video-volume:before { content: ""; } .rd-video-player.state-loading .rd-video-wrap:before, .rd-video-player.state-loading .rd-video-preloader { opacity: 1; visibility: visible; } .rd-video-player.state-playing .rd-video-controls, .rd-video-player.state-playing .rd-video-top-controls { opacity: 0; visibility: hidden; } .rd-video-player.state-playing .rd-video-play-pause:before { content: ""; } .rd-video-player.hovered .rd-video-controls, .rd-video-player.hovered .rd-video-top-controls { opacity: 1; visibility: visible; } .rd-video-player.fullscreen .rd-video-fullscreen:before { content: ""; } .rd-video-player.fullscreen .rd-video-controls, .rd-video-player.fullscreen .rd-video-top-controls, .rd-video-player.fullscreen .rd-video-playlist { z-index: 2147483647; } .rd-video-title { float: left; font-size: 13px; font-weight: 700; color: #fff; } .rd-video-volume-bar { position: relative; cursor: pointer; background: #fff; } .rd-video-volume-bar .current { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .rd-video-volume-bar .current { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } .rd-video-wrap { position: relative; background: #272727; } .rd-video-wrap:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(39, 39, 39, 0.7) no-repeat; transition: .4s all ease; opacity: 0; visibility: hidden; z-index: 5; } .rd-video-fullscreen { float: right; font-size: 18px; line-height: 16px; } @media (min-width: 768px) { .rd-video-fullscreen { font-size: 20px; line-height: 15px; } } .rd-video-play-pause { position: relative; font-size: 20px; } .rd-video-play-pause.has-controls { width: 28px; height: 28px; margin: 0 5px; line-height: 24px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); } @media (min-width: 768px) { .rd-video-play-pause { font-size: 24px; } .rd-video-play-pause.has-controls { width: 36px; height: 36px; margin: 0; line-height: 32px; } } @-webkit-keyframes sprite-animation { from { background-position: 0 0; } } @keyframes sprite-animation { from { background-position: 0 0; } } .rd-video-preloader { position: absolute; width: 54px; height: 54px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/preloader.png) no-repeat center center; background-position: -648px 0; animation: 0.7s sprite-animation steps(12) infinite; opacity: 0; visibility: hidden; overflow: hidden; transition: .4s all ease; z-index: 6; } .rd-video-duration, .rd-video-current-time { font-size: 13px; font-style: italic; } .rd-video-duration, .rd-video-time-divider { display: none; } @media (min-width: 576px) { .rd-video-duration, .rd-video-time-divider { display: inline-block; } } .rd-video-time-divider { margin: 0 3px; } .rd-video-progress-bar { position: relative; width: 100%; height: 8px; margin: 0 10px 0 10px; cursor: pointer; } .rd-video-progress-bar:before { content: ''; position: absolute; top: 3px; bottom: 3px; left: 0; right: 0; background: #fff; } .rd-video-progress-bar .current { position: absolute; left: 0; top: 3px; bottom: 3px; z-index: 0; } .rd-video-progress-bar .current { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } @media (min-width: 768px) { .rd-video-progress-bar { margin: 0 17px 0 18px; } } .desktop .rd-video video::-webkit-media-controls, .desktop .rd-video video::-webkit-media-controls-enclosure { display: none !important; } .rd-video-volume-wrap { position: relative; margin-left: 16px; display: none; } .rd-video-volume-wrap.hover .rd-video-volume-bar-wrap { visibility: visible; opacity: 1; } .desktop .rd-video-volume-wrap { display: flex; flex: 0 0 auto; } .rd-video-volume-bar-wrap { opacity: 0; visibility: hidden; position: absolute; bottom: 100%; left: 0; right: 0; padding-bottom: 10px; text-align: center; } .rd-video-volume-bar-vertical { width: 4px; height: 70px; display: inline-block; } .rd-video-volume-bar-horizontal { width: 100px; height: 10px; } .rd-video-controls { width: 100%; position: absolute; left: 0; padding: 10px 10px; transition: .3s all ease; z-index: 3; display: flex; align-items: center; justify-content: space-between; bottom: 0; will-change: opacity; } .rd-video-controls { background: -moz-linear-gradient(0deg, rgba(67, 68, 69, 0.4) 0%, rgba(67, 68, 69, 0.2) 40%, transparent 100%); background: -webkit-linear-gradient(0deg, rgba(67, 68, 69, 0.4) 0%, rgba(67, 68, 69, 0.2) 40%, transparent 100%); background: -o-linear-gradient(0deg, rgba(67, 68, 69, 0.4) 0%, rgba(67, 68, 69, 0.2) 40%, transparent 100%); background: -ms-linear-gradient(0deg, rgba(67, 68, 69, 0.4) 0%, rgba(67, 68, 69, 0.2) 40%, transparent 100%); background: linear-gradient(0deg, rgba(67, 68, 69, 0.4) 0%, rgba(67, 68, 69, 0.2) 40%, transparent 100%); } .rd-video-controls a { color: #fff; } .rd-video-controls > * { flex: 0 1 auto; align-items: center; justify-content: space-between; } .rd-video-controls-buttons { flex: 0 0 auto; } .rd-video-controls > .rd-video-time { flex: 0 0 auto; color: #fff; } .rd-video-controls-buttons .rd-video-prev, .rd-video-controls-buttons .rd-video-next { position: relative; top: -2px; } .rd-video-top-controls { position: absolute; padding: 10px 10px; left: 0; right: 0; top: 0; z-index: 4; transition: 0.3s all ease; color: #fff; will-change: opacity; } .rd-video-top-controls { background: -moz-linear-gradient(0deg, transparent 0%, rgba(67, 68, 69, 0.2) 60%, rgba(67, 68, 69, 0.4) 100%); background: -webkit-linear-gradient(0deg, transparent 0%, rgba(67, 68, 69, 0.2) 60%, rgba(67, 68, 69, 0.4) 100%); background: -o-linear-gradient(0deg, transparent 0%, rgba(67, 68, 69, 0.2) 60%, rgba(67, 68, 69, 0.4) 100%); background: -ms-linear-gradient(0deg, transparent 0%, rgba(67, 68, 69, 0.2) 60%, rgba(67, 68, 69, 0.4) 100%); background: linear-gradient(0deg, transparent 0%, rgba(67, 68, 69, 0.2) 60%, rgba(67, 68, 69, 0.4) 100%); } @media (min-width: 576px) { .rd-video-top-controls { padding: 23px 30px; } } .rd-video-prev { transform: rotate(180deg); } .rd-video-preview { position: absolute; -webkit-background-size: cover; background-size: cover; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; will-change: opacity; z-index: 1; transition: .3s all ease; } .rd-video-preview.show { visibility: visible; opacity: 1; } .rd-video-playlist { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; list-style-type: none; padding-left: 0; opacity: 0; visibility: hidden; will-change: opacity; } .rd-video-playlist li { opacity: .7; transition: .3s opacity ease; will-change: opacity; } .rd-video-playlist li:hover { opacity: 1; } .rd-video-playlist li p { display: none; overflow: hidden; max-width: 100%; font-weight: 700; font-size: 13px; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #fff; } .rd-video-playlist li img { backface-visibility: hidden; width: 100%; } .rd-video-playlist li.video-active { opacity: 1; } @media (min-width: 992px) { .rd-video-playlist li { margin-top: 25px; } .rd-video-playlist li p { display: block; } } .rd-calendar { position: relative; max-width: 270px; margin-left: auto; margin-right: auto; background: #fff; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .rdc-today_month, .rdc-fullyear { display: inline-block; font-size: 24px; font-weight: 400; text-transform: uppercase; color: #fff; } .rdc-panel { position: relative; padding: 18px 30px; text-align: center; background: #23D5AE; } .rdc-next, .rdc-prev, .rdc-events_close { font: 400 16px/16px "FontAwesome"; cursor: pointer; transition: .3s all ease; opacity: .8; } .rdc-next:hover, .rdc-prev:hover, .rdc-events_close:hover { opacity: 1; } .rdc-next, .rdc-prev { position: absolute; top: 50%; transform: translateY(-50%); color: #2a93c9; } .rdc-next { right: 13px; } .rdc-next:before { content: ""; } .rdc-prev { left: 13px; } .rdc-prev:before { content: ""; } .rdc-events_close { position: absolute; top: 1px; right: 4px; font-size: 18px; line-height: 20px; } .rdc-events_close:before { content: ""; } @media (min-width: 1200px) { .rdc-events_close { top: 13px; right: 15px; } } .rdc-events { position: absolute; top: 40px; right: 15px; left: 15px; padding: 10px 20px 15px; transition: .3s; visibility: hidden; opacity: 0; transform: translateY(30px); background: #fff; border-radius: 3px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); border-top-left-radius: 0; border-top-right-radius: 0; border-top: 3px solid #2a93c9; z-index: 1; } .rdc-events > ul { list-style-type: none; padding: 0; margin: 0; } .rdc-events > ul > li + li { margin-top: 5px; } .rd-calendar.show-events .rdc-events { opacity: 1; transform: translateY(0); visibility: visible; } .rdc-event { display: none; } .rdc-event.active { display: block; } .rdc-event.active + .rdc-event.active, .rdc-event.active ~ .rdc-event.active { border-top: 1px solid #e5e5e5; padding-top: 5px; } .rdc-table { position: relative; width: 100%; } .rdc-table .rdc-table-inner { display: table; width: 100%; border-spacing: 10px; border-collapse: separate; margin-left: auto; margin-right: auto; table-layout: fixed; } .rdc-table .rdc-table-header, .rdc-table .rdc-table-row { display: table-row; } .rdc-table .rdc-table_date-outer, .rdc-table .rdc-table_day { display: table-cell; position: relative; } .rdc-table_day { padding: 0; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; color: #868686; } .rdc-month { display: inline-block; font-size: 24px; font-weight: 400; color: #fff; } .rdc-fullyear { color: #fff; } @media (min-width: 1200px) { .rdc-month, .rdc-fullyear { color: #313132; } } .rdc-table_events, .rdc-table_events-count { display: none; } .rdc-table_date { transition: .3s; position: relative; width: 24px; height: 24px; font-size: 13px; line-height: 24px; font-weight: 700; text-align: center; color: #313132; box-sizing: border-box; border-radius: 50%; z-index: 1; } .rdc-table_today { background-color: #2a93c9; color: #fff; } .rdc-table_has-events { cursor: pointer; transition: .3s all ease; } @media (min-width: 1200px) { .rdc-table_has-events:hover { background: #2a93c9 !important; border-color: #2a93c9 !important; } .rdc-table_has-events:hover .rdc-table_date, .rdc-table_has-events:hover .icon, .rdc-table_has-events:hover time { color: #fff !important; } } .rdc-table_has-events .rdc-table_date:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -2px; width: 4px; height: 4px; line-height: 4px; border-radius: 50%; background: #2a93c9; transition: 0.35s all ease; z-index: -1; } @media (prefers-reduced-motion: reduce) { .rdc-table_has-events .rdc-table_date:after { transition: none; } } .rdc-table_has-events .rdc-table_date:hover { color: #fff; } .rdc-table_has-events .rdc-table_date:hover:after { width: 100%; height: 100%; margin-left: -12px; } .rdc-table_has-events .rdc-table_date .rdc-table_today { background: #55bbeb; } .rdc-table_event { display: none; } .rdc-table_event:hover { color: #fff; background-color: #2a93c9; } .rdc-events .rdc-event-wrap { background: transparent; } .rdc-events .rdc-event-wrap .post-title h6 { color: #434445; } .rd-calendar-fullwidth .rd-calendar .rdc-panel { max-width: 370px; margin-left: auto; margin-right: auto; } .rd-calendar-fullwidth .rd-calendar .rdc-events { max-height: 90%; overflow-y: auto; } @media (min-width: 1200px) { .rd-calendar-fullwidth .rd-calendar { background: transparent; max-width: none; box-shadow: none; } .rd-calendar-fullwidth .rd-calendar .rdc-next, .rd-calendar-fullwidth .rd-calendar .rdc-prev { color: #2a93c9; } .rd-calendar-fullwidth .rd-calendar .rdc-panel { background: transparent; } .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table-inner { width: 100%; } .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer, .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table-day { border-radius: 5px; padding-bottom: 13%; background: #fff; } .rd-calendar-fullwidth .rd-calendar .rdc-table_day { color: #868686; font-family: "Asap", sans-serif; font-weight: 400; font-size: 18px; line-height: 10px; padding-left: 15px; text-align: left; } .rd-calendar-fullwidth .rd-calendar .rdc-table_today { border-radius: 50%; border: 2px solid #23D5AE; background-color: transparent; color: #434445; } .rd-calendar-fullwidth .rd-calendar .rdc-table_date { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 16px 20px; text-align: left; border: 1px solid #2a93c9; border-radius: 5px; font-size: 22px; line-height: 38px; font-weight: 700; } .rd-calendar-fullwidth .rd-calendar .rdc-table_date.rdc-table_prev, .rd-calendar-fullwidth .rd-calendar .rdc-table_date.rdc-table_next { border: none; background-color: #F1F3F9; } .rd-calendar-fullwidth .rd-calendar .rdc-table_date.rdc-table_today { border-color: #010101; } .rd-calendar-fullwidth .rd-calendar .rdc-table_events, .rd-calendar-fullwidth .rd-calendar .rdc-table_event { display: block; } .rd-calendar-fullwidth .rd-calendar .rdc-events { max-width: 320px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rd-calendar-fullwidth .rd-calendar .rdc-events_close { top: 3px; right: 5px; color: #23D5AE; } .rd-calendar-fullwidth .rd-calendar .widget-event { padding: 5px; text-align: left; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event { bottom: 10px; position: absolute; left: 15px; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event .post-title h6 { font-size: 16px; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event .post-title h6 a:hover { color: #fff; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event .icon { color: #2a93c9; display: block; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event time { color: #868686; font-size: 15px; margin-top: 5px; display: block; } } @media (min-width: 1200px) and (min-width: 1200px) { .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event time { font-size: 13px; line-height: 17px; } } @media (min-width: 1200px) and (min-width: 1600px) { .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event time { font-size: 15px; line-height: 1.4; } } @media (min-width: 1200px) { .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-table_date:after { display: none; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events:hover { box-shadow: none; } } @media (min-width: 1600px) { .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table-inner { border-spacing: 20px; } .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer { padding-bottom: 10%; } .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .widget-event { bottom: 20px; left: 8px; } } @media (min-width: 1200px) { .ie-11 .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer, .ie-10 .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer, .ie-edge .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer { height: 145px; } .ie-11 .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap, .ie-10 .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap, .ie-edge .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap { height: 146px; } } @media (min-width: 1600px) { .ie-11 .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer, .ie-10 .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer, .ie-edge .rd-calendar-fullwidth .rd-calendar .rdc-table .rdc-table_date-outer { height: 163px; } .ie-11 .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap, .ie-10 .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap, .ie-edge .rd-calendar-fullwidth .rd-calendar .rdc-table_has-events .rdc-event-wrap { height: 164px; } } .post-facebook { position: relative; padding: 20px; background: #fff; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); } .post-facebook .post-meta:before, .post-facebook .post-meta:after { content: " "; display: table; } .post-facebook .post-meta:after { clear: both; } .post-facebook .post-meta time { margin: 5px 0 8px 0; font-size: 15px; color: #868686; } .post-facebook .post-meta_profile-img { display: inline-block; border-radius: 50%; } .post-facebook .post-meta_profile-name { display: inline-block; margin: 0; } .post-facebook .post-message { text-align: left; overflow: hidden; } .post-facebook .post-message > a { color: #55bbeb; } .post-facebook .post-attachment { margin: 25px 0; position: relative; } .post-facebook .post-attachment-wrap { margin-top: 15px; } .post-facebook .post-attachment-wrap > p { margin-top: 5px; color: #868686; } .post-facebook .icon-xxs { font-size: 20px; } .post-facebook .post-comments h6 { margin-bottom: 0; } .post-facebook .post-comments .post-comment { padding: 15px 0; } .post-facebook .post-comments .post-comment .comment-message { margin-top: 10px; } @media (min-width: 1200px) { .post-facebook { padding: 24px 30px 30px 30px; } .post-facebook .post-attachment { padding-left: 20px; border-left: 1px solid #bdbdbd; } } .soundcloud-player-classic iframe { width: 100%; border: none; } .dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(25, 25, 25, 0.4); z-index: 2000; } .dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.15); position: relative; left: 50%; margin: 0 auto; } .mobille .dtp > .dtp-content { max-height: 500px; overflow-y: auto; } .dtp-header { background: #2a93c9; color: #fff; text-align: center; padding: 0.3rem; position: relative; } .dtp-date, .dtp-time { background: #4caada; text-align: center; color: #fff; padding: 10px; } .dtp-date > div { padding: 0; margin: 0; } .dtp-actual-month { font-size: 1.5em; } .dtp-actual-num, .dtp-actual-maxtime { font-size: 3em; line-height: 0.9; } .dtp-actual-year { font-size: 1.5em; color: #fff; } .dtp-picker { padding: 1rem; text-align: center; } .dtp-picker-month, .dtp-actual-time { font-weight: 500; text-align: center; } .dtp-close { position: absolute; top: 0; bottom: 0; right: 1rem; } .dtp-close > a { display: inline-block; vertical-align: middle; color: #fff; } .dtp table.dtp-picker-days { margin: 0; border: none; } .dtp table.dtp-picker-days tr { border: none; } .dtp table.dtp-picker-days tr > td { border: none; font-weight: 700; font-size: 14px; text-align: center; padding: 1rem 0.3rem; } .dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD !important; } .dtp table.dtp-picker-days tr > td > a { color: #191919; width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 24px; border-radius: 50%; transition: .3s all ease; } .dtp .dtp-picker-time > a { color: #191919; padding: 0.4rem 0.5rem 0.5rem 0.6rem; border-radius: 50% !important; } .dtp table.dtp-picker-days tr > td > a.selected { background: #2a93c9; color: #fff; } .dtp table.dtp-picker-days tr > th { color: #191919; text-align: center; font-weight: 700; padding: 0.4rem 0.3rem; border-bottom: none; } .dtp .p10, .dtp .p20, .dtp .p60, .dtp .p80 { display: inline-block; vertical-align: middle; } .dtp .p10 { width: 10%; } .dtp .p10 > a { color: #f5f5f5; transition: .3s all ease; } .dtp .p10 > a:hover { color: #fff; } .dtp .p20 { width: 20%; } .dtp .p60 { width: 60%; } .dtp .p80 { width: 80%; } .dtp-picker-month { display: none !important; } .dtp-meridien-am, .dtp-meridien-pm { position: relative; top: 10px; color: #191919; font-weight: 500; padding: 0.7rem 0.5rem; border-radius: 50% !important; text-decoration: none; background: #eee; font-size: 1rem; } .dtp-actual-meridien a.selected { background: #2a93c9; color: #fff; } .dtp-picker-time { position: absolute; width: 30px; height: 30px; font-size: 1em; border-radius: 50%; cursor: pointer; font-weight: 500; text-align: center !important; } .dtp-picker-time > a { display: block; line-height: 23px; padding: 0.3rem 0.3rem 0.3rem 0.3rem; } .dtp-picker-time > a.dtp-select-hour.selected { background: #2a93c9; color: #fff; } .dtp-picker-time > a.dtp-select-hour.disabled { color: #868686; } .dtp-picker-time > a.dtp-select-minute.disabled { color: #868686; } .dtp-picker-time > a.dtp-select-minute.selected { background: #2a93c9; color: #fff; } .dtp-picker-clock { margin: 1rem 2rem 0 2rem; padding: 1rem; border-radius: 50% !important; background: #e5e5e5; } .dtp-clock-center { width: 15px; height: 15px; background: #868686; border-radius: 50%; position: absolute; z-index: 50; } html[class*="ie"] .dtp-clock-center { display: none; } .dtp-hand, .dtp-hour-hand { position: absolute; width: 4px; margin-left: -2px; background: #868686; transform: rotate(0deg); transform-origin: bottom; z-index: 1; } html[class*="ie"] .dtp-hand, html[class*="ie"] .dtp-hour-hand { display: none; } .dtp-minute-hand { width: 2px; margin-left: -1px; } .dtp-hand.on { background: #2a93c9; } .dtp-buttons { padding: 0 1rem 1rem 1rem; text-align: right; } .dtp .invisible { visibility: hidden; } .dtp .left { float: left; } .dtp .right { float: right; } /** @section ToTop */ .ui-to-top { position: fixed; right: 15px; bottom: 15px; z-index: 100; width: 46px; height: 46px; font-size: 20px; line-height: 42px; color: #fff; background: #2a93c9; overflow: hidden; text-align: center; text-decoration: none; transition: .45s all ease-in-out; transform: translate3d(0, 100px, 0); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 50%; } .ui-to-top:hover { color: #fff; background: #23D5AE; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translate3d(0, 0, 0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } } /* 
* @subsection RD Material Tabs 
* 
* @description Describes style declarations for RD Material Tabs extension 
*/ .rd-material-tabs { -webkit-tap-highlight-color: transparent; width: 100%; position: relative; } .rd-material-tabs__list { white-space: nowrap; } .rd-material-tabs__list ul { padding-left: 0; list-style: none; } .rd-material-tabs__list .rd-material-tab { display: inline-block; } .rd-material-tabs img { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rd-material-tabs__stage-outer { position: relative; overflow: hidden; } .rd-material-tabs__stage { transition: all 0.5s cubic-bezier(0.005, 0.3, 0.2, 1); } .rd-material-tabs__stage:before, .rd-material-tabs__stage:after { content: " "; display: table; } .rd-material-tabs__stage:after { clear: both; } .rd-material-tabs__container { padding: 0 5px; margin-top: 60px; } .rd-material-tabs__container .rd-material-tab { float: left; width: 100%; } .rd-material-tabs__container .thumb { margin-top: 10px; } .rd-material-tabs-canMove { cursor: w-resize; } .rd-material-tabs-grab, .rd-material-tabs-grab a { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } .checkout-tabs .rd-material-tabs__list .rd-material-tab a { display: inline-block; font-weight: 700; font-size: 14px; padding: 10px 13px; transition: .3s all ease; border-radius: 5px; } .checkout-tabs .rd-material-tabs__list .rd-material-tab a:hover { color: #2a93c9; } @media (min-width: 768px) { .checkout-tabs .rd-material-tabs__list .rd-material-tab + .rd-material-tab { margin-left: 6px; } } .checkout-tabs .rd-material-tabs__list .rd-material-tab-active a { background: #2a93c9; color: #fff; } .checkout-tabs .rd-material-tabs__list .rd-material-tab-active a:hover { color: #fff; } .gallery-tabs { -webkit-tap-highlight-color: transparent; width: 100%; position: relative; opacity: 0; visibility: hidden; } .gallery-tabs.loaded { opacity: 1; visibility: visible; } .gallery-tabs .rd-material-tabs__list .rd-material-tab a { text-transform: uppercase; transition: .3s all ease; font-size: 14px; line-height: 20px; color: #868686; } .gallery-tabs .rd-material-tabs__list .rd-material-tab.rd-material-tab-active a, .desktop .gallery-tabs .rd-material-tabs__list .rd-material-tab a:hover { color: #fff; } @media (min-width: 992px) { .gallery-tabs .rd-material-tabs__list .rd-material-tab a { font-size: 20px; letter-spacing: 2px; font-weight: 500; text-align: center; } } .gallery-tabs .rd-material-tabs__container { margin-top: 0; padding: 0; } .gallery-tabs .rd-material-tabs__container .image { opacity: 0; transition: 0.5s opacity ease; } .gallery-tabs .rd-material-tabs__container .image.visible { opacity: 1; transition: 1s opacity ease; } .tablet .gallery-tabs, .mobile .gallery-tabs { opacity: 1; visibility: visible; } .tablet .rd-material-tabs__container .image, .mobile .rd-material-tabs__container .image { opacity: 1; } .c3 svg { padding-left: 4px; width: 100%; font: 10px sans-serif; -webkit-tap-highlight-color: transparent; } .c3 path, .c3 line { fill: none; stroke: #000; } .c3 text { fill: #9b9b9b; font-size: 12px; font-weight: 400; font-family: 'Lato', sans-serif; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: #aaa; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 2px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 2px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: .1; fill: #000; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 12px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; -webkit-box-shadow: 7px 7px 12px -9px #777777; -moz-box-shadow: 7px 7px 12px -9px #777777; box-shadow: 7px 7px 12px -9px #777777; opacity: 0.9; } .c3-tooltip tr { border: 1px solid #CCC; } .c3-tooltip th { background-color: #aaa; font-size: 14px; padding: 2px 5px; text-align: left; color: #FFF; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; color: #191919; border-left: 1px dotted #999; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; } .jqstooltip, #flotTip { color: #fff; width: auto !important; height: auto !important; padding: 2px 6px !important; background-color: rgba(0, 0, 0, 0.7) !important; border: 0 !important; border-radius: 3px; } .flot-x-axis .flot-tick-label.tickLabel { color: #AAA; } .flot-y-axis .flot-tick-label.tickLabel { color: #AAA; padding-top: 6px; padding-left: 14px; } td.legendColorBox { padding: 5px; } @media (max-width: 350px) { .recaptcha iframe { max-width: 100%; transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: -5px; -webkit-transform-origin: -5px; } } .recaptcha div div { display: inline-block; } /** 
* This element is created inside your target element 
* It is used so that your own element will not need to be altered 
**/ .time_circles { position: relative; width: 100%; height: 100%; } /** 
* This is all the elements used to house all text used 
* in time circles 
**/ .time_circles > div { position: absolute; text-align: center; font-family: "Asap", sans-serif; top: 50% !important; transform: translateY(-63%) !important; -webkit-transform: translateY(-63%) !important; } @media (min-width: 1200px) { #DateCountdown { width: 100%; } } /** 
* Titles (Days, Hours, etc) 
**/ .time_circles > div > h4 { margin: 0; padding: 0; text-align: center; font-size: 18px !important; color: #fff; font-weight: 700; font-family: "Lato", Helvetica, Arial, sans-serif; position: absolute; bottom: -80px; left: 0; right: 0; } @media (min-width: 480px) { .time_circles > div > h4 { bottom: -80px; } } @media (min-width: 768px) { .time_circles > div > h4 { bottom: -95px; font-size: 22px !important; } } @media (min-width: 992px) { .time_circles > div > h4 { bottom: -95px; } } .time_circles > div > h4 + * { margin-top: 0; } /** 
* Time numbers, ie: 12 
**/ .time_circles > div > span { display: block; font-size: 16px !important; text-align: center; font-family: "Asap", sans-serif; } @media (min-width: 768px) { .time_circles > div > span { font-size: 18px !important; } } .countdown-wrapper { margin: 0 auto; max-width: 260px; } @media (min-width: 576px) { .countdown-wrapper { max-width: 625px; } } .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header 
------------------------------------------------------------------------*/ @media (min-width: 1200px) { thead tr th:first-child { width: 200px; } } .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 0; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right, .fc-header .ui-corner-right { /* theme */ margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content 
------------------------------------------------------------------------*/ .fc-content { clear: both; zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ } .fc-view { width: 100%; overflow: hidden; } /* Cell Styles 
------------------------------------------------------------------------*/ .fc-widget-header, .fc-widget-content { /*<td>, usually */ border: 1px solid #ddd; } .fc-state-highlight { /*<td>today cell */ /* TODO: add .fc-today to<th>*/ background: #fcfcfc; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #bcccbc; opacity: .3; filter: alpha(opacity=30); /* for IE */ } /* Buttons 
------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; padding: 0 .6em; overflow: hidden; height: 1.9em; line-height: 1.9em; white-space: nowrap; cursor: pointer; } .fc-text-arrow { margin: 0 .1em; font-size: 2em; font-family: "Courier New", Courier, monospace; vertical-align: baseline; /* for IE7 */ } /* 
 button states 
 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) 
*/ .fc-state-default { background-color: #f5f5f5; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; outline: 0; } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.55; filter: alpha(opacity=65); box-shadow: none; } /* Global Event Styles 
------------------------------------------------------------------------*/ .fc-event-container > * { z-index: 8; } .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { z-index: 9; } .fc-event { color: #fff; /* default TEXT color */ cursor: default; } a.fc-event { text-decoration: none; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; height: 100%; overflow: hidden; position: absolute; font-size: 12px; line-height: 1.1; top: 0; left: 0; height: auto; text-align: left; padding: 10px 6px; } .fc-event-inner p { font-size: 10px; } @media (min-width: 1200px) { .fc-event-inner { font-size: 15px; padding: 10px 10px; line-height: 1.5; } .fc-event-inner p { font-size: 15px; } } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events 
------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View 
------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded 
 might want to set the 'color' property instead 
 making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View 
------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events 
------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .01; filter: alpha(opacity=25); } .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none \9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-widget-content { background-color: #fff; } .morning-flow { background-color: #2a93c9; } .hatha-yoga { background-color: #41909a; } .yoga-dance { background-color: #d4c759; } .ashtanga-yoga { background-color: #6ec7d2; } .kundalini-yoga { background-color: #6e9038; } .fc-agenda-slots tr:nth-child(even) td { border-bottom: 1px solid #e5e5e5; } .fc-agenda-slots tr:last-of-type td { border-bottom: 0; } @media (min-width: 768px) { .fc-agenda-slots tr:nth-child(even) td { border-bottom: 1px solid #e5e5e5; } } .fc-event { border: none; /* default BORDER color */ color: #fff; /* default TEXT color */ font-size: .85em; cursor: default; border-radius: 0; margin-bottom: 1px; will-change: transform; } @media (min-width: 768px) { .fc-event { margin-bottom: 1px; } } @media (max-width: 1199px) { .fc-event:before { position: absolute; top: 50%; left: 50%; visibility: hidden; opacity: 0; transform: translate(-50%, -50%) scale(0); content: attr(data-description); display: inline-block; padding: 5px 10px; max-width: 200px; font-size: 16px; text-align: center; border-radius: 3px; background-color: #e5e5e5; color: #191919; transition: 250ms; } } .fc-event-vert.fc-event-end { border-bottom-width: 0; } .fc-event-inner { display: flex; flex-direction: column; justify-content: center; width: 100%; overflow: hidden; text-align: left; } .fc-event-inner .fc-event-title { order: 1; font-size: 16px; line-height: 1.3; font-weight: 400; } @media (min-width: 1200px) { .fc-event-inner .fc-event-title { font-size: 24px; line-height: 1.2; } } .fc-event-inner .fc-event-time { order: 3; font-size: 24px; font-weight: 400; } .fc-event-inner .disc { order: 2; margin-top: -5px; font-size: 14px; font-weight: 600; } .fc-event-inner .teacher { order: 4; font-size: 14px; font-weight: 600; } .fc-event-inner .fc-event-time, .fc-event-inner .disc, .fc-event-inner .teacher { display: none; } @media (min-width: 1200px) { .fc-event-inner .fc-event-time, .fc-event-inner .disc, .fc-event-inner .teacher { display: block; } } /* all-day area */ .fc-agenda-allday { display: none; } .fc-agenda-slots td div { height: 30px; } @media (min-width: 1200px) { .fc-agenda-slots td div { height: 103px; } } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } @media (min-width: 1200px) { .fc-agenda .fc-agenda-axis { display: none; } } .fc-agenda-divider.fc-widget-header { display: none; } .fc-border-separate th { border-width: 0; } @media (min-width: 1200px) { .fc-border-separate th { width: 244px !important; } } .fc-border-separate td { border-width: 0 0 0 1px; } @media (min-width: 768px) { .fc-border-separate td { border-width: 0 0 0 5px; } } .fc-agenda .fc-day-content { padding: 0; } .fc-agenda-slots td { border-width: 0; } .fc-agenda table { border-collapse: collapse; } @media (max-width: 767px) { .calendar-responsive { width: 100%; overflow-y: hidden; overflow-x: scroll; } .calendar-responsive .fc { width: 768px; } } @media (max-width: 767px) { .calendar-responsive-mod-1 { width: 100%; overflow-y: hidden; overflow-x: scroll; } .calendar-responsive-mod-1 table { width: 768px; } } .fc-border-separate th.fc-last { border-right: 0; } .fc-border-separate th { padding: 0 0 26px; } .fc-agenda-gutter.fc-widget-header.fc-last { display: none !important; } .fc-header-title { background: #e5e5e5; z-index: 1; position: relative; } @media (min-width: 768px) { .fc-header-title { background: #fff; } } .fc-header-title h2 { font-size: 24px; font-weight: 400; text-transform: uppercase; } .fc-header .fc-corner-right, .fc-header .ui-corner-right { z-index: 1; margin: 0; background: #e5e5e5; padding: 0 10px; } .fc-header .fc-corner-right:active, .fc-header .ui-corner-right:active { box-shadow: none; } @media (min-width: 768px) { .fc-header .fc-corner-right, .fc-header .ui-corner-right { background: #fff; } } .fc-text-arrow { display: inline-block; font-size: 1.5em; border-radius: 50%; width: 26px; height: 26px; line-height: 23px; text-align: center; background: #e5e5e5; border: 1px solid #2a93c9; color: #2a93c9; } .fc-text-arrow:hover { background-color: #2a93c9; color: #fff; } @media (min-width: 768px) { .fc-text-arrow { background: #fff; } } .fc-button-prev:focus, .fc-button-prev:active { box-shadow: none; outline: none; border: none; } .fc-button-prev .fc-text-arrow { padding: 0 7px; } .fc-button-next .fc-text-arrow { padding: 0 3px 0 0; } .android .fc-button-prev .fc-text-arrow { padding: 0 4px; } .android .fc-button-next .fc-text-arrow { padding: 0; } #calendar { position: relative; padding: 60px 0; } table.fc-header:before, table.fc-header:after { position: absolute; top: calc(50% - 1px); content: ""; display: inline-block; width: 42%; border-top: 1px solid #e5e5e5; } table.fc-header:before { left: 0; } table.fc-header:after { right: 0; } @media (min-width: 768px) { table.fc-header { position: absolute; top: -90px; } } .nav-calendar li { padding: 10px 0; font-size: 16px; font-weight: 800; letter-spacing: 0.1em; } .nav-calendar li span { text-transform: uppercase; color: #2a93c9; cursor: pointer; transition: 250ms; } .nav-calendar li span.active { cursor: default; color: #191919; } .nav-calendar li span:hover { color: #191919; } .nav-calendar li + li { border-top: 1px solid #e5e5e5; } @media (min-width: 768px) { .nav-calendar li { display: inline-block; padding: 0; } .nav-calendar li + li { border-top: none; } .nav-calendar li + li:before { content: "|"; display: inline-block; margin: 0 19px; font-weight: 400; color: #e5e5e5; } } .nav-calendar-mod-1 li + li:before { color: #868686; } .calendar-variant-2 .bg-accent { background-color: #2a93c9; } .calendar-variant-2 .bg-java { background: #3bb994; } .calendar-variant-2 .bg-carmine { background: #B93B3B; } .calendar-variant-2 thead th { font-size: 15px; text-align: left; color: #434445; font-weight: 400; border-bottom: 1px solid #868686; padding-bottom: 5px; } .calendar-variant-2 thead th > div { padding: 12px 5px; } .calendar-variant-2 thead th:first-of-type > div { height: 42px; } @media (min-width: 1200px) { .calendar-variant-2 thead { font-size: 16px; } } .calendar-variant-2 tbody td { width: 102px; height: 100px; position: relative; border-bottom: 1px solid #e5e5e5; } .calendar-variant-2 tbody td:first-of-type { border-left: none; border-top: none; border-bottom: none; } .calendar-variant-2 tbody td div { line-height: 18px; } .calendar-variant-2 tbody tr td:first-of-type { width: 50px; vertical-align: top; padding-top: 18px; border-bottom: 1px solid #e5e5e5; font-size: 12px; } @media (min-width: 1200px) { .calendar-variant-2 tbody tr td:first-of-type { font-size: 15px; } } .calendar-variant-2 tbody tr:nth-child(odd) td:first-of-type { background-color: transparent; } @media (min-width: 768px) { .calendar-variant-2 tbody td { width: 90px; } } @media (min-width: 992px) { .calendar-variant-2 tbody td { width: 116px; } } @media (min-width: 1200px) { .calendar-variant-2 tbody tr td:first-of-type { width: 146px; } .calendar-variant-2 tbody td { height: 100px; width: 146px; } } .calendar-variant-2 .fc-event { position: absolute; top: 0; left: 0; right: 0; z-index: 2; border-radius: 0; margin-right: 6px; position: absolute; top: 0; left: 0; right: 0; z-index: 99; } .calendar-variant-2 .fc-event .fc-event-wrap { height: 100%; padding: 0 10px; } p .calendar-variant-2 .fc-event.bg-default { background: #fff; color: #191919; } .calendar-variant-2 .fc-event-title, .calendar-variant-2 .fc-event-time, .calendar-variant-2 .disc, .calendar-variant-2 .teacher { font-size: 14px; } .calendar-variant-2 .fc-event-title, .calendar-variant-2 .fc-event-time { font-weight: 800; } .calendar-variant-2 .disc, .calendar-variant-2 .teacher { font-weight: 400; } .calendar-variant-2 .disc { margin: 0; } .calendar-variant-2 .fc-event-time, .calendar-variant-2 .teacher { margin-top: 6px; } .calendar-variant-2 .bg-default.fc-event:before { display: none; } html.ie-11 .fc-event { pointer-events: none; position: static; } html.ie-11 .fc-event .fc-event-wrap { pointer-events: all; z-index: 2; height: 100%; padding: 0 10px; border-radius: 0; margin: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 99; margin-right: 6px; }