/** 2.44 Floating Groups */ .floating-group { margin-top: -5px; margin-left: -5px; } .floating-group:before, .floating-group:after { content: " "; display: table; } .floating-group:after { clear: both; } .floating-group > *, .floating-group > *:first-child { float: left; margin-top: 5px; margin-left: 5px; } /** 2.45 Pricing and Plans */ .box-pricing { text-align: left; } .box-pricing-title { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .box-pricing-title > *, .box-pricing-title:after { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; 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; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; top: -6px; left: -2px; border-bottom: 2px dotted #434345; } .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, .box-planning .pagination-classic > li > a, .box-planning .pagination-classic > li > span { margin-top: 35px; } .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; -webkit-transform: rotate(47deg); transform: rotate(47deg); } .box-planning-type-1 .box-planning-label .box-planning-svg { width: 150px; height: 150px; fill: #70A5C7; } .box-planning-type-1.active { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15); } .box-planning-type-1.active .h1 { color: #70A5C7; background: -webkit-linear-gradient(0deg, #70A5C7 0%, #84c450 100%); /* safari5.1+,chrome10+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box-planning-type-2 { max-width: 320px; } .box-planning-type-2 .box-planning-label { position: absolute; top: 25px; right: -17px; } .box-planning-type-2 .box-planning-label span { right: 10px; top: 10px; -webkit-transform: rotate(-27deg); transform: rotate(-27deg); } .box-planning-type-2 .box-planning-label .box-planning-svg { width: 75px; height: 75px; } .box-planning-type-2.active { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15); } .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-3 .pagination-classic > li > a, .box-planning-type-3 .pagination-classic > li > span, .box-planning-type-4 .btn, .box-planning-type-4 .pagination-classic > li > a, .box-planning-type-4 .pagination-classic > li > span { margin-top: 25px; } .box-planning-type-3 .btn-default, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span, .box-planning-type-4 .btn-default, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span { color: #fff; background-color: #434345; border-color: #434345; } .box-planning-type-3 .btn-default:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:focus, .box-planning-type-3 .btn-default.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.focus, .box-planning-type-3 .btn-default:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:hover, .box-planning-type-3 .btn-default:active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-3 .btn-default.active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.active, .open > .box-planning-type-3 .btn-default.dropdown-toggle, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .box-planning-type-4 .btn-default:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:focus, .box-planning-type-4 .btn-default.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.focus, .box-planning-type-4 .btn-default:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:hover, .box-planning-type-4 .btn-default:active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-4 .btn-default.active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.active, .open > .box-planning-type-4 .btn-default.dropdown-toggle, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle { color: #fff; background-color: #70A5C7; border-color: #70A5C7; } .box-planning-type-3 .btn-default:active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-3 .btn-default.active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.active, .open > .box-planning-type-3 .btn-default.dropdown-toggle, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .box-planning-type-4 .btn-default:active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-4 .btn-default.active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.active, .open > .box-planning-type-4 .btn-default.dropdown-toggle, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .box-planning-type-3 .btn-default:active:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:active:hover, .box-planning-type-3 .btn-default:active:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:active:focus, .box-planning-type-3 .btn-default:active.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span:active.focus, .box-planning-type-3 .btn-default.active:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.active:hover, .box-planning-type-3 .btn-default.active:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.active:focus, .box-planning-type-3 .btn-default.active.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.active.focus, .open > .box-planning-type-3 .btn-default.dropdown-toggle:hover, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover, .open > .box-planning-type-3 .btn-default.dropdown-toggle:focus, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus, .open > .box-planning-type-3 .btn-default.dropdown-toggle.focus, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus, .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus, .box-planning-type-4 .btn-default:active:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:active:hover, .box-planning-type-4 .btn-default:active:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:active:focus, .box-planning-type-4 .btn-default:active.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span:active.focus, .box-planning-type-4 .btn-default.active:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.active:hover, .box-planning-type-4 .btn-default.active:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.active:focus, .box-planning-type-4 .btn-default.active.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.active.focus, .open > .box-planning-type-4 .btn-default.dropdown-toggle:hover, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover, .open > .box-planning-type-4 .btn-default.dropdown-toggle:focus, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus, .open > .box-planning-type-4 .btn-default.dropdown-toggle.focus, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus, .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus { color: #fff; background-color: #70A5C7; border-color: #70A5C7; } .box-planning-type-3 .btn-default.disabled, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.disabled, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span.disabled, .box-planning-type-3 .btn-default[disabled], .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a[disabled], .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span[disabled], fieldset[disabled] .box-planning-type-3 .btn-default, fieldset[disabled] .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a, fieldset[disabled] .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span, .box-planning-type-4 .btn-default.disabled, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.disabled, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span.disabled, .box-planning-type-4 .btn-default[disabled], .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a[disabled], .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span[disabled], fieldset[disabled] .box-planning-type-4 .btn-default, fieldset[disabled] .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a, fieldset[disabled] .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span { pointer-events: none; opacity: .5; } .box-planning-type-3 .btn-default .badge, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a .badge, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > span .badge, .box-planning-type-4 .btn-default .badge, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a .badge, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > span .badge { color: #434345; background-color: #fff; } .box-planning-type-4 { max-width: 270px; } @media (min-width: 992px) { .box-planning-type-1, .box-planning-type-2 { border: none; } } /** 2.46 Tables Addons */ .table-custom { text-align: left; } .table-custom tr:nth-child(odd) { background-color: #f7f7f7; } .table-custom tr td:first-child { font-weight: 700; } .table-custom.large-only tr:first-child { border: 1px solid #bababa; background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); } .table-custom.large-only th, .table-custom.large-only td { padding: 8px 18px; } @media (min-width: 992px) { .table-custom.large-only th:nth-child(n+2), .table-custom.large-only td:nth-child(n+2) { padding-left: 56px; } } .table-custom.small-only tr:first-child { display: none; } .table-custom.small-only tr th { margin-top: 10px; text-align: center; border: 1px solid #bababa; background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); } .table-custom.small-only th, .table-custom.small-only td { padding: 6px; text-align: left; } .table { text-align: left; } .table tr td:first-child { font-weight: 700; } .table th tbody, .table td tbody { padding: 8px 18px; } @media (min-width: 992px) { .table th:nth-child(n+2), .table td:nth-child(n+2) { padding-left: 16px; } } .table-striped tbody tr { border-left: 5px solid transparent; transition: .3s all ease; } .table-striped tbody tr th, .table-striped tbody tr td { border-bottom: 1px solid #bababa; } .table-striped tbody tr:nth-of-type(odd) { background-color: transparent; } .table-striped tbody tr:first-child { background-color: transparent; } .table-striped tbody tr:first-child th { border-top: none; border-bottom: 2px solid #7a7a7a; } .table-striped tbody > tr > th, .table-striped tbody > tr > td { padding: 8px; vertical-align: middle; } .desktop .table-striped tbody tr:hover { background-color: #f6f6f6; border-color: #70A5C7; } .desktop .table-striped tbody tr:hover:first-child { background-color: transparent; border-color: transparent; } .table.table-shopping-cart > thead > tr > td { padding-top: 20px; padding-bottom: 20px; border-top-color: #f5f5f5; } .table.table-shopping-cart tr td:first-child { font-weight: 700; } .table.table-shopping-cart th tbody, .table.table-shopping-cart td tbody { padding: 8px 18px; } @media (min-width: 992px) { .table.table-shopping-cart th:nth-child(n+2), .table.table-shopping-cart td:nth-child(n+2) { padding-left: 0; } } /** 2.47 Stacktables */ .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; } } /** 2.48 Text Rotators */ .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; } /** 2.49 Jumbotron Addons */ .jumbotron { padding-right: 6%; padding-left: 6%; border-radius: 5px; } .jumbotron p { font-weight: 400; } /** 2.50 Shop Toolbar */ .toolbar-shop { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; 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 #bababa; transition: .3s all ease; } .toolbar-shop-icon span { vertical-align: middle; } .toolbar-shop-icon.active, .toolbar-shop-icon:hover { color: #70A5C7; } .toolbar-shop-sorter { display: none; white-space: nowrap; } .toolbar-shop-pager { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; 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 #bababa; } .toolbar-shop-pager .select2-selection__arrow { color: #7a7a7a; } .toolbar-shop-pager .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #434345; } .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 { -webkit-justify-content: space-between; -ms-flex-pack: justify; 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; } } /** 2.51 Shop Product */ .product { position: relative; } .product, .product:before, .product-thumbnails, .product-image-area { transition: .3s all ease; } .product .label-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: #bababa; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .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: #ffdb13; } .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: #434345; -webkit-transform: scale(0.9); transform: scale(0.9); } .product-radio-wrap .radio-inline { padding-left: 0; } @media (min-width: 480px) { .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: #434345; } .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: #bababa; } .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: #7a7a7a; } .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: 480px) { .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 #bababa; padding: 13px 30px; margin-left: 15px; } .product-list-wide .h5 { font-size: 30px; } .product-list-wide .product-btn { padding: 9px 16px; font-size: 15px; line-height: 28px; 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 { -webkit-transform: scale(1.1); 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: 480px) { .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; } /** 2.52 Badges Addons */ .badge { padding: 2px 5px; font-size: 12px; line-height: 1; } .nav-pills > li > a > .badge { margin-left: 5px; margin-bottom: 3px; } /** 2.53 Member Boxes */ .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 { -webkit-transform: translateY(40px); 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 { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .member-block-type-3 { margin-left: auto; margin-right: auto; max-width: 246px; box-shadow: 0 3px 11px 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, .member-block-type-3 .member-block-footer .pagination-classic > li > a, .member-block-type-3 .member-block-footer .pagination-classic > li > span { 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, .member-block-type-3 .btn-group .pagination-classic > li > a, .member-block-type-3 .btn-group .pagination-classic > li > span { color: #434345; background-color: #fff; border-color: #bababa; float: none; width: 33.5%; } .member-block-type-3 .btn-group .btn:focus, .member-block-type-3 .btn-group .pagination-classic > li > a:focus, .member-block-type-3 .btn-group .pagination-classic > li > span:focus, .member-block-type-3 .btn-group .btn.focus, .member-block-type-3 .btn-group .pagination-classic > li > a.focus, .member-block-type-3 .btn-group .pagination-classic > li > span.focus, .member-block-type-3 .btn-group .btn:hover, .member-block-type-3 .btn-group .pagination-classic > li > a:hover, .member-block-type-3 .btn-group .pagination-classic > li > span:hover, .member-block-type-3 .btn-group .btn:active, .member-block-type-3 .btn-group .pagination-classic > li > a:active, .member-block-type-3 .btn-group .pagination-classic > li > span:active, .member-block-type-3 .btn-group .btn.active, .member-block-type-3 .btn-group .pagination-classic > li > a.active, .member-block-type-3 .btn-group .pagination-classic > li > span.active, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle, .open > .member-block-type-3 .btn-group .pagination-classic > li > a.dropdown-toggle, .open > .member-block-type-3 .btn-group .pagination-classic > li > span.dropdown-toggle { color: #fff; background-color: #434345; border-color: #434345; } .member-block-type-3 .btn-group .btn:active, .member-block-type-3 .btn-group .pagination-classic > li > a:active, .member-block-type-3 .btn-group .pagination-classic > li > span:active, .member-block-type-3 .btn-group .btn.active, .member-block-type-3 .btn-group .pagination-classic > li > a.active, .member-block-type-3 .btn-group .pagination-classic > li > span.active, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle, .open > .member-block-type-3 .btn-group .pagination-classic > li > a.dropdown-toggle, .open > .member-block-type-3 .btn-group .pagination-classic > li > span.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); 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 .pagination-classic > li > a:active:hover, .member-block-type-3 .btn-group .pagination-classic > li > span:active:hover, .member-block-type-3 .btn-group .btn:active:focus, .member-block-type-3 .btn-group .pagination-classic > li > a:active:focus, .member-block-type-3 .btn-group .pagination-classic > li > span:active:focus, .member-block-type-3 .btn-group .btn:active.focus, .member-block-type-3 .btn-group .pagination-classic > li > a:active.focus, .member-block-type-3 .btn-group .pagination-classic > li > span:active.focus, .member-block-type-3 .btn-group .btn.active:hover, .member-block-type-3 .btn-group .pagination-classic > li > a.active:hover, .member-block-type-3 .btn-group .pagination-classic > li > span.active:hover, .member-block-type-3 .btn-group .btn.active:focus, .member-block-type-3 .btn-group .pagination-classic > li > a.active:focus, .member-block-type-3 .btn-group .pagination-classic > li > span.active:focus, .member-block-type-3 .btn-group .btn.active.focus, .member-block-type-3 .btn-group .pagination-classic > li > a.active.focus, .member-block-type-3 .btn-group .pagination-classic > li > span.active.focus, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle:hover, .open > .member-block-type-3 .btn-group .pagination-classic > li > a.dropdown-toggle:hover, .open > .member-block-type-3 .btn-group .pagination-classic > li > span.dropdown-toggle:hover, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle:focus, .open > .member-block-type-3 .btn-group .pagination-classic > li > a.dropdown-toggle:focus, .open > .member-block-type-3 .btn-group .pagination-classic > li > span.dropdown-toggle:focus, .open > .member-block-type-3 .btn-group .btn.dropdown-toggle.focus, .open > .member-block-type-3 .btn-group .pagination-classic > li > a.dropdown-toggle.focus, .open > .member-block-type-3 .btn-group .pagination-classic > li > span.dropdown-toggle.focus { color: #fff; background-color: #434345; border-color: #434345; } .member-block-type-3 .btn-group .btn.disabled, .member-block-type-3 .btn-group .pagination-classic > li > a.disabled, .member-block-type-3 .btn-group .pagination-classic > li > span.disabled, .member-block-type-3 .btn-group .btn[disabled], .member-block-type-3 .btn-group .pagination-classic > li > a[disabled], .member-block-type-3 .btn-group .pagination-classic > li > span[disabled], fieldset[disabled] .member-block-type-3 .btn-group .btn, fieldset[disabled] .member-block-type-3 .btn-group .pagination-classic > li > a, fieldset[disabled] .member-block-type-3 .btn-group .pagination-classic > li > span { pointer-events: none; opacity: .5; } .member-block-type-3 .btn-group .btn .badge, .member-block-type-3 .btn-group .pagination-classic > li > a .badge, .member-block-type-3 .btn-group .pagination-classic > li > span .badge { color: #fff; background-color: #434345; } .member-block-type-3 .btn-group .btn .icon, .member-block-type-3 .btn-group .pagination-classic > li > a .icon, .member-block-type-3 .btn-group .pagination-classic > li > span .icon { font-size: 18px; line-height: 18px; } @media (min-width: 992px) { .member-block-type-3 { margin-left: 0; } } .member-block-type-5 .member-block-body { padding: 34px 15px; } .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: 14px; } @media (min-width: 768px) { .member-block-type-5 .member-block-body .contact-info li + li { margin-top: 28px; } } @media (min-width: 992px) { .member-block-type-5 .member-block-body { padding: 34px 55px; } } /** 2.54 Context Styling */ .context-light .form-control-impressed { background: rgba(255, 255, 255, 0.6); } .context-light .form-control-impressed, .context-light .form-control-impressed:focus { box-shadow: none; } .context-light .form-label.focus { color: #434345; } .context-light .quote-outboxed .quote-body { box-shadow: 0 3px 11px 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; } .bg-deluge, .navbar-inverse, .context-dark, .swiper-slide-caption, .bg-deluge .btn-link, .navbar-inverse .btn-link, .context-dark .btn-link, .swiper-slide-caption .btn-link, .bg-deluge .form-label, .navbar-inverse .form-label, .context-dark .form-label, .swiper-slide-caption .form-label, .bg-deluge .form-label-outside.focus, .navbar-inverse .form-label-outside.focus, .context-dark .form-label-outside.focus, .swiper-slide-caption .form-label-outside.focus, .bg-deluge .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .navbar-inverse .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .context-dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .swiper-slide-caption .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .bg-deluge .select2-container--bootstrap .select2-selection, .navbar-inverse .select2-container--bootstrap .select2-selection, .context-dark .select2-container--bootstrap .select2-selection, .swiper-slide-caption .select2-container--bootstrap .select2-selection, .bg-deluge h1, .navbar-inverse h1, .context-dark h1, .swiper-slide-caption h1, .bg-deluge .h1, .navbar-inverse .h1, .context-dark .h1, .swiper-slide-caption .h1, .bg-deluge h2, .navbar-inverse h2, .context-dark h2, .swiper-slide-caption h2, .bg-deluge .h2, .navbar-inverse .h2, .context-dark .h2, .swiper-slide-caption .h2, .bg-deluge h3, .navbar-inverse h3, .context-dark h3, .swiper-slide-caption h3, .bg-deluge .h3, .navbar-inverse .h3, .context-dark .h3, .swiper-slide-caption .h3, .bg-deluge h4, .navbar-inverse h4, .context-dark h4, .swiper-slide-caption h4, .bg-deluge .h4, .navbar-inverse .h4, .context-dark .h4, .swiper-slide-caption .h4, .bg-deluge h5, .navbar-inverse h5, .context-dark h5, .swiper-slide-caption h5, .bg-deluge .h5, .navbar-inverse .h5, .context-dark .h5, .swiper-slide-caption .h5, .bg-deluge h6, .navbar-inverse h6, .context-dark h6, .swiper-slide-caption h6, .bg-deluge .h6, .navbar-inverse .h6, .context-dark .h6, .swiper-slide-caption .h6 { color: #fff; } .bg-deluge .form-label.auto-fill, .navbar-inverse .form-label.auto-fill, .context-dark .form-label.auto-fill, .swiper-slide-caption .form-label.auto-fill { color: #232323; } .bg-deluge .countdown-custom .countdown-amount, .navbar-inverse .countdown-custom .countdown-amount, .context-dark .countdown-custom .countdown-amount, .swiper-slide-caption .countdown-custom .countdown-amount, .bg-deluge .countdown-custom .countdown-period, .navbar-inverse .countdown-custom .countdown-period, .context-dark .countdown-custom .countdown-period, .swiper-slide-caption .countdown-custom .countdown-period { color: #fff; } .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li, .context-dark .responsive-tabs-dashed .resp-tabs-list > li, .swiper-slide-caption .responsive-tabs-dashed .resp-tabs-list > li { color: #f6f6f6; } .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .context-dark .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .swiper-slide-caption .responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li:hover, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li:hover, .context-dark .responsive-tabs-dashed .resp-tabs-list > li:hover, .swiper-slide-caption .responsive-tabs-dashed .resp-tabs-list > li:hover { color: #fff; } .bg-deluge .responsive-tabs-dashed .resp-tabs-list > li + li:before, .navbar-inverse .responsive-tabs-dashed .resp-tabs-list > li + li:before, .context-dark .responsive-tabs-dashed .resp-tabs-list > li + li:before, .swiper-slide-caption .responsive-tabs-dashed .resp-tabs-list > li + li:before { background: #f6f6f6; } .bg-deluge .form-group > .form-control, .navbar-inverse .form-group > .form-control, .context-dark .form-group > .form-control, .swiper-slide-caption .form-group > .form-control { color: #fff; } .bg-deluge .form-group > .form-control::-webkit-input-placeholder, .navbar-inverse .form-group > .form-control::-webkit-input-placeholder, .context-dark .form-group > .form-control::-webkit-input-placeholder, .swiper-slide-caption .form-group > .form-control::-webkit-input-placeholder { color: #fff; } .bg-deluge .form-group > .form-control::-moz-placeholder, .navbar-inverse .form-group > .form-control::-moz-placeholder, .context-dark .form-group > .form-control::-moz-placeholder, .swiper-slide-caption .form-group > .form-control::-moz-placeholder { color: #fff; } .bg-deluge .form-group > .form-control:-ms-input-placeholder, .navbar-inverse .form-group > .form-control:-ms-input-placeholder, .context-dark .form-group > .form-control:-ms-input-placeholder, .swiper-slide-caption .form-group > .form-control:-ms-input-placeholder { color: #fff; } .bg-deluge .form-group > .form-control:-moz-placeholder, .navbar-inverse .form-group > .form-control:-moz-placeholder, .context-dark .form-group > .form-control:-moz-placeholder, .swiper-slide-caption .form-group > .form-control:-moz-placeholder { color: #fff; } .bg-deluge .btn-default, .navbar-inverse .btn-default, .context-dark .btn-default, .swiper-slide-caption .btn-default, .bg-deluge .pagination-classic > li + li:not(:last-child) > a, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a, .context-dark .pagination-classic > li + li:not(:last-child) > a, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a, .bg-deluge .pagination-classic > li + li:not(:last-child) > span, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span, .context-dark .pagination-classic > li + li:not(:last-child) > span, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span { color: #fff; background-color: transparent; border-color: #fff; } .bg-deluge .btn-default:focus, .navbar-inverse .btn-default:focus, .context-dark .btn-default:focus, .swiper-slide-caption .btn-default:focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:focus, .context-dark .pagination-classic > li + li:not(:last-child) > a:focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:focus, .context-dark .pagination-classic > li + li:not(:last-child) > span:focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:focus, .bg-deluge .btn-default.focus, .navbar-inverse .btn-default.focus, .context-dark .btn-default.focus, .swiper-slide-caption .btn-default.focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.focus, .context-dark .pagination-classic > li + li:not(:last-child) > a.focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.focus, .context-dark .pagination-classic > li + li:not(:last-child) > span.focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.focus, .bg-deluge .btn-default:hover, .navbar-inverse .btn-default:hover, .context-dark .btn-default:hover, .swiper-slide-caption .btn-default:hover, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:hover, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:hover, .context-dark .pagination-classic > li + li:not(:last-child) > a:hover, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:hover, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:hover, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:hover, .context-dark .pagination-classic > li + li:not(:last-child) > span:hover, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:hover, .bg-deluge .btn-default:active, .navbar-inverse .btn-default:active, .context-dark .btn-default:active, .swiper-slide-caption .btn-default:active, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:active, .context-dark .pagination-classic > li + li:not(:last-child) > a:active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:active, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:active, .context-dark .pagination-classic > li + li:not(:last-child) > span:active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:active, .bg-deluge .btn-default.active, .navbar-inverse .btn-default.active, .context-dark .btn-default.active, .swiper-slide-caption .btn-default.active, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.active, .context-dark .pagination-classic > li + li:not(:last-child) > a.active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.active, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.active, .context-dark .pagination-classic > li + li:not(:last-child) > span.active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.active, .open > .bg-deluge .btn-default.dropdown-toggle, .open > .navbar-inverse .btn-default.dropdown-toggle, .open > .context-dark .btn-default.dropdown-toggle, .open > .swiper-slide-caption .btn-default.dropdown-toggle, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .context-dark .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .open > .context-dark .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle { color: #434345; background-color: #fff; border-color: #fff; } .bg-deluge .btn-default:active, .navbar-inverse .btn-default:active, .context-dark .btn-default:active, .swiper-slide-caption .btn-default:active, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:active, .context-dark .pagination-classic > li + li:not(:last-child) > a:active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:active, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:active, .context-dark .pagination-classic > li + li:not(:last-child) > span:active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:active, .bg-deluge .btn-default.active, .navbar-inverse .btn-default.active, .context-dark .btn-default.active, .swiper-slide-caption .btn-default.active, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.active, .context-dark .pagination-classic > li + li:not(:last-child) > a.active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.active, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.active, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.active, .context-dark .pagination-classic > li + li:not(:last-child) > span.active, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.active, .open > .bg-deluge .btn-default.dropdown-toggle, .open > .navbar-inverse .btn-default.dropdown-toggle, .open > .context-dark .btn-default.dropdown-toggle, .open > .swiper-slide-caption .btn-default.dropdown-toggle, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .context-dark .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .open > .context-dark .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .bg-deluge .btn-default:active:hover, .navbar-inverse .btn-default:active:hover, .context-dark .btn-default:active:hover, .swiper-slide-caption .btn-default:active:hover, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:active:hover, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:active:hover, .context-dark .pagination-classic > li + li:not(:last-child) > a:active:hover, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:active:hover, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:active:hover, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:active:hover, .context-dark .pagination-classic > li + li:not(:last-child) > span:active:hover, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:active:hover, .bg-deluge .btn-default:active:focus, .navbar-inverse .btn-default:active:focus, .context-dark .btn-default:active:focus, .swiper-slide-caption .btn-default:active:focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:active:focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:active:focus, .context-dark .pagination-classic > li + li:not(:last-child) > a:active:focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:active:focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:active:focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:active:focus, .context-dark .pagination-classic > li + li:not(:last-child) > span:active:focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:active:focus, .bg-deluge .btn-default:active.focus, .navbar-inverse .btn-default:active.focus, .context-dark .btn-default:active.focus, .swiper-slide-caption .btn-default:active.focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > a:active.focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a:active.focus, .context-dark .pagination-classic > li + li:not(:last-child) > a:active.focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a:active.focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > span:active.focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span:active.focus, .context-dark .pagination-classic > li + li:not(:last-child) > span:active.focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span:active.focus, .bg-deluge .btn-default.active:hover, .navbar-inverse .btn-default.active:hover, .context-dark .btn-default.active:hover, .swiper-slide-caption .btn-default.active:hover, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.active:hover, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.active:hover, .context-dark .pagination-classic > li + li:not(:last-child) > a.active:hover, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.active:hover, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.active:hover, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.active:hover, .context-dark .pagination-classic > li + li:not(:last-child) > span.active:hover, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.active:hover, .bg-deluge .btn-default.active:focus, .navbar-inverse .btn-default.active:focus, .context-dark .btn-default.active:focus, .swiper-slide-caption .btn-default.active:focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.active:focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.active:focus, .context-dark .pagination-classic > li + li:not(:last-child) > a.active:focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.active:focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.active:focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.active:focus, .context-dark .pagination-classic > li + li:not(:last-child) > span.active:focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.active:focus, .bg-deluge .btn-default.active.focus, .navbar-inverse .btn-default.active.focus, .context-dark .btn-default.active.focus, .swiper-slide-caption .btn-default.active.focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.active.focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.active.focus, .context-dark .pagination-classic > li + li:not(:last-child) > a.active.focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.active.focus, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.active.focus, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.active.focus, .context-dark .pagination-classic > li + li:not(:last-child) > span.active.focus, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.active.focus, .open > .bg-deluge .btn-default.dropdown-toggle:hover, .open > .navbar-inverse .btn-default.dropdown-toggle:hover, .open > .context-dark .btn-default.dropdown-toggle:hover, .open > .swiper-slide-caption .btn-default.dropdown-toggle:hover, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover, .open > .context-dark .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover, .open > .context-dark .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover, .open > .bg-deluge .btn-default.dropdown-toggle:focus, .open > .navbar-inverse .btn-default.dropdown-toggle:focus, .open > .context-dark .btn-default.dropdown-toggle:focus, .open > .swiper-slide-caption .btn-default.dropdown-toggle:focus, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus, .open > .context-dark .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus, .open > .context-dark .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus, .open > .bg-deluge .btn-default.dropdown-toggle.focus, .open > .navbar-inverse .btn-default.dropdown-toggle.focus, .open > .context-dark .btn-default.dropdown-toggle.focus, .open > .swiper-slide-caption .btn-default.dropdown-toggle.focus, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus, .open > .context-dark .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus, .open > .bg-deluge .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus, .open > .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus, .open > .context-dark .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus, .open > .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus { color: #434345; background-color: #fff; border-color: #fff; } .bg-deluge .btn-default.disabled, .navbar-inverse .btn-default.disabled, .context-dark .btn-default.disabled, .swiper-slide-caption .btn-default.disabled, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.disabled, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.disabled, .context-dark .pagination-classic > li + li:not(:last-child) > a.disabled, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.disabled, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.disabled, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.disabled, .context-dark .pagination-classic > li + li:not(:last-child) > span.disabled, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.disabled, .bg-deluge .btn-default[disabled], .navbar-inverse .btn-default[disabled], .context-dark .btn-default[disabled], .swiper-slide-caption .btn-default[disabled], .bg-deluge .pagination-classic > li + li:not(:last-child) > a[disabled], .navbar-inverse .pagination-classic > li + li:not(:last-child) > a[disabled], .context-dark .pagination-classic > li + li:not(:last-child) > a[disabled], .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a[disabled], .bg-deluge .pagination-classic > li + li:not(:last-child) > span[disabled], .navbar-inverse .pagination-classic > li + li:not(:last-child) > span[disabled], .context-dark .pagination-classic > li + li:not(:last-child) > span[disabled], .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span[disabled], fieldset[disabled] .bg-deluge .btn-default, fieldset[disabled] .navbar-inverse .btn-default, fieldset[disabled] .context-dark .btn-default, fieldset[disabled] .swiper-slide-caption .btn-default, fieldset[disabled] .bg-deluge .pagination-classic > li + li:not(:last-child) > a, fieldset[disabled] .navbar-inverse .pagination-classic > li + li:not(:last-child) > a, fieldset[disabled] .context-dark .pagination-classic > li + li:not(:last-child) > a, fieldset[disabled] .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a, fieldset[disabled] .bg-deluge .pagination-classic > li + li:not(:last-child) > span, fieldset[disabled] .navbar-inverse .pagination-classic > li + li:not(:last-child) > span, fieldset[disabled] .context-dark .pagination-classic > li + li:not(:last-child) > span, fieldset[disabled] .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span { pointer-events: none; opacity: .5; } .bg-deluge .btn-default .badge, .navbar-inverse .btn-default .badge, .context-dark .btn-default .badge, .swiper-slide-caption .btn-default .badge, .bg-deluge .pagination-classic > li + li:not(:last-child) > a .badge, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a .badge, .context-dark .pagination-classic > li + li:not(:last-child) > a .badge, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a .badge, .bg-deluge .pagination-classic > li + li:not(:last-child) > span .badge, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span .badge, .context-dark .pagination-classic > li + li:not(:last-child) > span .badge, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span .badge { color: transparent; background-color: #fff; } .bg-deluge .btn-default.btn-anis-effect:before, .navbar-inverse .btn-default.btn-anis-effect:before, .context-dark .btn-default.btn-anis-effect:before, .swiper-slide-caption .btn-default.btn-anis-effect:before, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:before, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:before, .context-dark .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:before, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:before, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:before, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:before, .context-dark .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:before, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:before, .bg-deluge .btn-default.btn-anis-effect:after, .navbar-inverse .btn-default.btn-anis-effect:after, .context-dark .btn-default.btn-anis-effect:after, .swiper-slide-caption .btn-default.btn-anis-effect:after, .bg-deluge .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:after, .navbar-inverse .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:after, .context-dark .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:after, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:after, .bg-deluge .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:after, .navbar-inverse .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:after, .context-dark .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:after, .swiper-slide-caption .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:after { background: #fff; } .bg-deluge .owl-carousel .owl-prev, .navbar-inverse .owl-carousel .owl-prev, .context-dark .owl-carousel .owl-prev, .swiper-slide-caption .owl-carousel .owl-prev, .bg-deluge .owl-carousel .owl-next, .navbar-inverse .owl-carousel .owl-next, .context-dark .owl-carousel .owl-next, .swiper-slide-caption .owl-carousel .owl-next { border-color: #fff; color: #fff; } .bg-deluge .counter-type-1 .divider, .navbar-inverse .counter-type-1 .divider, .context-dark .counter-type-1 .divider, .swiper-slide-caption .counter-type-1 .divider { background: #fff; } .bg-deluge .form-control-impressed, .navbar-inverse .form-control-impressed, .context-dark .form-control-impressed, .swiper-slide-caption .form-control-impressed { background: #191919; } .bg-deluge .contact-info dl dd a, .navbar-inverse .contact-info dl dd a, .context-dark .contact-info dl dd a, .swiper-slide-caption .contact-info dl dd a, .bg-deluge .contact-info dl dd a:hover, .navbar-inverse .contact-info dl dd a:hover, .context-dark .contact-info dl dd a:hover, .swiper-slide-caption .contact-info dl dd a:hover { color: #7a7a7a; } .bg-deluge .thumbnail-classic-caption, .navbar-inverse .thumbnail-classic-caption, .context-dark .thumbnail-classic-caption, .swiper-slide-caption .thumbnail-classic-caption { color: #434345; } .bg-deluge .thumbnail-classic-title, .navbar-inverse .thumbnail-classic-title, .context-dark .thumbnail-classic-title, .swiper-slide-caption .thumbnail-classic-title { color: #434345; } .bg-deluge .has-error .form-validation, .navbar-inverse .has-error .form-validation, .context-dark .has-error .form-validation, .swiper-slide-caption .has-error .form-validation { color: #fa8282; } @media (min-width: 768px) { .bg-deluge .form-label-outside.auto-fill, .navbar-inverse .form-label-outside.auto-fill, .context-dark .form-label-outside.auto-fill, .swiper-slide-caption .form-label-outside.auto-fill { color: #fff; } } .bg-gray-base .form-control-impressed { background: #111111; } /** 2.55 Page Loaders */ .page-loader-variant-1 { position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 25px; z-index: 9999999; background: #191919; transition: .3s all ease; } .page-loader-variant-1 .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 { opacity: 0; visibility: hidden; z-index: -1; } /** 2.56 Modal Dialog Window */ .modal-custom { top: 50%; z-index: 99999; min-height: 400px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .modal-custom .modal-content { border-radius: 0; box-shadow: none; } .modal-custom .modal-content .modal-header { border-bottom: none; } .modal-custom .modal-content .modal-header .close { opacity: 1; transition: .3s all ease; } .modal-custom .modal-content .modal-header .close:hover { opacity: .5; } .modal-custom .modal-content .modal-footer { border-top: none; } .modal-custom .modal-body { padding: 0px 25px 30px; } @media (min-width: 768px) { .modal-custom { min-height: 600px; } .modal-custom .modal-body { padding: 0px 60px 50px; } } @media (min-width: 1200px) { .modal-custom .modal-dialog { width: 968px; } .modal-custom .modal-body { padding: 0 90px 95px; } .modal-custom .modal-content .modal-header .close { margin-top: 10px; margin-right: 35px; } } @media (min-height: 320px) and (max-height: 480px) { .modal-custom { min-height: 250px; } } @media (min-height: 940px) { .modal-custom { bottom: auto; } } /** 3 Plugins */ /** 3.1 RD Navbar */ /* * @subsection RD Navbar Mixins * * @description Describes style declarations for RD Navbar Mixins */ .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-sidebar-fixed .rd-navbar-toggle, .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar-fixed .rd-navbar-nav li, .rd-navbar-default, .rd-navbar-floated.rd-navbar-static, .rd-navbar-top-panel.rd-navbar-static, .rd-navbar-logo-center.rd-navbar-static { transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-fixed .rd-navbar-nav li a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a { font-size: 16px; font-weight: 700; line-height: 24px; } .rd-navbar { display: none; position: relative; z-index: 99999; text-align: left; } .rd-navbar ul { list-style-type: none; margin-bottom: 0; } .rd-navbar a { transition: .3s all ease; } .rd-navbar .responsive-tabs-classic { border-bottom: none; } .rd-navbar .responsive-tabs-classic .resp-tab-content + .resp-accordion { border-top: none; } .rd-navbar-static.rd-navbar--is-stuck { position: fixed; top: 0; left: 0; right: 0; } .rd-navbar-fixed, .rd-navbar-static { display: block; } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; right: 0; top: 0; z-index: 16; } .rd-navbar-default.rd-navbar-fixed, .rd-navbar-floated.rd-navbar-fixed, .rd-navbar-top-panel.rd-navbar-fixed, .rd-navbar-logo-center.rd-navbar-fixed, .rd-navbar-default.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-panel { height: 56px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle { position: fixed; z-index: 17; top: 4px; left: 4px; display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; -moz-transform-origin: 1.71429px center; -ms-transform-origin: 1.71429px center; transform-origin: 1.71429px center; content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #fff; backface-visibility: hidden; border-radius: 0; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle.active span, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle.active span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart { position: fixed; z-index: 17; top: 4px; right: 4px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span, .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span:after { transition: .3s all ease; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart.active span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart.active span:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart.active span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart.active span:after, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart.active span:after, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-cart.active span:after, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-cart.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } @media (min-width: 480px) { .rd-navbar-default.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand { display: block; position: fixed; top: 10px; left: 50%; width: auto; } } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel { background: #191919; box-shadow: 0 1px 10px 0 rgba(67, 67, 69, 0.35); } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel { background: #fff; box-shadow: 0 1px 10px 0 rgba(67, 67, 69, 0.35); } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after { background: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart { color: #232323; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; right: 0; top: 0; z-index: 16; } .rd-navbar-sidebar-toggle.rd-navbar-fixed, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-panel { height: 56px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle { position: fixed; z-index: 17; left: 4px; top: 4px; } @media (min-width: 1200px) { .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-panel { position: static; } .rd-navbar-sidebar-toggle.rd-navbar-fixed, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-panel { height: 0; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle { background: none; border: none; outline: none; padding: 0; top: 48px; left: 40px; text-shadow: 0 0 1px #191919; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span { display: inline-block; position: relative; width: 56px; height: 56px; font-size: 30px; line-height: 56px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span:after { transition: .3s all ease; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "FontAwesome"; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-toggle.active { left: 355px; } } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel { background: #191919; box-shadow: 0 3px 11px 0 #000; } @media (max-width: 1199px) { .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; -moz-transform-origin: 1.71429px center; -ms-transform-origin: 1.71429px center; transform-origin: 1.71429px center; content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #fff; backface-visibility: hidden; border-radius: 0; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } } @media (min-width: 1200px) { .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel { background-color: transparent; box-shadow: none; } } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel { background: #fff; box-shadow: 0 3px 11px 0 #000; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle { color: #232323; } @media (max-width: 1199px) { .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #232323; background: none; border: none; outline: none; padding: 0; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; -moz-transform-origin: 1.71429px center; -ms-transform-origin: 1.71429px center; transform-origin: 1.71429px center; content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #232323; backface-visibility: hidden; border-radius: 0; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } } @media (min-width: 1200px) { .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel { background-color: transparent; box-shadow: none; } } .rd-navbar-default .rd-navbar-list-products, .rd-navbar-floated .rd-navbar-list-products, .rd-navbar-logo-center .rd-navbar-list-products { padding-left: 0; max-height: calc(100% - 120px); overflow-y: auto; padding-bottom: 10px; } .rd-navbar-default .rd-navbar-list-products li, .rd-navbar-floated .rd-navbar-list-products li, .rd-navbar-logo-center .rd-navbar-list-products li { position: relative; padding: 0 15px 15px 0; } .rd-navbar-default .rd-navbar-list-products li:before, .rd-navbar-floated .rd-navbar-list-products li:before, .rd-navbar-logo-center .rd-navbar-list-products li:before, .rd-navbar-default .rd-navbar-list-products li:after, .rd-navbar-floated .rd-navbar-list-products li:after, .rd-navbar-logo-center .rd-navbar-list-products li:after { content: " "; display: table; } .rd-navbar-default .rd-navbar-list-products li:after, .rd-navbar-floated .rd-navbar-list-products li:after, .rd-navbar-logo-center .rd-navbar-list-products li:after { clear: both; } .rd-navbar-default .rd-navbar-product-image, .rd-navbar-floated .rd-navbar-product-image, .rd-navbar-logo-center .rd-navbar-product-image { float: left; margin-right: 10px; border-radius: 3px; } .rd-navbar-default .rd-navbar-product-caption, .rd-navbar-floated .rd-navbar-product-caption, .rd-navbar-logo-center .rd-navbar-product-caption { overflow: hidden; } .rd-navbar-default .rd-navbar-product-remove, .rd-navbar-floated .rd-navbar-product-remove, .rd-navbar-logo-center .rd-navbar-product-remove { position: absolute; right: 0; top: 3px; font-size: 12px; } .rd-navbar-default .rd-navbar-product-title, .rd-navbar-floated .rd-navbar-product-title, .rd-navbar-logo-center .rd-navbar-product-title { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; } .rd-navbar-default .rd-navbar-product-price, .rd-navbar-floated .rd-navbar-product-price, .rd-navbar-logo-center .rd-navbar-product-price { font-size: 12px; margin-top: 5px; } .rd-navbar-default .rd-navbar-cart-total, .rd-navbar-floated .rd-navbar-cart-total, .rd-navbar-logo-center .rd-navbar-cart-total { position: relative; margin-top: 20px; } .rd-navbar-default .rd-navbar-cart-total-title, .rd-navbar-floated .rd-navbar-cart-total-title, .rd-navbar-logo-center .rd-navbar-cart-total-title { font-size: 14px; text-transform: uppercase; padding-right: 75px; margin-bottom: 24px; } .rd-navbar-default .rd-navbar-cart-total-price, .rd-navbar-floated .rd-navbar-cart-total-price, .rd-navbar-logo-center .rd-navbar-cart-total-price { position: absolute; top: 0; right: 0; font-size: 14px; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-product-remove, .rd-navbar-default.rd-navbar-dark .rd-navbar-product-remove, .rd-navbar-floated.rd-navbar-dark .rd-navbar-product-remove, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-product-remove { color: #7a7a7a; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-product-remove:hover, .rd-navbar-default.rd-navbar-dark .rd-navbar-product-remove:hover, .rd-navbar-floated.rd-navbar-dark .rd-navbar-product-remove:hover, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-product-remove:hover { color: #fff; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-list-products, .rd-navbar-default.rd-navbar-dark .rd-navbar-list-products, .rd-navbar-floated.rd-navbar-dark .rd-navbar-list-products, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-list-products { border-bottom: 1px solid #232323; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-product-image, .rd-navbar-default.rd-navbar-dark .rd-navbar-product-image, .rd-navbar-floated.rd-navbar-dark .rd-navbar-product-image, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-product-image { background: #f5f5f5; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-product-price, .rd-navbar-default.rd-navbar-dark .rd-navbar-product-price, .rd-navbar-floated.rd-navbar-dark .rd-navbar-product-price, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-product-price { color: #7a7a7a; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-cart-total-title, .rd-navbar-default.rd-navbar-dark .rd-navbar-cart-total-title, .rd-navbar-floated.rd-navbar-dark .rd-navbar-cart-total-title, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-cart-total-title, .rd-navbar-default.rd-navbar-transparent .rd-navbar-cart-total-price, .rd-navbar-default.rd-navbar-dark .rd-navbar-cart-total-price, .rd-navbar-floated.rd-navbar-dark .rd-navbar-cart-total-price, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-cart-total-price, .rd-navbar-default.rd-navbar-transparent .rd-navbar-product-title, .rd-navbar-default.rd-navbar-dark .rd-navbar-product-title, .rd-navbar-floated.rd-navbar-dark .rd-navbar-product-title, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-product-title { color: #fff; } .rd-navbar-default.rd-navbar-transparent .rd-navbar-cart-dropdown, .rd-navbar-default.rd-navbar-dark .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-dark .rd-navbar-cart-dropdown, .rd-navbar-logo-center.rd-navbar-dark .rd-navbar-cart-dropdown { background: #151515; } .rd-navbar-default.rd-navbar-light .rd-navbar-product-remove, .rd-navbar-floated.rd-navbar-light .rd-navbar-product-remove, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-product-remove { color: #7a7a7a; } .rd-navbar-default.rd-navbar-light .rd-navbar-product-remove:hover, .rd-navbar-floated.rd-navbar-light .rd-navbar-product-remove:hover, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-product-remove:hover { color: #232323; } .rd-navbar-default.rd-navbar-light .rd-navbar-list-products, .rd-navbar-floated.rd-navbar-light .rd-navbar-list-products, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-list-products { border-bottom: 1px solid #f5f5f5; } .rd-navbar-default.rd-navbar-light .rd-navbar-product-image, .rd-navbar-floated.rd-navbar-light .rd-navbar-product-image, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-product-image { background: #f5f5f5; } .rd-navbar-default.rd-navbar-light .rd-navbar-product-price, .rd-navbar-floated.rd-navbar-light .rd-navbar-product-price, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-product-price { color: #7a7a7a; } .rd-navbar-default.rd-navbar-light .rd-navbar-cart-total-title, .rd-navbar-floated.rd-navbar-light .rd-navbar-cart-total-title, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-cart-total-title, .rd-navbar-default.rd-navbar-light .rd-navbar-cart-total-price, .rd-navbar-floated.rd-navbar-light .rd-navbar-cart-total-price, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-cart-total-price, .rd-navbar-default.rd-navbar-light .rd-navbar-product-title, .rd-navbar-floated.rd-navbar-light .rd-navbar-product-title, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-product-title { color: #232323; } .rd-navbar-default.rd-navbar-light .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-light .rd-navbar-cart-dropdown, .rd-navbar-logo-center.rd-navbar-light .rd-navbar-cart-dropdown { background: #fff; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; top: 0; left: 0; width: 280px; bottom: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); z-index: 15; -webkit-transform: translateX(-105%); transform: translateX(-105%); padding: 56px 10px 0; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav-wrap.active, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-scroll, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-mobile-scroll, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-mobile-scroll, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-mobile-scroll, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-mobile-scroll { max-height: 100%; overflow-y: auto; overflow-x: hidden; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-brand, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-mobile-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-mobile-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-mobile-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-mobile-brand { display: block; text-align: center; margin-top: 30px; } .rd-navbar-default.rd-navbar-fixed .form-search-wrap, .rd-navbar-sidebar-toggle.rd-navbar-fixed .form-search-wrap, .rd-navbar-floated.rd-navbar-fixed .form-search-wrap, .rd-navbar-top-panel.rd-navbar-fixed .form-search-wrap, .rd-navbar-logo-center.rd-navbar-fixed .form-search-wrap { margin-top: 30px; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap { color: #fff; background: #191919; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav-wrap { color: #191919; background: #fff; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar-fixed .rd-navbar-nav, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav { padding: 0; margin-top: 30px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav > li:last-child, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav > li:last-child, .rd-navbar-sidebar-fixed .rd-navbar-nav > li:last-child, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav > li:last-child, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav > li:last-child, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav > li:last-child { margin-bottom: 10px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-sidebar-fixed .rd-navbar-nav li, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li { float: none; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li + li, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li + li, .rd-navbar-sidebar-fixed .rd-navbar-nav li + li, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li + li, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li + li, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li + li { margin-top: 5px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-fixed .rd-navbar-nav li a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li a { cursor: pointer; display: block; padding: 8px 30px 8px 15px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a span, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li a span, .rd-navbar-sidebar-fixed .rd-navbar-nav li a span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li a span, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li a span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li a span { vertical-align: middle; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-label, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-label, .rd-navbar-sidebar-fixed .rd-navbar-nav li .rd-navbar-label, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-label, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-label, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-label { margin-left: 5px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-icon, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-icon, .rd-navbar-sidebar-fixed .rd-navbar-nav li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-icon { margin-right: 5px; vertical-align: middle; font-size: 20px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before, .rd-navbar-sidebar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before { content: ""; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li .resp-tab-active > .resp-arrow:before, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li .resp-tab-active > .resp-arrow:before, .rd-navbar-sidebar-fixed .rd-navbar-nav li .resp-tab-active > .resp-arrow:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li .resp-tab-active > .resp-arrow:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li .resp-tab-active > .resp-arrow:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li .resp-tab-active > .resp-arrow:before { content: ""; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar-fixed .rd-navbar-submenu, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow { cursor: pointer; position: absolute; top: 0; right: 0; width: 35px; font-size: 24px; line-height: 40px; font-family: "Material Design Icons"; transition: .3s all ease; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-submenu-toggle:before, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-submenu-toggle:before, .rd-navbar-sidebar-fixed .rd-navbar-submenu-toggle:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-submenu-toggle:before, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-submenu-toggle:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-submenu-toggle:before, .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow:before, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow:before, .rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion .resp-arrow:before, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow:before, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow:before, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow:before { content: ""; display: block; vertical-align: middle; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-sidebar-fixed .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu, .rd-navbar-sidebar-fixed .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu { display: none; padding: 5px 0; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-sidebar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu > li > a { padding-left: 25px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li > a { padding-left: 35px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-dropdown > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu > li .rd-navbar-dropdown > li .rd-navbar-dropdown > li > a { padding-left: 45px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu .responsive-tabs .resp-accordion, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu .responsive-tabs .resp-accordion, .rd-navbar-sidebar-fixed .rd-navbar-megamenu .responsive-tabs .resp-accordion, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu .responsive-tabs .resp-accordion, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu .responsive-tabs .resp-accordion, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu .responsive-tabs .resp-accordion { padding-left: 25px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content ul > li > a, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content ul > li > a, .rd-navbar-sidebar-fixed .rd-navbar-megamenu .resp-tab-content ul > li > a, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content ul > li > a, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content ul > li > a, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content ul > li > a { padding-left: 35px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content, .rd-navbar-sidebar-fixed .rd-navbar-megamenu .resp-tab-content, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-megamenu .resp-tab-content { padding: 0 10px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-sidebar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-tabs-list, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-tabs-list, .rd-navbar-sidebar-fixed .responsive-tabs .resp-tabs-list, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-tabs-list, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-tabs-list, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-tabs-list { display: none; } .rd-navbar-default.rd-navbar-fixed .responsive-tabs ul, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs ul, .rd-navbar-sidebar-fixed .responsive-tabs ul, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs ul, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs ul, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs ul { padding: 0; } .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion { padding: 10px 30px 10px 15px; line-height: 20px; margin-bottom: 5px; } .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion { cursor: pointer; display: block; } .rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion span, .rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion span, .rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion span, .rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion span, .rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion span, .rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion span { margin-right: 5px; vertical-align: middle; font-size: 20px; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li:hover > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > a { background: #232323; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow { color: #434345; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover { background: #232323 !important; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li.opened > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li.active > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > a { background: #232323; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-megamenu > li > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-megamenu > li > a { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-submenu-toggle { color: #434345; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li a, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion { color: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li:hover > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > a { color: #fff; background: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion .resp-arrow { color: #434345; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover { background: #232323 !important; color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion.resp-tab-active .resp-arrow, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li .responsive-tabs .resp-accordion:hover .resp-arrow { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li.opened > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li.active > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > a { color: #fff; background: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-dropdown > li > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-megamenu > li > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu > li > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu > li > a { color: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown li > a > .rd-navbar-icon, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown li > a > .rd-navbar-icon, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-dropdown li > a > .rd-navbar-icon, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown li > a > .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown li > a > .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-dropdown li > a > .rd-navbar-icon, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu li > a > .rd-navbar-icon, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu li > a > .rd-navbar-icon, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-megamenu li > a > .rd-navbar-icon, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu li > a > .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu li > a > .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-megamenu li > a > .rd-navbar-icon { color: #bababa; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-submenu-toggle, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-submenu-toggle { color: #7a7a7a; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart-dropdown { position: fixed; top: 0; right: 0; width: 280px; bottom: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); z-index: 15; -webkit-transform: translateX(105%); transform: translateX(105%); padding: 70px 15px 0; max-height: 100%; overflow-y: auto; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart-dropdown.active, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-cart-dropdown.active, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart-dropdown.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-cart-dropdown.active, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-cart-dropdown.active, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-cart-dropdown.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-cart-dropdown { color: #fff; background: #191919; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-cart-dropdown { color: #232323; background: #fff; } .rd-navbar-default.rd-navbar-fixed .form-search-input, .rd-navbar-sidebar-toggle.rd-navbar-fixed .form-search-input, .rd-navbar-floated.rd-navbar-fixed .form-search-input, .rd-navbar-logo-center .form-search-input { border: none; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-logo-center.rd-navbar-dark .form-search-wrap .form-group .form-label, .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-logo-center.rd-navbar-dark .form-search-wrap .form-group .form-lable.focus { color: #7a7a7a; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .form-search-submit, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .form-search-submit, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .form-search-submit, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .form-search-submit, .rd-navbar-logo-center.rd-navbar-dark .form-search-submit { color: #434345; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .form-search-input, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .form-search-input, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .form-search-input, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .form-search-input, .rd-navbar-logo-center.rd-navbar-dark .form-search-input { color: #fff; background: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .form-search-wrap .form-group .form-label, .rd-navbar-logo-center.rd-navbar-light .form-search-wrap .form-group .form-label, .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .form-search-wrap .form-group .form-lable.focus, .rd-navbar-logo-center.rd-navbar-light .form-search-wrap .form-group .form-lable.focus { color: #7a7a7a; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .form-search-submit, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .form-search-submit, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .form-search-submit, .rd-navbar-logo-center.rd-navbar-light .form-search-submit { color: #434345; } .rd-navbar-default.rd-navbar-light.rd-navbar-fixed .form-search-input, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .form-search-input, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .form-search-input, .rd-navbar-logo-center.rd-navbar-light .form-search-input { color: #232323; background: #f7f7f7; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav:before, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav:before, .rd-navbar-default.rd-navbar-static .rd-navbar-nav:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav:after { content: " "; display: table; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav:after { clear: both; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li { float: left; position: relative; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a { position: relative; display: inline-block; vertical-align: middle; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 2px; margin-top: 4px; background: #70A5C7; transition: .3s all ease; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a > .rd-navbar-label, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a > .rd-navbar-label, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a > .rd-navbar-label { position: absolute; margin: -10px 0 0 -15px; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.active > a:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li.active > a:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li.active > a:after, .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.focus > a:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li.focus > a:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li.focus > a:after, .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:hover:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a:hover:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a:hover:after { left: 0; width: 100%; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu { position: static; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li + li { margin-left: 57px; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu { opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-nav > li a { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-nav > li a { color: #232323; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown { position: absolute; top: 100%; left: 0; z-index: 1; width: 250px; padding: 0; visibility: hidden; transition: .3s all ease; text-align: left; opacity: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-top: 1px solid #70A5C7; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown { left: 100%; top: -1px; margin: 0; z-index: 2; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown .rd-navbar-dropdown .rd-navbar-dropdown { z-index: 3; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown.rd-navbar-open-left .rd-navbar-dropdown { right: 100%; left: auto; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown.rd-navbar-open-left { right: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu { right: 20px; left: 20px; padding: 15px; max-width: 1900px; margin-left: auto; width: auto; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown { margin-top: 49px; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li { position: relative; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li > a { display: block; padding: 8px 30px 8px 20px; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li > a > span, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li > a > span, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li > a > span, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li > a > span, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li > a > span, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li > a > span, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li > a > span, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li > a > span { vertical-align: middle; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-label, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-label, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-label, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-label, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-label, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-label, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-label, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-label { margin-left: 5px; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon { margin-right: 10px; font-size: 18px; line-height: 24px; vertical-align: middle; } .rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after { cursor: pointer; position: absolute; top: 50%; right: 13px; font-size: 22px; font-family: "Material Design Icons"; line-height: 34px; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: .3s all ease; } .rd-navbar-default.rd-navbar-static .responsive-tabs .resp-tabs-list, .rd-navbar-floated.rd-navbar-static .responsive-tabs .resp-tabs-list, .rd-navbar-top-panel.rd-navbar-static .responsive-tabs .resp-tabs-list, .rd-navbar-logo-center.rd-navbar-static .responsive-tabs .resp-tabs-list { text-align: left; padding-left: 20px; position: relative; } .rd-navbar-default.rd-navbar-static .responsive-tabs .resp-tabs-list:before, .rd-navbar-floated.rd-navbar-static .responsive-tabs .resp-tabs-list:before, .rd-navbar-top-panel.rd-navbar-static .responsive-tabs .resp-tabs-list:before, .rd-navbar-logo-center.rd-navbar-static .responsive-tabs .resp-tabs-list:before { content: ''; position: absolute; left: -15px; right: -15px; top: 100%; border-bottom: 1px solid transparent; } .rd-navbar-default.rd-navbar-static .responsive-tabs .resp-tabs-list li:before, .rd-navbar-floated.rd-navbar-static .responsive-tabs .resp-tabs-list li:before, .rd-navbar-top-panel.rd-navbar-static .responsive-tabs .resp-tabs-list li:before, .rd-navbar-logo-center.rd-navbar-static .responsive-tabs .resp-tabs-list li:before { display: none; } .rd-navbar-default.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-floated.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-top-panel.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-logo-center.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-floated.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-top-panel.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-logo-center.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:before { color: #42B574; background-image: -webkit-linear-gradient(0deg, #70A5C7 0%, #84c450 100%); } .rd-navbar-default.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-floated.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-top-panel.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-logo-center.rd-navbar-static .responsive-tabs .resp-tabs-list li.resp-tab-active:hover { color: #70A5C7; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu { background: #151515; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after { color: #434345; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li > a { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon { color: #7a7a7a; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover > a { color: #fff; background: #232323; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu li:hover:after { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before { border-color: #232323; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li { color: #7a7a7a; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before { color: #70A5C7; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover { color: #70A5C7; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu { background: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li.rd-navbar--has-dropdown:after, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li.rd-navbar--has-dropdown:after { color: #434345; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li > a { color: #434345; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li .rd-navbar-icon, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li .rd-navbar-icon { color: #bababa; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover > a, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover > a, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover > a { color: #fff; background: #191919; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover:after, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover:after, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover:after { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list:before, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list:before { border-color: #bababa; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li { color: #7a7a7a; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:before { color: #70A5C7; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li.resp-tab-active:hover { color: #70A5C7; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu .responsive-tabs .resp-tabs-list li:hover { color: #232323; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart span, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span { display: inline-block; position: relative; width: 24px; height: 24px; font-size: 22px; line-height: 24px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart span, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span, .rd-navbar-default.rd-navbar-static .rd-navbar-cart span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span:before, .rd-navbar-default.rd-navbar-static .rd-navbar-cart span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span:after { transition: .3s all ease; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span:before, .rd-navbar-default.rd-navbar-static .rd-navbar-cart span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart.active span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-default.rd-navbar-static .rd-navbar-cart.active span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown { position: absolute; top: 100%; left: auto; right: 0; width: 240px; padding: 13px 15px 15px; text-align: left; border-top: 1px solid #70A5C7; opacity: 0; visibility: hidden; transition: .3s all ease; z-index: 1; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown.active, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown.active { opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-navbar-search, .rd-navbar-floated.rd-navbar-static .rd-navbar-search { display: inline-block; } .rd-navbar-default.rd-navbar-static .rd-navbar-search.active .rd-navbar-search-form, .rd-navbar-floated.rd-navbar-static .rd-navbar-search.active .rd-navbar-search-form { opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-form, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; z-index: 2; bottom: 0; transition: .3s all ease; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-form .form-group, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .form-group, .rd-navbar-default.rd-navbar-static .rd-navbar-search-form input, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form input { height: 100%; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-form .form-label, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .form-label { left: 0; top: 50%; padding-left: 85px; font-size: 26px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-form .form-label.focus, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .form-label.focus { left: 16px; font-size: 18px; top: 25px; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-form .rd-navbar-search-form-input, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .rd-navbar-search-form-input { height: 100%; font-size: 26px; padding: 0px 13% 0px 85px; border: none; text-transform: uppercase; font-weight: 900; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle { margin-left: 25px; position: relative; z-index: 3; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span:before, .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span:after { transition: .3s all ease; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span:before, .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle.active span:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle.active span:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-navbar-inner.active .rd-navbar-nav-wrap, .rd-navbar-floated.rd-navbar-static .rd-navbar-inner.active .rd-navbar-nav-wrap, .rd-navbar-default.rd-navbar-static .rd-navbar-inner.active .rd-navbar-cart-wrap, .rd-navbar-floated.rd-navbar-static .rd-navbar-inner.active .rd-navbar-cart-wrap { opacity: 0; visibility: hidden; } .rd-navbar--is-stuck.rd-navbar-default.rd-navbar-static .rd-navbar-search-form .form-label.focus, .rd-navbar--is-stuck.rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .form-label.focus { top: 9px; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-search-form, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-search-form .form-label, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form .form-label, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form .form-label { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-search-form .form-label.focus, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form .form-label.focus, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form .form-label.focus { color: #7a7a7a; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form-input { color: #fff; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-search-form, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-search-form { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-search-form .form-label, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-search-form .form-label { color: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-search-form .form-label.focus, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-search-form .form-label.focus { color: #7a7a7a; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-search-form-input { color: #232323; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer { padding: 0 2px; margin: 50px 0 50px; text-align: center; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer .list-inline { margin: 15px -2px 0; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer .list-inline > li { padding-left: 2px; padding-right: 2px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer .list-inline + p { margin-top: 25px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer dl { margin-bottom: 15px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer dt, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer dd { display: inline-block; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer dt span, .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer dd span { font-size: 24px; vertical-align: middle; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-footer dt { margin-right: 10px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-address { text-align: left; display: inline-block; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-footer dl a:hover { color: #55bbeb; } .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-footer dt span, .rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-footer dd span { color: #55bbeb; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-footer p { color: #bababa; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-footer dl a { color: #232323; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-footer dl a:hover { color: #55bbeb; } .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-footer dt span, .rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-footer dd span { color: #55bbeb; } .rd-navbar-sidebar-fixed .rd-navbar-panel { position: fixed; top: 0; right: 0; left: 0; z-index: 16; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #434345; background: none; border: none; outline: none; padding: 0; } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span, .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span:after { transition: .3s all ease; } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-sidebar-fixed .rd-navbar-search-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-sidebar-fixed .rd-navbar-toggle { position: fixed; z-index: 17; left: 0; top: 0; } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed .rd-navbar-panel { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 64px; height: 100vh; padding: 0; } .rd-navbar-sidebar-fixed .rd-navbar-toggle { position: static; padding: 0; margin-top: 8px; background: none; border: none; outline: none; } .rd-navbar-sidebar-fixed .rd-navbar-search { padding-bottom: 8px; } .rd-navbar-sidebar-fixed .rd-navbar-brand { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-panel { background: #191919; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span:before, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; -moz-transform-origin: 1.71429px center; -ms-transform-origin: 1.71429px center; transform-origin: 1.71429px center; content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span:after, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span:before, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #fff; backface-visibility: hidden; border-radius: 0; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-panel { background: #fff; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #434345; background: none; border: none; outline: none; padding: 0; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span:before, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; -moz-transform-origin: 1.71429px center; -ms-transform-origin: 1.71429px center; transform-origin: 1.71429px center; content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span:after, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span:before, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #434345; backface-visibility: hidden; border-radius: 0; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap { position: fixed; top: 0; left: 0; width: 280px; bottom: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); z-index: 15; -webkit-transform: translateX(-105%); transform: translateX(-105%); padding: 56px 10px 0; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-sidebar-fixed .rd-navbar-nav { text-align: left; } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100vh; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: 1.3s all ease; -o-transition: 1.3s all ease; transition: 1.3s all ease; -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active { opacity: 1; visibility: visible; -webkit-transition: 0.35s all ease; -o-transition: 0.35s all ease; transition: 0.35s all ease; } .rd-navbar-sidebar-fixed .rd-navbar-title { opacity: 0; -webkit-transform: translateY(30px) scale(0.8); transform: translateY(30px) scale(0.8); -webkit-transition: 0.35s all ease; -o-transition: 0.35s all ease; transition: 0.35s all ease; } .rd-navbar-sidebar-fixed .rd-navbar-nav { text-align: center; } .rd-navbar-sidebar-fixed .rd-navbar-nav li { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0; } .rd-navbar-sidebar-fixed .rd-navbar-nav li a { padding: 0; font-size: 28px; line-height: 28px; font-weight: 400; text-transform: capitalize; } .rd-navbar-sidebar-fixed .rd-navbar-nav li + li { margin-top: 20px; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-title { transition-delay: 0.1s; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(1) { transition-delay: 0.34286s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(2) { transition-delay: 0.48571s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(3) { transition-delay: 0.62857s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(4) { transition-delay: 0.77143s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(5) { transition-delay: 0.91429s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(6) { transition-delay: 1.05714s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(7) { transition-delay: 1.2s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(8) { transition-delay: 1.34286s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(9) { transition-delay: 1.48571s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(10) { transition-delay: 1.62857s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(11) { transition-delay: 1.77143s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(12) { transition-delay: 1.91429s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(13) { transition-delay: 2.05714s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(14) { transition-delay: 2.2s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(15) { transition-delay: 2.34286s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(16) { transition-delay: 2.48571s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(17) { transition-delay: 2.62857s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(18) { transition-delay: 2.77143s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li:nth-child(19) { transition-delay: 2.91429s; } .rd-navbar-sidebar-fixed .rd-navbar-nav-wrap.active .rd-navbar-nav li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav-wrap { color: #fff; background: #191919; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li.active a, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav li:hover a { background: transparent; color: #55bbeb; } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-nav-wrap { background: rgba(25, 25, 25, 0.9); } } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav-wrap { color: #191919; background: #fff; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li.active a, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li:hover a { background: transparent; color: #55bbeb; } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav-wrap { background: rgba(255, 255, 255, 0.95); } } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search { z-index: 10; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search.active .form-search { opacity: 1; visibility: visible; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search { position: fixed; top: 3px; left: 56px; right: 56px; z-index: 9999999; opacity: 0; visibility: hidden; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search .form-search-submit { display: none; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search .form-search-input { padding-right: 15px; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .input-group { width: 100%; } @media (max-width: 1200px) { .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .input-group-addon { display: none; } } .rd-navbar-sidebar-fixed .rd-search-results-live { display: none; } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search { position: fixed; left: 32px; top: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; -webkit-transition: 1.2s all ease; -o-transition: 1.2s all ease; transition: 1.2s all ease; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .shell { width: 90%; position: relative; top: 10%; } } @media (min-width: 1200px) and (min-height: 650px) { .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .shell { top: 15%; } } @media (min-width: 1200px) and (min-height: 750px) { .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .shell { top: 20%; } } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search.active { -webkit-transition: 0.35s all ease; -o-transition: 0.35s all ease; transition: 0.35s all ease; opacity: 1; visibility: visible; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search { position: static; width: 100%; background: transparent; border-bottom: 1px solid transparent; font-size: 56px; font-weight: 700; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search .form-search-input { border: none; font-size: 56px; height: 90px; padding-left: 0; box-shadow: none; background: transparent; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search .form-label { left: 0; top: 50%; font-size: 56px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .form-search .form-label.focus { left: 0; font-size: 18px; top: 0; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .input-group-addon { padding: 9px 0; border-color: transparent; background-color: transparent; opacity: 0; transition: .1s all ease; } .rd-navbar-sidebar-fixed .rd-navbar-sidebar-fixed-search .input-group-addon.loading { opacity: 1; } .rd-navbar-sidebar-fixed .rd-search-results-live { display: block; width: 100%; } .rd-navbar-sidebar-fixed .rd-search-results-live #search-results { position: absolute; top: 100%; left: 0; right: 0; } .rd-navbar-sidebar-fixed .rd-search-results-live #search-results.active .search_list li { top: 0; opacity: 1; } .rd-navbar-sidebar-fixed .rd-search-results-live #search-results.active .search-quick-result { top: 0; opacity: 1; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_error { margin-top: 30px; } .rd-navbar-sidebar-fixed .rd-search-results-live .search-quick-result { font-size: 17px; text-transform: uppercase; letter-spacing: 0.12em; position: relative; top: 30px; opacity: 0; transition: all .2s ease; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list { padding-left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li { list-style-type: none; padding-left: 0; margin: 0; width: 50%; padding-right: 15px; position: relative; top: 30px; opacity: 0; transition: all .25s ease; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li:nth-child(1) { transition-delay: .1s; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li:nth-child(2) { transition-delay: .25s; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li:nth-child(3) { transition-delay: .4s; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li:nth-child(4) { transition-delay: .55s; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li:nth-child(5) { transition-delay: .7s; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li:nth-child(2n) { padding-left: 15px; padding-right: 0; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_list li.search_all { width: 100%; text-align: right; margin-top: 66px; } .rd-navbar-sidebar-fixed .rd-search-results-live .search_submit { font-size: 14px; text-transform: uppercase; padding: 15px; border-radius: 3px; } .rd-navbar-sidebar-fixed .search-fullscreen-results-item { margin-top: 50px; } .rd-navbar-sidebar-fixed .search-fullscreen-results-item-title { margin-bottom: 0; } .rd-navbar-sidebar-fixed .search-fullscreen-results-item-tags { text-transform: uppercase; letter-spacing: 0.12em; font-size: 14px; margin-top: 10px; } .rd-navbar-sidebar-fixed .search-fullscreen-results-item-date { margin-top: 5px; } } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search { color: #fff; background: rgba(25, 25, 25, 0.9); } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search { background: #191919; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-label { color: #fff; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search-input { color: #fff; background: #191919; border: none; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search-input, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search-input:focus { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search { background: transparent; border-bottom-color: #434345; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search .input-group-addon .icon { color: #232323; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search-input { background-color: transparent; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search-input, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .form-search-input:focus { box-shadow: none; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-quick-result { color: #55bbeb; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit { color: #fff; background-color: #55bbeb; border-color: #55bbeb; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:focus, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.focus, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:hover, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active, .open > .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle { color: #fff; background-color: #70A5C7; border-color: #70A5C7; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active, .open > .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active:hover, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active:focus, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active.focus, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active:hover, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active:focus, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active.focus, .open > .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle:hover, .open > .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle:focus, .open > .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle.focus { color: #fff; background-color: #70A5C7; border-color: #70A5C7; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.disabled, .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit[disabled], fieldset[disabled] .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit { pointer-events: none; opacity: .5; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit .badge { color: #55bbeb; background-color: #fff; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-fullscreen-results-item-title { color: #fff; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-fullscreen-results-item-tags { color: #7a7a7a; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-fullscreen-results-item-date { color: #7a7a7a; } } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search { color: #191919; background: rgba(255, 255, 255, 0.95); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search { background: #434345; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search-input { background: #f7f7f7; border: none; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search-input, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search-input:focus { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } @media (min-width: 1200px) { .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search { background: transparent; border-bottom-color: #434345; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search .input-group-addon .icon { color: #bababa; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search-input { background-color: transparent; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search-input, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .form-search-input:focus { box-shadow: none; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-quick-result { color: #55bbeb; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit { color: #fff; background-color: #70A5C7; border-color: #70A5C7; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:focus, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.focus, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:hover, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active, .open > .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle { color: #fff; background-color: #55bbeb; border-color: #55bbeb; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active, .open > .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active:hover, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active:focus, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit:active.focus, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active:hover, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active:focus, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.active.focus, .open > .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle:hover, .open > .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle:focus, .open > .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.dropdown-toggle.focus { color: #fff; background-color: #55bbeb; border-color: #55bbeb; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit.disabled, .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit[disabled], fieldset[disabled] .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit { pointer-events: none; opacity: .5; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search_submit .badge { color: #70A5C7; background-color: #fff; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-fullscreen-results-item-tags { color: #7a7a7a; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-sidebar-fixed-search .rd-search-results-live .search-fullscreen-results-item-date { color: #7a7a7a; } } .rd-navbar-static.rd-navbar-top-panel .right-side { float: right; } .rd-navbar-static.rd-navbar-top-panel .left-side { float: left; } .rd-navbar-static.rd-navbar-top-panel .rd-navbar-top-panel { border-bottom: 1px solid transparent; } .rd-navbar-static.rd-navbar-top-panel .rd-navbar-top-links > li { display: inline-block; } .rd-navbar-static.rd-navbar-top-panel .rd-navbar-top-links > li + li { margin-left: 36px; } .rd-navbar-static.rd-navbar-top-panel .contact-info > span + span { margin-left: 70px; } .rd-navbar-static.rd-navbar-top-panel .rd-navbar-top-panel-toggle { display: none; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle { position: fixed; z-index: 17; top: 4px; right: 4px; background: none; border: none; outline: none; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #232323; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span, .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span:before, .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span:after { transition: .3s all ease; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span:before, .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle:focus, .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel-toggle:active { outline: none; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel { position: fixed; right: 4px; top: 50px; width: 250px; padding: 20px; z-index: 17; overflow: hidden; transition: box-shadow .3s ease; opacity: 0; visibility: hidden; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel > * { opacity: 0; visibility: hidden; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel:before { content: ''; position: absolute; top: -22%; right: -22%; width: 0; height: 0; transition: all .3s ease; border-radius: 50%; z-index: -1; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel.active { opacity: 1; visibility: visible; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel.active > * { opacity: 1; visibility: visible; transition: opacity .3s ease .2s; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-panel.active:before { height: 150%; width: 150%; } .rd-navbar-fixed.rd-navbar-top-panel .rd-navbar-top-links { margin-bottom: 10px; } .rd-navbar-fixed.rd-navbar-top-panel .contact-info > span { display: block; margin-bottom: 5px; } .rd-navbar-fixed.rd-navbar-top-panel .contact-info span + span { margin: 0; } .rd-navbar-top-panel .contact-info .icon { font-size: 20px; margin-right: 11px; line-height: 1; vertical-align: middle; } .rd-navbar-static.rd-navbar-top-panel.rd-navbar-dark .rd-navbar-top-panel { border-bottom-color: #434345; } .rd-navbar-fixed.rd-navbar-top-panel.rd-navbar-dark .rd-navbar-top-panel:before { background: #191919; } .rd-navbar-fixed.rd-navbar-top-panel.rd-navbar-dark .rd-navbar-top-panel-toggle span { color: #fff; } .rd-navbar-top-panel.rd-navbar-dark .rd-navbar-top-links a { color: #7a7a7a; } .rd-navbar-top-panel.rd-navbar-dark .rd-navbar-top-links a:hover { color: #70A5C7; } .rd-navbar-top-panel.rd-navbar-dark .contact-info { color: #f6f6f6; } .rd-navbar-top-panel.rd-navbar-dark .contact-info .icon { color: #7a7a7a; } .rd-navbar-static.rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-panel { border-bottom-color: #bababa; } .rd-navbar-fixed.rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-panel:before { background: #fff; } .rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-links a { color: #7a7a7a; } .rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-links a:hover { color: #70A5C7; } .rd-navbar-top-panel.rd-navbar-light .contact-info { color: #232323; } .rd-navbar-top-panel.rd-navbar-light .contact-info .icon { color: #7a7a7a; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav { padding-left: 0; list-style: none; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li { display: inline-block; position: relative; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a { position: relative; display: inline-block; vertical-align: middle; letter-spacing: 0.06em; padding: 5px 11px 5px; z-index: 0; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .3s ease; z-index: -1; border-radius: 5px; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li.active > a:after { opacity: 1; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li.rd-navbar--has-megamenu { position: static; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li + li { margin-left: 25px; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav li.cart { vertical-align: middle; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav li.cart .icon { font-size: 20px; line-height: 1; margin-right: 5px; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav li.cart .cart-text { display: none; } .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav li.focus > .rd-navbar-megamenu { opacity: 1; visibility: visible; } .rd-navbar-fixed.rd-navbar-logo-center .rd-navbar-nav > li.cart > a > .icon { display: none; } .rd-navbar-fixed.rd-navbar-logo-center .rd-navbar-nav > li.cart .cart-text { display: inline-block; } .rd-navbar-fixed.rd-navbar-logo-center .rd-navbar-nav > li.cart .cart-count { border-radius: 50%; margin-left: 10px; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; } .rd-navbar-fixed.rd-navbar-logo-center .rd-navbar-nav > li.cart .rd-navbar-submenu-toggle, .rd-navbar-fixed.rd-navbar-logo-center .rd-navbar-nav > li.cart .rd-navbar-dropdown, .rd-navbar-fixed.rd-navbar-logo-center .rd-navbar-nav > li.cart .rd-navbar-megamenu { display: none; } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-dark .rd-navbar-nav > li a { color: #fff; } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-dark .rd-navbar-nav > li a:after { background: -moz-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: -o-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: linear-gradient(90deg, #70A5C7 0%, #84c450 100%); } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-dark .rd-navbar-nav > li.focus > a, .rd-navbar-static.rd-navbar-logo-center.rd-navbar-dark .rd-navbar-nav > li > a:hover { color: #70A5C7; } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-dark .rd-navbar-nav > li.active > a { color: #fff; } .rd-navbar-fixed.rd-navbar-logo-center.rd-navbar-dark .rd-navbar-nav > li.cart .cart-count { background: #84c450; color: #fff; } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-light .rd-navbar-nav > li > a { color: #232323; } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-light .rd-navbar-nav > li > a:after { background: -moz-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: -o-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #70A5C7 0%, #84c450 100%); background: linear-gradient(90deg, #70A5C7 0%, #84c450 100%); } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-light .rd-navbar-nav > li.focus > a, .rd-navbar-static.rd-navbar-logo-center.rd-navbar-light .rd-navbar-nav > li > a:hover { color: #70A5C7; } .rd-navbar-static.rd-navbar-logo-center.rd-navbar-light .rd-navbar-nav > li.active > a { color: #fff; } .rd-navbar-fixed.rd-navbar-logo-center.rd-navbar-light .rd-navbar-nav > li.cart .cart-count { background: #84c450; color: #fff; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-brand { display: none; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search { display: none; } @media (min-width: 480px) { .rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-brand { display: none; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-brand { display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .rd-navbar-default .form-control { background: transparent; } .rd-navbar-default.rd-navbar-static .rd-navbar-mobile-brand { display: none; } .rd-navbar-default.rd-navbar-static .rd-navbar-brand { float: left; } .rd-navbar-default.rd-navbar-static .rd-navbar-brand img { vertical-align: baseline; } .rd-navbar-default.rd-navbar-static .rd-navbar-brand-slogan { vertical-align: baseline; font-size: 18px; margin-left: 7px; } .rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap { float: right; } .rd-navbar-default.rd-navbar-static .rd-navbar-panel .rd-navbar-toggle, .rd-navbar-default.rd-navbar-static .form-search-wrap { display: none; } .rd-navbar-default.rd-navbar-static .rd-navbar-inner { transition: .3s all ease; padding: 40px 85px 20px 85px; position: relative; text-align: left; } .rd-navbar-default.rd-navbar-static .rd-navbar-inner:before, .rd-navbar-default.rd-navbar-static .rd-navbar-inner:after { content: " "; display: table; } .rd-navbar-default.rd-navbar-static .rd-navbar-inner:after { clear: both; } .rd-navbar-default.rd-navbar-static .rd-navbar-inner.active .rd-navbar-panel { opacity: 0; visibility: hidden; } @media (min-width: 1200px) { .rd-navbar-default.rd-navbar-static .rd-navbar-inner { padding: 40px 25px 20px 25px; } } @media (min-width: 1400px) { .rd-navbar-default.rd-navbar-static .rd-navbar-inner { padding: 40px 85px 20px 85px; } } .rd-navbar-default.rd-navbar-static .rd-navbar-megamenu { margin-top: 23px; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-default.rd-navbar-static .rd-navbar-panel, .rd-navbar-default.rd-navbar-static .rd-navbar-cart-wrap { transition: .3s all ease; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap { margin-top: 6px; display: inline-block; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap:before, .rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap:after { content: " "; display: table; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap:after { clear: both; } .rd-navbar-default.rd-navbar-static .rd-navbar-cart-wrap { display: inline-block; position: relative; margin-left: 20px; } .rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-default.rd-navbar-static .rd-navbar-cart { margin-top: 5px; } .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck { box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown { margin-top: 26px; } .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner { padding-top: 20px; padding-bottom: 20px; } .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-megamenu { margin-top: 0; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-search-form { bottom: -23px; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-inner, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-inner { padding: 40px 85px 43px 85px; } .rd-navbar-default.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-default.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner { padding-top: 20px; padding-bottom: 20px; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-megamenu { margin-top: 0; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-cart, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-cart { color: #fff; } .rd-navbar-default.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-default.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck { background: #191919; } .rd-navbar-default.rd-navbar-dark { background: #191919; } .rd-navbar-default.rd-navbar-light { background: #fff; } .rd-navbar-default.rd-navbar-light .rd-navbar-search-toggle span, .rd-navbar-default.rd-navbar-light .rd-navbar-cart span { color: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-cart { color: #232323; } .rd-navbar-default.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck { background: #fff; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav-wrap { height: 100%; overflow: auto; bottom: auto; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-mobile-scroll-holder { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-mobile-scroll { min-height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav { -ms-flex: 2 1 auto; -webkit-flex: 2 1 auto; flex: 2 1 auto; } @media (min-width: 1200px) { .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav-wrap { width: 315px; padding: 0; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-mobile-brand { margin-top: 45px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .form-search-wrap { margin-top: 50px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-mobile-scroll { padding: 0 30px; overflow-y: hidden; max-height: inherit; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav { margin-top: 20px; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-megamenu { padding-left: 0; } .rd-navbar-sidebar-toggle.rd-navbar-fixed .resp-tab-item { display: none; } } .rd-navbar-sidebar-toggle.rd-navbar-light .rd-navbar-search-toggle span, .rd-navbar-sidebar-toggle.rd-navbar-light .rd-navbar-cart span { color: #232323; } @media (min-width: 1200px) { body.body-inset-left { padding-left: 64px; } } .rd-navbar-sidebar-fixed { display: block; z-index: auto; } .rd-navbar-sidebar-fixed.rd-navbar-dark .rd-navbar-search-toggle span { color: #fff; } .rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-search-toggle span { color: #434345; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle { position: fixed; z-index: 17; top: 4px; right: 0; background: none; border: none; outline: none; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #fff; background: none; border: none; outline: none; padding: 0; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span:after { transition: .3s all ease; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span:before, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle:focus, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons-toggle:active { outline: none; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons { position: fixed; right: 4px; top: 55px; width: 250px; padding: 20px; z-index: 17; overflow: hidden; transition: box-shadow .3s ease; opacity: 0; visibility: hidden; text-align: center; background: #191919; color: #fff; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.group a { margin: 0; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.group a + div { display: block; margin-top: 10px; margin-left: 0; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.group div + a { margin-top: 5px; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons > * { opacity: 0; visibility: hidden; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons:before { content: ''; position: absolute; top: -22%; right: -22%; width: 0; height: 0; transition: all .3s ease; border-radius: 50%; z-index: -1; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.active { opacity: 1; visibility: visible; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.active > * { opacity: 1; visibility: visible; transition: opacity .3s ease .2s; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.active:before { height: 150%; width: 150%; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand { display: none; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-search { display: none; } @media (min-width: 480px) { .rd-navbar-floated.rd-navbar-fixed .rd-navbar-mobile-brand { display: none; } .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand { display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .rd-navbar-floated .rd-navbar-right-buttons .btn, .rd-navbar-floated .rd-navbar-right-buttons .pagination-classic > li > a, .rd-navbar-floated .rd-navbar-right-buttons .pagination-classic > li > span { text-transform: none; } .rd-navbar-floated .rd-navbar-right-buttons .btn-primary { background: transparent; border-color: transparent; box-shadow: none; } .rd-navbar-floated .rd-navbar-right-buttons .btn-primary:focus, .rd-navbar-floated .rd-navbar-right-buttons .btn-primary:hover { color: #fff; background: #70A5C7; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-floated .rd-navbar-right-buttons a + div { margin-left: 10px; } .rd-navbar-floated.rd-navbar-static { margin-top: 30px; } .rd-navbar-floated.rd-navbar-static .rd-navbar-mobile-brand { display: none; } .rd-navbar-floated.rd-navbar-static .rd-navbar-right-buttons { margin-left: 40px; } @media (min-width: 1800px) { .rd-navbar-floated.rd-navbar-static .rd-navbar-right-buttons { margin-left: 50px; } } .rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown { margin-top: 29px; } .rd-navbar-floated.rd-navbar-static .rd-navbar-brand { float: left; } .rd-navbar-floated.rd-navbar-static .rd-navbar-menu-wrap { float: right; } .rd-navbar-floated.rd-navbar-static .rd-navbar-panel .rd-navbar-toggle, .rd-navbar-floated.rd-navbar-static .rd-navbar-panel .rd-navbar-right-buttons-toggle, .rd-navbar-floated.rd-navbar-static .form-search-wrap { display: none; } .rd-navbar-floated.rd-navbar-static .rd-navbar-inner { transition: .3s all ease; position: relative; text-align: left; padding: 23px 25px; border-radius: 3px; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-floated.rd-navbar-static .rd-navbar-inner:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-inner:after { content: " "; display: table; } .rd-navbar-floated.rd-navbar-static .rd-navbar-inner:after { clear: both; } .rd-navbar-floated.rd-navbar-static .rd-navbar-inner.active .rd-navbar-panel { opacity: 0; visibility: hidden; } @media (min-width: 1800px) { .rd-navbar-floated.rd-navbar-static .rd-navbar-inner { padding: 23px 0; } } .rd-navbar-floated.rd-navbar-static .rd-navbar-megamenu { left: 0; right: 0; } .rd-navbar-floated.rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-floated.rd-navbar-static .rd-navbar-panel, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-wrap { transition: .3s all ease; } .rd-navbar-floated.rd-navbar-static .rd-navbar-nav-wrap { margin-top: 6px; display: inline-block; } .rd-navbar-floated.rd-navbar-static .rd-navbar-nav-wrap:before, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav-wrap:after { content: " "; display: table; } .rd-navbar-floated.rd-navbar-static .rd-navbar-nav-wrap:after { clear: both; } .rd-navbar-floated.rd-navbar-static .rd-navbar-cart-wrap { display: inline-block; position: relative; margin-left: 20px; } .rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-floated.rd-navbar-static .rd-navbar-cart { margin-top: 5px; } .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .form-label { padding-left: 40px; } .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .form-label.focus { left: 16px; top: 12px; } .rd-navbar-floated.rd-navbar-static .rd-navbar-search-form .rd-navbar-search-form-input { padding-left: 40px; } .rd-navbar-floated.rd-navbar-static.rd-navbar--is-stuck { box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); margin-top: 0; width: 100%; padding: 0; } .rd-navbar-floated.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner { padding: 17px 40px; } .rd-navbar-floated.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown { margin-top: 26px; } .rd-navbar-floated.rd-navbar-dark .rd-navbar-inner { background: #191919; } .rd-navbar-floated.rd-navbar-dark.rd-navbar-dark-transparent .rd-navbar-inner { background: transparent; box-shadow: none; } .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-floated.rd-navbar-dark.rd-navbar-static .rd-navbar-cart { color: #fff; } .rd-navbar-floated.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck { background: #191919; } .rd-navbar-floated.rd-navbar-light .rd-navbar-inner { background: #fff; } .rd-navbar-floated.rd-navbar-light .rd-navbar-search-toggle span, .rd-navbar-floated.rd-navbar-light .rd-navbar-cart span { color: #232323; } .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-cart { color: #232323; } .rd-navbar-floated.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck { background: #fff; } .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand { display: none; } .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-search { display: none; } @media (min-width: 480px) { .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-mobile-brand { display: none; } .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand { display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-mobile-brand { display: none; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown { margin-top: 39px; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-top-panel { padding-bottom: 10px; margin-bottom: 39px; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-top-panel:before, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-top-panel:after { content: " "; display: table; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-top-panel:after { clear: both; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-brand { float: left; margin-left: 15px; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-menu-wrap { float: right; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-panel .rd-navbar-toggle { display: none; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-inner { transition: .3s all ease; position: relative; text-align: left; padding: 14px 0 33px; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-inner:before, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-inner:after { content: " "; display: table; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-inner:after { clear: both; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-inner.active .rd-navbar-panel { opacity: 0; visibility: hidden; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-megamenu { left: 0; right: 0; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-wrap { transition: .3s all ease; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav-wrap { margin-top: 6px; display: inline-block; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav-wrap:before, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav-wrap:after { content: " "; display: table; } .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav-wrap:after { clear: both; } @media (min-width: 1200px) and (max-width: 1230px) { .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li:last-child > a > .rd-navbar-label { margin-left: -30px; } } .rd-navbar-top-panel.rd-navbar-static.rd-navbar--is-stuck { margin-top: 0; width: 100%; padding: 0; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-top-panel.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner { padding-bottom: 19px; } .rd-navbar-top-panel.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel { display: none; } .rd-navbar-top-panel.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown { margin-top: 26px; } .rd-navbar-top-panel.rd-navbar-dark { background: #191919; } .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck { background: #191919; } .rd-navbar-top-panel.rd-navbar-light { background: #fff; } .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck { background: #fff; } .rd-navbar-logo-center .rd-navbar-dropdown li > a.rd-navbar-product-remove { display: inline-block; padding: 0; line-height: 12px; color: #7a7a7a; } .rd-navbar-logo-center .rd-navbar-dropdown li > a.rd-navbar-product-remove:hover { color: #fff; background: none; } .rd-navbar-logo-center .rd-navbar-dropdown li .rd-navbar-product-title a { padding: 0; } .rd-navbar-logo-center .rd-navbar-dropdown li .rd-navbar-product-title a:hover { color: #70A5C7; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand { display: none; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav > li.cart .rd-navbar-dropdown { padding-top: 15px; } .rd-navbar-logo-center.rd-navbar-fixed .form-search-wrap { display: none; position: fixed; left: 56px; right: 56px; z-index: 17; top: 6px; margin-top: 0; } .rd-navbar-logo-center.rd-navbar-fixed .form-search-wrap .form-search-input { height: 44px; } .rd-navbar-logo-center.rd-navbar-fixed .form-search-wrap.active { display: block; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; z-index: 17; top: 4px; right: 4px; background: none; border: none; outline: none; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #232323; background: none; border: none; outline: none; padding: 0; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span:after { transition: .3s all ease; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle:focus, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-search-toggle:active { outline: none; } @media (min-width: 480px) { .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-mobile-brand { display: none; } .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand { display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 17; } } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-mobile-brand { display: none; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu { margin-top: 10px; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-top-block { padding: 35px 0; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-search-toggle { display: none; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-menu-wrap { padding: 10px 0; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-panel .rd-navbar-toggle { display: none; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-inner { transition: .3s all ease; position: relative; text-align: left; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-inner:before, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-inner:after { content: " "; display: table; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-inner:after { clear: both; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-inner.active .rd-navbar-panel { opacity: 0; visibility: hidden; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-nav-wrap { text-align: center; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-nav-wrap { position: relative; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-megamenu { left: 0; right: 0; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown { padding: 13px 15px 15px; } .rd-navbar-logo-center.rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-wrap { transition: .3s all ease; } .rd-navbar-logo-center.rd-navbar-static.rd-navbar--is-stuck { margin-top: 0; width: 100%; padding: 0; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-logo-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-block { display: none; } .rd-navbar-logo-center.rd-navbar-dark { background: #191919; } .rd-navbar-logo-center.rd-navbar-dark .cart .rd-navbar-dropdown li > a.rd-navbar-product-remove { color: #7a7a7a; } .rd-navbar-logo-center.rd-navbar-dark .cart .rd-navbar-dropdown li:hover > a.rd-navbar-product-remove { background: none; color: #7a7a7a; } .rd-navbar-logo-center.rd-navbar-dark .cart .rd-navbar-dropdown li:hover > a.rd-navbar-product-remove:hover { color: #fff; background: none; } .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-search-toggle span { color: #fff; } .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-menu-wrap { background: #232323; } .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-top-block p { color: #7a7a7a; } .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static .rd-navbar-top-block p span { color: #434345; } .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck { background: #191919; } .rd-navbar-logo-center.rd-navbar-light { background: #fff; } .rd-navbar-logo-center.rd-navbar-light .cart .rd-navbar-dropdown li > a.rd-navbar-product-remove { color: #7a7a7a; } .rd-navbar-logo-center.rd-navbar-light .cart .rd-navbar-dropdown li:hover > a.rd-navbar-product-remove { background: none; color: #7a7a7a; } .rd-navbar-logo-center.rd-navbar-light .cart .rd-navbar-dropdown li:hover > a.rd-navbar-product-remove:hover { color: #191919; background: none; } .rd-navbar-logo-center.rd-navbar-light .cart .rd-navbar-dropdown .btn, .rd-navbar-logo-center.rd-navbar-light .cart .rd-navbar-dropdown .pagination-classic > li > a, .rd-navbar-logo-center.rd-navbar-light .cart .rd-navbar-dropdown .pagination-classic > li > span { color: #fff; } .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-menu-wrap { background: #f5f5f5; } .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-top-block p { color: #434345; } .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-top-block p span { color: #bababa; } .rd-navbar-logo-center.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck { background: #fff; } /** 3.2 RD Twitterfeed */ .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; } /** 3.3 RD Instafeed */ .instafeed-item { position: relative; border: 5px solid #fff; transition: .3s all ease; } .instafeed-item:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(25, 25, 25, 0.6); opacity: 0; transition: .3s opacity ease; } .instafeed-item img { width: 100%; transition: .3s all ease; } .instafeed .instafeed-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); display: inline-block; width: 100%; opacity: 0; transition: .3s all ease; color: #fff; } .instafeed .instafeed-wrapper .instafeed-likes, .instafeed .instafeed-wrapper .instafeed-comment, .instafeed .instafeed-wrapper .instafeed-icon-item, .instafeed .instafeed-wrapper .instafeed-likes .instafeed-likes-count, .instafeed .instafeed-wrapper .instafeed-comment .instafeed-comment-count { display: inline-block; } .instafeed .instafeed-wrapper .instafeed-likes + .instafeed-comment { margin-left: 20px; } .instafeed .instafeed-wrapper .instafeed-likes + .instafeed-comment + .instafeed-icon-item { margin-left: 20px; } .instafeed-item:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .instafeed-item:hover:before { opacity: 1; } .instafeed-item:hover .instafeed-wrapper { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .mobile .instafeed-item:before, .tablet .instafeed-item:before { opacity: 1; } .mobile .instafeed .instafeed-wrapper, .tablet .instafeed .instafeed-wrapper { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } /** 3.4 RD Search */ .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: #7a7a7a; } .result-item > * { color: #434345; } .result-item p { font-size: 15px; } .result-item + .result-item { margin-top: 41px; } @media (min-width: 768px) { .result-item { padding-left: 40px; } } .search_title { color: #191919; } .match { font-size: 15px; text-transform: uppercase; letter-spacing: 0.12em; color: #55bbeb; } .match em { font-style: normal; } .search { background: #abcc37; } /** 3.5 RD Video */ .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: #70A5C7; 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; } /** 3.6 RD Parallax */ .rd-parallax-inner { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); z-index: 1; clip: rect(0, auto, auto, 0); } .rd-parallax-layer[data-type="media"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; pointer-events: none; } .rd-parallax-layer[data-type="media"] iframe { width: 100%; height: 100%; } .rd-parallax-layer[data-url] { -webkit-background-size: cover; background-size: cover; background-position: center center; } .rd-parallax .rd-parallax-layer[data-type="media"] + * { position: relative; } /** 3.7 RD Flickrfeed */ .widget-flickrfeed .flickr-item { max-width: 82px; } /** 3.8 Swiper Slider */ .swiper-container { height: 91vh; margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .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:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(25, 25, 25, 0.2); transition: 1.2s; transition-delay: 0.6s; z-index: 1; } .swiper-slide .rd-video.rd-video-bg { height: 100%; z-index: auto; } .swiper-slide .swiper-caption { position: relative; z-index: 9; } .swiper-slide-active:after { background: rgba(25, 25, 25, 0.6); } .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 { -webkit-transform: scale(1.4); transform: scale(1.4); background: #fff; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { margin-left: 8px; display: inline-block; width: 8px; height: 8px; line-height: 8px; border-radius: 50%; background: #fff; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #FFF; } .swiper-pagination-bullet-active { background: #70A5C7; } .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%; } .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 5px; } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-slide { height: 100%; 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; margin-left: -4px; } .swiper-slide-caption h4 { margin-bottom: 0; } @media (min-width: 480px) { .swiper-slide-caption { padding: 0 15px; } } @media (min-width: 1200px) { .swiper-slide-caption { padding: 0 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, .swiper-slide .pagination-classic > li > a, .swiper-slide .pagination-classic > li > span { font-size: 15px; } .swiper-slide .btn.btn-lg, .swiper-slide .btn-group-lg > .btn, .swiper-slide .pagination-classic > li.btn-group-lg > a, .swiper-slide .pagination-classic > li.btn-group-lg > span, .swiper-slide .pagination-classic > li > a.btn-lg, .swiper-slide .pagination-classic > li > span.btn-lg { padding: 10px 20px; } .swiper-slide .btn.btn-lg.btn-icon .icon, .swiper-slide .btn-group-lg > .btn.btn-icon .icon, .swiper-slide .pagination-classic > li.btn-group-lg > a.btn-icon .icon, .swiper-slide .pagination-classic > li.btn-group-lg > span.btn-icon .icon, .swiper-slide .pagination-classic > li > a.btn-lg.btn-icon .icon, .swiper-slide .pagination-classic > li > span.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%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .swiper-button:before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-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; -webkit-transform: translateX(-125%); 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'; -webkit-transform: translateX(125%); 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: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; 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; -webkit-transform: scale(0.3); 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; } .desktop .swiper-button { display: none; } .desktop .swiper-button:hover { width: 200px; } .desktop .swiper-button:hover:after { width: 200px; transition-delay: 0s; } .desktop .swiper-button:hover .preview { pointer-events: auto; } .desktop .swiper-button:hover .preview:after { opacity: 1; transition-delay: 0.2s; -webkit-transform: translateX(0%); transform: translateX(0%); } .desktop .swiper-button:hover .preview__img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-background-size: cover; background-size: cover; float: left; } .desktop .swiper-button:hover .preview__img:first-child { transition-delay: 0.3s; } .desktop .swiper-button:hover .preview__img:nth-child(2) { transition-delay: 0.35s; } .desktop .swiper-button:hover .preview__img:nth-child(3) { transition-delay: 0.4s; } @media (min-width: 1200px) { .desktop .swiper-button { display: block; } .desktop .swiper-pagination { 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), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } /* 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: #70A5C7; 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); } } /** 3.9 Animate */ .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; } /** 3.10 Scroll To */ .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; } } /** 3.11 Count To */ .counter { margin-bottom: 0; } /** 3.12 Owl Carousel */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-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 .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { 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 { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .owl-carousel-classic .owl-prev, .owl-carousel-classic .owl-prev:before { left: 0; } .owl-carousel-classic .owl-next { -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } .owl-carousel-classic .owl-next, .owl-carousel-classic .owl-next:before { right: 0; } .owl-carousel-classic .owl-next:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .owl-carousel-classic:hover .owl-prev, .owl-carousel-classic:hover .owl-next { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .owl-carousel-classic .owl-dots { margin-left: -8px; line-height: 8px; text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-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: #434345; } .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; font-size: 36px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #7a7a7a; opacity: 1; } .owl-carousel-default .owl-prev:hover, .owl-carousel-default .owl-next:hover { opacity: .5; } .owl-carousel-default .owl-dots { margin-top: 30px; margin-left: -8px; line-height: 8px; text-align: center; } .owl-carousel-default .owl-dot { margin-left: 8px; display: inline-block; width: 8px; height: 8px; line-height: 8px; border-radius: 50%; background: #434345; } .owl-carousel-default .owl-dot.active { background: #ffdb13; } .owl-carousel-default .owl-next { right: 20px; } .owl-carousel-default .owl-prev { left: 20px; } @media (min-width: 1200px) { .owl-carousel-default .owl-next { right: 85px; } .owl-carousel-default .owl-prev { left: 85px; } } .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-class-light .owl-dot { transition: .3s all ease; background: #bababa; } .owl-carousel-class-light .owl-dot.active, .owl-carousel-class-light .owl-dot:hover { background: #70A5C7; } .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.15); transition: .3s all ease; -webkit-transform: scale(0.8); transform: scale(0.8); } .owl-custom-pagination li:hover, .owl-custom-pagination li.active { -webkit-transform: scale(1); 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: #bababa; border-radius: 50%; cursor: pointer; -webkit-transition: 0.35s all ease; -o-transition: 0.35s all ease; transition: 0.35s all ease; } .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 #bababa; } .owl-customer-navigation .owl-prev:hover, .owl-customer-navigation .owl-next:hover { background: #232323; color: #fff; border-color: #232323; } .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 #bababa; color: #434345; border-radius: 3px; } .owl-carousel-testimonials-2 .owl-prev:hover, .owl-carousel-testimonials-2 .owl-next:hover { background: #232323; color: #fff; border-color: #232323; } .owl-carousel-testimonials-3 .owl-dots { margin-top: 20px; position: static; -webkit-transform: none; transform: none; } .owl-carousel-simple-quote .owl-dots { position: static; text-align: right; -webkit-transform: none; 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; } @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; } } @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; } } @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; } } @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; } } @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; } } .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; } } @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; } } @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; } } @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; } } @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; } } .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; } } @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; } } @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; } } @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; } } @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; } } .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; } } @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; } } @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; } } @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; } } @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; } } /** 3.14 Photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 999999; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__item .video-warp, .pswp__item .post-video-warp { position: absolute; top: 50%; width: 600px; max-width: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } [data-photo-swipe] [data-inner-html] iframe { pointer-events: none; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*