@charset "UTF-8";
.bg-gradient.bg-secondary, .bg-secondary.bg-gradient-1, .bg-secondary.bg-gradient-2, .bg-secondary.bg-gradient-3 {
background-image: -moz-linear-gradient(left, #003768 0%, #0f9447 100%);
/* FF3.6-15 */
background-image: -webkit-linear-gradient(left, #003768 0%, #0f9447 100%);
/* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to right, #003768 0%, #0f9447 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c94', endColorstr='#6d0eb1', GradientType=1);
/* IE6-9 */
}
.bg-gradient.bg-secondary-2, .bg-secondary-2.bg-gradient-1, .bg-secondary-2.bg-gradient-2, .bg-secondary-2.bg-gradient-3 {
background-image: -moz-linear-gradient(-39deg, #0f9447 59%, #0f9447 100%);
/* FF3.6-15 */
background-image: -webkit-linear-gradient(-39deg, #0f9447 59%, #0f9447 100%);
/* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(135deg, #0f9447 59%, #0f9447 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d0eb1', endColorstr='#080ab4', GradientType=1);
}
a:focus,
button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
:focus {
outline: none;
}
hr {
margin-bottom: 0;
}
input,
button,
select,
textarea {
outline: none;
}
p {
margin: 0;
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
ul li,
ol li {
display: block;
}
dl {
margin: 0;
}
dt {
font-weight: inherit;
}
address {
margin-top: 0;
margin-bottom: 0;
}
html p a:hover {
text-decoration: none;
}
form {
margin-bottom: 0;
}
body {
padding: 0 !important;
}
.modal {
z-index: 1093;
}
.modal * + form {
margin-top: 15px;
}
.modal-backdrop {
z-index: 1092;
}
/*
*
* Main Styles
* =============================
*/
/**
* Body
*/
body{
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.6;
color: #838386;
background-color: #fff;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
}
/*
*
* 19.12.2017css start rajib
*
*/
.brand-name img{
padding:15px 0px;
}
.banner{
float:left;
width:50%;
max-height:488px;
overflow: hidden;
min-height:488px;
}

.banner_text{
width:100%;
padding-left:10%;
}

.section-xl{
}
.link-bold{
display: inline-block;
padding:5px 10px;
margin:0px;
color: #000 !important;
background: #ffec17;
font-size:16px;
}

.why_hd{
font-weight:bold;
}

.top{
padding:6px 0 !important;
}

.top p{
color:#fff !important;
font-size:14px !important;
}

.top p a{
color:#fff !important;
font-size:14px !important;
}

.top p a i{
color:#fff !important;
font-size:14px !important
}

.head_top_right a{
color:#fff !important;
font-size:14px !important;
padding:0 0 0 10px;
display:inline-block;
}

.head_top_right{
text-align:right;
}

.post-blog-caption-body{
text-align:center !important;
}

.post-blog-caption-body h5{
text-align:center;
}

.color_text{
color:#fff !important;
}
.bg-gradient-5{
background:#fff;
text-align:center;
}
.bg-gradient-5 img{
width:100%;
text-align:center;
border-radius:0px;
}
.brands{
text-align:center;
font-size:34px;
}

.gallery_outer{
padding:40px 0px;
}
.pro{
}

.pro ul{
padding:0px;
margin:0px;
list-style:none;
overflow:hidden;
}

.pro ul li{
padding: 5px;
margin: 0 10px 23px;
list-style: none;
float: left;
width: 23%;
display:inline-block;
/*border:1px solid #ccc;*/
font-family: 'Slabo 13px', serif;
height:322px;

}
.pro ul li:hover
{
box-shadow: 0 2px 10px #ccc;
}

.pro ul li a{
padding:0px;
margin:0px;
list-style:none;
display:block;
}


.pro ul li strong{
padding:10px 0;
margin:0px;
display:block;
/*background:#2b7dc5;*/
color:#b40900;
text-align:center;
font-size:17px;
width:100%;
text-transform:uppercase;
font-weight:600;
height:60px;
}
.p_pic
{
width:100%;
height:250px;
overflow:hidden;
background-color:#ebebeb;
text-align:center;
padding:5px;
}
.p_pic img
{
max-width:100%;
height:auto;
width:auto;
}


.navigation2{
padding:0px 0 0 0;
margin:20px 0 20px 0;
list-style:none;
border:1px solid #bde0ff;
}

.navigation2 li{
float:left;
padding:0px;
margin:0px;
list-style:none;
}

.navigation2 li a{
padding:10px 20px;
margin:0px;
display:block;
font-size:14px;
text-decoration:none;
color:#000;
}

.navigation2 li a:hover{
background:#7ab6eb;
color:#fff;
}
.navigation2 li a.active1{
background:#7ab6eb;
color:#fff;
}

.power_text{
}

.power_text p{
padding:0 0 20px;
}

.view_d{
width:100%;
text-align:center;
font-size:14px;
padding:10px 0 !important;
display:block;
font-weight:normal;
color:#2b7dc5;
}

.pro_dtls{
margin:0px 0px;
padding:20px 0px;
}

.proimg{
float:left;
width:30%;
}

.proimg img{
width:100%;
}

.proimg ul{
list-style:none;
padding:0px;
margin:0px;
}

.proimg li{
list-style:none;
padding:0px;
margin:0px;
}

.pro_text{
float:right;
width:65%;
}

.pro_text ul{
padding:0px;
margin:0px;
list-style:none;
}

.pro_text ul li{
padding:0px;
margin:0px;
list-style:none;
}

.pro_text ul li a{
padding:5px 7px;
text-align: left;
margin:0px 0 4px 0;
list-style:none;
display:block;
border-bottom:1px solid #2b7dc5;
border-left:1px solid #2b7dc5;
}

.pro_text ul li a:hover{
background:#2b7dc5;
color:#fff;
}

.about_section{
padding:30px 0;
}

.about_section h3{
padding-bottom:20px;
}

.aboutimg{
float:left;
width:40%;
}

.aboutimg img{
width:100%;
}

.aboutimg ul{
list-style:none;
padding:0px;
margin:0px;
}

.aboutimg li{
list-style:none;
padding:0px;
margin:0px;
}

.about_text{
float:right;
width:57%;
}

.team_outer{
padding:70px 0px;
}

.team_outer ul li{
display:block !important;
text-align:center !important;
}

.team_outer ul li{
display:block !important;
text-align:center !important;
}

.team_outer ul li strong{
font-size:14px;
padding:10px 0;
margin:0px;
text-align:center;
display:block;
color:#003768;
}

.team_outer ul li img{
border-radius:50% !important;
width:40% !important;
}

.team_outer ul li span{
font-size:14px;
padding:10px 0;
margin:0px;
text-align:center;
display:block;
color:#003768;
}

.hd3{
padding-bottom:20px;
}
.context{
float:left;
width:40%;
}

.address img{
float:right;
margin-top:15px;
margin-right:20px;
}


.hd_text{
float:left;
width:50%;
margin-top:260px;
}
.banner_form{
width:30%;
float:right;
background: url(../images/from_bg.png) repeat;
padding:1% 1% 0 1%;
margin-bottom:20px;
border:2px solid #ffee35;
}
.form_hd{
width:100%;
text-align:center;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size:26px;
color:#fff;
text-shadow: 1px 1px 1px #333;
}

.form_hd span{
color:#ffee35;
font-size:72px;
font-family: 'Oswald', sans-serif;
font-weight:bold;
line-height:68px;
text-shadow: 2px 2px 0px #000;
}
.form_hd span strong{
color:#248dc6;
font-weight:normal;
}
.form_box{
width:100%;
float:left;
margin:10px 0;
}
input.input_box{
width:100%;
float:left;
border:solid;
background:#000;
opacity:0.4;
border:solid 1px #ffee35;
margin:4px 0;
height:32px;
padding:0 3%;
color:#fff;
font-size:12px;
font-family: 'Open Sans', sans-serif;
}
.txtarea_box{
width:100%;
float:left;
border:solid;
background:#000;
opacity:0.4;
border:solid 1px #ffee35;
margin:4px 0;
height:65px;
padding:0 3%;
color:#fff;
font-size:12px;
font-family: 'Open Sans', sans-serif;
}

.enquiry_btn{
width:145px;
margin:10px 28% 10px 28%;
background:#2e82cf;
height:52px;
float:none;
border:none;
cursor:pointer;
border-bottom:4px solid #000;
text-align:center;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
font-size:20px;
color:#fff;
}

.bnn_text{
background:none;
}

.bnn_text h2{
color:#fff;
font-size:65px;
font-family: 'Oswald', sans-serif;
line-height:68px;
text-shadow: 2px 2px 0px #000;
text-transform:uppercase;
padding:50px 0 0 0;
margin:0px;
}
.contactpage{
padding:40px 0;
}

.contactpage h3{
}
.contactpage h4{
padding:20px 0px;
}

.maprow{
margin-top:40px;
}

/********************9/07/18*********/

.product_details_full
{
	width:100%;
	height:auto;
	padding:50px 0;
}
.product_details_pic
{
	width:400px;
	height:auto;
	margin:0px auto;
	border:5px solid #ccc;
}
.product_details_pic img
{
	width:100%;
	height:auto;
}
.product_details
{
	width:100%;
	height:auto;
}
.product_details h1
{
	margin:0 0 15px 0;
	font-size:32px;
	color:#000;
}
.product_details h4
{
	font-size:20px;
	color: #003768;
	font-weight:400;
	margin: 0 0 20px 0;
}
.product_details p
{
	margin:10px 0 35px 0;
}
.butn
{
	width:100%;
	height:auto;
	margin:15px 0 0 0;
}
.butn a
{
	background-color: #2b7dc5;
	border-color: #2b7dc5;
	padding:12px 35px;
	border-radius:20px;
	font-size:16px;
	color:#fff;
}
.butn a:hover
{
	background:#000;
	color:#fff;
}
.wc-tabs
{
	padding: 0px;
	margin:20px 0;
	width:100%;
	overflow: hidden;
}
.wc-tabs li
{
	padding: 7px 20px;
	background: #000;
	border-radius: 7px 7px 0 0;
	margin:0px 2px 0 0;
	float:left;
	list-style: none;
}
.wc-tabs li a
{
	color:#fff;
	text-decoration: none;
	font-size: 16px;
}
.wc-tabs li.active
{
	background:#003768 !important;
}

.aps
{
	width:100%;
	height:auto;
	margin:15px 0 0 0;
}
.aps ul
{
	width:100%;
	height:auto;
	margin:10px 0 0 0;
	padding: 0 0 0 32px;
	overflow: hidden;
}
.aps ul li
{
	width:46%;
	height:auto;
	float:left;
	margin:0 20px 15px 0;
}
.aps ul li:before
{
	content: url('../images/lps.png');
	margin-left: -26px;
	margin-right: 5px;
}
.mps
{
	margin-top:5px !important;
}
.pc
{
	margin:0px !important;
}
.pc_pic
{
	width:100%;
	height:auto;
}
.pc_pic img
{
	width:100%;
	height:580px;
}










@media (min-width: 992px) {
body {
font-size: 16px;
line-height: 1.55556;
}
}
@media (min-width: 1600px) {
body {
font-size: 18px;
}
}
/**
* Links
*/
a {
color: #003768;
text-decoration: none;
transition: .25s;
}
a:hover, a:focus {
color: #2b7dc5;
text-decoration: none;
outline: none;
}
a[href*='callto'], a[href*='mailto'] {
white-space: nowrap;
}
.privacy-link {
display: inline-block;
}
.link-hover {
color: #2b7dc5;
}
.link-press {
color: #2b7dc5;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
hr {
border-color: #c2c2c3;
}
/*
*
* Typography
* ==================================================
*/
h1, h2, h3, h4, h5, h6, [class^='heading-'] {
margin-top: 0;
margin-bottom: 0;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #003768;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a {
display: inline;
color: inherit;
transition: .3s all ease;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover {
color: #0f9447;
}
h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter, [class^='heading-']:first-letter {
text-transform: uppercase;
}
h1,
.heading-1 {
font-size: 34px;
line-height: 1.2;
}
@media (min-width: 768px) {
h1,
.heading-1 {
font-size: 42px;
line-height: 1.45;
}
}
@media (min-width: 1200px) {
h1,
.heading-1 {
font-size: 60px;
}
}
@media (min-width: 1600px) {
h1,
.heading-1 {
font-size: 80px;
}
}
h2,
.heading-2 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 28px;
line-height: 1.2;
font-weight: 400;
}
@media (min-width: 768px) {
h2,
.heading-2 {
font-size: 34px;
line-height: 1.26923;
}
}
@media (min-width: 1200px) {
h2,
.heading-2 {
font-size: 36px;
}
}
@media (min-width: 1600px) {
h2,
.heading-2 {
font-size: 52px;
}
h2.heading-2_bigger,
.heading-2.heading-2_bigger {
font-size: 60px;
}
}
.heading-2 {
font-weight: 300;
}
h3 {
text-transform: capitalize;
}
h3,
.heading-3 {
font-size: 24px;
line-height: 1.45;
}
@media (min-width: 768px) {
h3,
.heading-3 {
font-size: 28px;
}
}
@media (min-width: 1200px) {
h3,
.heading-3 {
font-size: 34px;
line-height: 1.375;
}
}
@media (min-width: 1600px) {
h3,
.heading-3 {
font-size: 46px;
}
}
.h3-alternate {
font-size: 24px;
line-height: 1.45;
color: #29292b;
}
@media (min-width: 768px) {
.h3-alternate {
font-size: 28px;
}
}
@media (min-width: 1600px) {
.h3-alternate {
font-size: 42px;
}
}
h4,
.heading-4 {
font-size: 21px;
line-height: 1.35;
}
@media (min-width: 768px) {
h4,
.heading-4 {
font-size: 26px;
line-height: 1.42857;
}
}
@media (min-width: 1600px) {
h4,
.heading-4 {
font-size: 28px;
}
}
h5,
.heading-5 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 19px;
line-height: 1.5;
text-transform: none;
}
@media (min-width: 768px) {
h5,
.heading-5 {
line-height: 1.41667;
}
}
@media (min-width: 1600px) {
h5,
.heading-5 {
font-size: 24px;
}
}
.heading-5 {
font-weight: 300;
}
h6,
.heading-6 {
font-size: 17px;
line-height: 1.5;
}
@media (min-width: 768px) {
h6,
.heading-6 {
font-size: 19px;
line-height: 1.5;
}
}
@media (min-width: 1600px) {
h6,
.heading-6 {
font-size: 24px;
}
}
.big,
.custom-subtitle {
font-size: 18px;
}
@media (min-width: 768px) {
.big,
.custom-subtitle {
font-size: 19px;
}
}
@media (min-width: 1600px) {
.big,
.custom-subtitle {
font-size: 24px;
}
}
.bigger {
font-weight: 400;
}
@media (min-width: 992px) {
.bigger {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.bigger {
font-size: 24px;
}
}
small,
.small {
display: block;
font-size: 16px;
}
mark,
.mark {
color: #fff;
background-color: #0f9447;
padding: .1em .5em;
}
@media (max-width: 767px) {
.image-responsive {
width: 100%;
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
}
/*
*
* Colors
* ==================================================
*/
.page .text-primary {
color: #0f9447;
}
.page .text-secondary {
color: #003768;
}
.page .text-gray-1 {
color: #c2c2c3;
}
.page .text-gray-4 {
color: #d8dae2;
}
.page .text-gray-light {
color: #838386;
}
.page .text-gray-darker {
color: #29292b;
}
.page a.text-secondary-1, .page a.text-secondary-1:focus, .page a.text-secondary-1:active {
color: inherit;
}
.page a.text-secondary-1:hover {
color: #ffec17;
}
.page a.text-gray-darker {
color: #29292b;
}
.page a.text-gray-darker:hover {
color: #0f9447;
}
/*
*
* Main layout
* ==================================================
*/
.page {
position: relative;
overflow: hidden;
min-height: 100vh !important;
}
.page-header {
position: relative;
padding: 0;
margin: 0;
border-bottom: none;
}
.frame-header {
width: 100%;
height: 500px;
outline: none;
border: 0;
}
@media (min-width: 992px) {
.frame-header {
height: 650px;
}
}
@media (min-width: 1600px) {
.frame-header {
height: 730px;
}
}
.fullwidth-page {
position: relative;
min-height: calc( 100vh - 56px);
display: flex;
align-items: stretch;
}
.fullwidth-page-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: 100%;
}
.fullwidth-page-inner > * {
position: relative;
width: 100%;
}
@media (min-width: 992px) {
.desktop .fullwidth-page {
min-height: 100vh;
}
.desktop .fullwidth-page > *:nth-child(1) {
padding-top: 180px;
}
}
@media (min-width: 1600px) {
.desktop .fullwidth-page > *:nth-child(1) {
padding-top: 90px;
}
}
.fullwidth-page .page-footer p.right a:hover {
color: #003768;
}
.fullwidth-page * + .button {
margin-top: 30px;
}
@media (min-width: 992px) {
.fullwidth-page {
min-height: 100vh;
}
}
@media (min-width: 1600px) {
.fullwidth-page * + .breadcrumbs-custom-title {
margin-top: 25px;
}
.fullwidth-page .heading-1 + p {
margin-top: 33px;
}
.fullwidth-page .button {
margin-top: 50px;
}
.fullwidth-page * + .countdown-wrap,
.fullwidth-page .countdown-wrap + * {
margin-top: 40px;
}
}
.ie-10 .fullwidth-page .fullwidth-page-inner,
.ie-11 .fullwidth-page .fullwidth-page-inner,
.ie-edge .fullwidth-page .fullwidth-page-inner {
min-height: 100vh;
}
@media (min-width: 1800px) {
.image-position-01 {
margin-top: 10px;
margin-bottom: -60px;
}
}
/**
* Blick
*/
.blick-wrap {
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
}
.blick-overlay,
.blick-content {
position: absolute;
}
.blick-overlay {
top: 0;
right: 0;
left: 0;
bottom: 32.16%;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.blick-overlay[data-blick-overlay='ipad'] {
background-image: url(../images/blick-01.png);
}
.blick-content {
position: absolute;
overflow: hidden;
top: 4.3%;
bottom: 39.5%;
left: 4.1%;
right: 4.1%;
}
.blick-content img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
height: 100%;
width: 100%;
}
.blick-content[data-blick-content='ipad'] {
top: 5.1%;
bottom: 5.1%;
left: 6.9%;
right: 6.95%;
}
.blick-content[data-blick-content='iphone'] {
top: 11.2%;
bottom: 17.7%;
left: 14.1%;
right: 17.6%;
}
.ie-10 .blick-wrap > img,
.ie-11 .blick-wrap > img {
width: 100%;
}
section {
position: relative;
}
.section-wave {
position: absolute;
top: 0;
transform: translateY(-100%);
width: 100vw;
line-height: 0;
}
.ie-10 .section-wave,
.ie-11 .section-wave,
.ie-edge .section-wave {
top: 1px;
}
.section-wave > svg {
width: 100vw;
height: auto;
}
.ie-10 .section-wave > svg,
.ie-11 .section-wave > svg,
.ie-edge .section-wave > svg {
max-height: 45px;
}
.tablet .section-wave > svg,
.mobile .section-wave > svg {
max-height: 25px;
}
.audio-gel {
visibility: hidden;
}
/*
*
* Components
* ==================================================
*/
/*
*
* 2.1  Preloader
* --------------------------------------------------
*/
.page-loader {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
float: left;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
z-index: 9999999;
background: #fff;
transition: .3s all ease;
}
.page-loader.loaded {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.page-loader.ending {
display: none;
}
.page-loader .page-loader-body {
text-align: center;
}
.page-loader .page-loader-body > * + * {
margin-top: 30px;
}
.ie-10 .page-loader .page-loader-body:before,
.ie-11 .page-loader .page-loader-body:before {
color: #003768;
background: none;
}
.ie-10 .page-loader .page-loader-body > * + *,
.ie-11 .page-loader .page-loader-body > * + * {
margin-top: 30px;
}
[data-x-mode="true"] .page-loader {
display: none !important;
}
.preloader-wrapper {
display: inline-block;
font-size: 0;
position: relative;
width: 50px;
height: 50px;
}
.preloader-wrapper.small {
width: 36px;
height: 36px;
}
.preloader-wrapper.big {
width: 64px;
height: 64px;
}
.preloader-wrapper.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
transform: rotate(360deg);
}
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
border-color: #003768;
}
.spinner-blue,
.spinner-blue-only {
border-color: #003768;
}
.spinner-red,
.spinner-red-only {
border-color: #003768;
}
.spinner-yellow,
.spinner-yellow-only {
border-color: #71bcff;
}
.spinner-green,
.spinner-green-only {
border-color: #003768;
}
.active .spinner-layer.spinner-blue {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-red {
/* durations: 4 * ARCTIME */
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-yellow {
/* durations: 4 * ARCTIME */
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-green {
/* durations: 4 * ARCTIME */
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
/* durations: 4 * ARCTIME */
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25% {
-webkit-transform: rotate(270deg);
}
/* 1   * ARCSIZE */
37.5% {
-webkit-transform: rotate(405deg);
}
/* 1.5 * ARCSIZE */
50% {
-webkit-transform: rotate(540deg);
}
/* 2   * ARCSIZE */
62.5% {
-webkit-transform: rotate(675deg);
}
/* 2.5 * ARCSIZE */
75% {
-webkit-transform: rotate(810deg);
}
/* 3   * ARCSIZE */
87.5% {
-webkit-transform: rotate(945deg);
}
/* 3.5 * ARCSIZE */
to {
-webkit-transform: rotate(1080deg);
}
/* 4   * ARCSIZE */
}
@keyframes fill-unfill-rotate {
12.5% {
transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25% {
transform: rotate(270deg);
}
/* 1   * ARCSIZE */
37.5% {
transform: rotate(405deg);
}
/* 1.5 * ARCSIZE */
50% {
transform: rotate(540deg);
}
/* 2   * ARCSIZE */
62.5% {
transform: rotate(675deg);
}
/* 2.5 * ARCSIZE */
75% {
transform: rotate(810deg);
}
/* 3   * ARCSIZE */
87.5% {
transform: rotate(945deg);
}
/* 3.5 * ARCSIZE */
to {
transform: rotate(1080deg);
}
/* 4   * ARCSIZE */
}
@-webkit-keyframes blue-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes blue-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes red-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@keyframes red-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@-webkit-keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@-webkit-keyframes green-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes green-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/**
* Patch the gap that appear between the two adjacent div.circle-clipper while the
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
*/
.gap-patch {
position: absolute;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.gap-patch .circle {
width: 1000%;
left: -450%;
}
.circle-clipper{
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.circle-clipper .circle {
width: 200%;
height: 100%;
border-width: 2px;
/* STROKEWIDTH */
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
border-radius: 50%;
-webkit-animation: none;
animation: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.circle-clipper.left .circle {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.circle-clipper.right .circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
/* duration: ARCTIME */
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
/* duration: ARCTIME */
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
transform: rotate(130deg);
}
50% {
transform: rotate(-5deg);
}
to {
transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
transform: rotate(-130deg);
}
50% {
transform: rotate(5deg);
}
to {
transform: rotate(-130deg);
}
}
#spinnerContainer.cooldown {
/* duration: SHRINK_TIME */
-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/**
* 2.2  Backgrounds
*/
.context-dark, .box-scrim-example, .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item,
.bg-image, .bg-additional-image .bg-additional-item,
.bg-gradient, .bg-gradient-1, .bg-gradient-2, .bg-gradient-3, .bg-primary, .bg-primary-accent, .bg-secondary-2, .breadcrumbs-custom-light {
color: #fff;
}
.context-dark h1, .box-scrim-example h1, .bg-gray-darker h1, .bg-additional-gray-darker .bg-additional-item h1,
.bg-image h1, .bg-additional-image .bg-additional-item h1,
.bg-gradient h1, .bg-gradient-1 h1, .bg-gradient-2 h1, .bg-gradient-3 h1, .bg-primary h1, .bg-primary-accent h1, .bg-secondary-2 h1, .breadcrumbs-custom-light h1, .context-dark h2, .box-scrim-example h2, .bg-gray-darker h2, .bg-additional-gray-darker .bg-additional-item h2,
.bg-image h2, .bg-additional-image .bg-additional-item h2,
.bg-gradient h2, .bg-gradient-1 h2, .bg-gradient-2 h2, .bg-gradient-3 h2, .bg-primary h2, .bg-primary-accent h2, .bg-secondary-2 h2, .breadcrumbs-custom-light h2, .context-dark h3, .box-scrim-example h3, .bg-gray-darker h3, .bg-additional-gray-darker .bg-additional-item h3,
.bg-image h3, .bg-additional-image .bg-additional-item h3,
.bg-gradient h3, .bg-gradient-1 h3, .bg-gradient-2 h3, .bg-gradient-3 h3, .bg-primary h3, .bg-primary-accent h3, .bg-secondary-2 h3, .breadcrumbs-custom-light h3, .context-dark h4, .box-scrim-example h4, .bg-gray-darker h4, .bg-additional-gray-darker .bg-additional-item h4,
.bg-image h4, .bg-additional-image .bg-additional-item h4,
.bg-gradient h4, .bg-gradient-1 h4, .bg-gradient-2 h4, .bg-gradient-3 h4, .bg-primary h4, .bg-primary-accent h4, .bg-secondary-2 h4, .breadcrumbs-custom-light h4, .context-dark h5, .box-scrim-example h5, .bg-gray-darker h5, .bg-additional-gray-darker .bg-additional-item h5,
.bg-image h5, .bg-additional-image .bg-additional-item h5,
.bg-gradient h5, .bg-gradient-1 h5, .bg-gradient-2 h5, .bg-gradient-3 h5, .bg-primary h5, .bg-primary-accent h5, .bg-secondary-2 h5, .breadcrumbs-custom-light h5, .context-dark h6, .box-scrim-example h6, .bg-gray-darker h6, .bg-additional-gray-darker .bg-additional-item h6,
.bg-image h6, .bg-additional-image .bg-additional-item h6,
.bg-gradient h6, .bg-gradient-1 h6, .bg-gradient-2 h6, .bg-gradient-3 h6, .bg-primary h6, .bg-primary-accent h6, .bg-secondary-2 h6, .breadcrumbs-custom-light h6, .context-dark [class^='heading-'], .box-scrim-example [class^='heading-'], .bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .bg-additional-item [class^='heading-'],
.bg-image [class^='heading-'], .bg-additional-image .bg-additional-item [class^='heading-'],
.bg-gradient [class^='heading-'], .bg-gradient-1 [class^='heading-'], .bg-gradient-2 [class^='heading-'], .bg-gradient-3 [class^='heading-'], .bg-primary [class^='heading-'], .bg-primary-accent [class^='heading-'], .bg-secondary-2 [class^='heading-'], .breadcrumbs-custom-light [class^='heading-'] {
color: #fff;
}
.context-dark .text-gray-light, .box-scrim-example .text-gray-light, .bg-gray-darker .text-gray-light, .bg-additional-gray-darker .bg-additional-item .text-gray-light,
.bg-image .text-gray-light, .bg-additional-image .bg-additional-item .text-gray-light,
.bg-gradient .text-gray-light, .bg-gradient-1 .text-gray-light, .bg-gradient-2 .text-gray-light, .bg-gradient-3 .text-gray-light, .bg-primary .text-gray-light, .bg-primary-accent .text-gray-light, .bg-secondary-2 .text-gray-light, .breadcrumbs-custom-light .text-gray-light {
color: #c2c2c3;
}
.context-dark .bigger, .box-scrim-example .bigger, .bg-gray-darker .bigger, .bg-additional-gray-darker .bg-additional-item .bigger,
.bg-image .bigger, .bg-additional-image .bg-additional-item .bigger,
.bg-gradient .bigger, .bg-gradient-1 .bigger, .bg-gradient-2 .bigger, .bg-gradient-3 .bigger, .bg-primary .bigger, .bg-primary-accent .bigger, .bg-secondary-2 .bigger, .breadcrumbs-custom-light .bigger {
color: #c2c2c3;
}
.context-dark .breadcrumbs-custom-title::before, .box-scrim-example .breadcrumbs-custom-title::before, .bg-gray-darker .breadcrumbs-custom-title::before, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-title::before,
.bg-image .breadcrumbs-custom-title::before, .bg-additional-image .bg-additional-item .breadcrumbs-custom-title::before,
.bg-gradient .breadcrumbs-custom-title::before, .bg-gradient-1 .breadcrumbs-custom-title::before, .bg-gradient-2 .breadcrumbs-custom-title::before, .bg-gradient-3 .breadcrumbs-custom-title::before, .bg-primary .breadcrumbs-custom-title::before, .bg-primary-accent .breadcrumbs-custom-title::before, .bg-secondary-2 .breadcrumbs-custom-title::before, .breadcrumbs-custom-light .breadcrumbs-custom-title::before, .context-dark .breadcrumbs-custom-title::after, .box-scrim-example .breadcrumbs-custom-title::after, .bg-gray-darker .breadcrumbs-custom-title::after, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-title::after,
.bg-image .breadcrumbs-custom-title::after, .bg-additional-image .bg-additional-item .breadcrumbs-custom-title::after,
.bg-gradient .breadcrumbs-custom-title::after, .bg-gradient-1 .breadcrumbs-custom-title::after, .bg-gradient-2 .breadcrumbs-custom-title::after, .bg-gradient-3 .breadcrumbs-custom-title::after, .bg-primary .breadcrumbs-custom-title::after, .bg-primary-accent .breadcrumbs-custom-title::after, .bg-secondary-2 .breadcrumbs-custom-title::after, .breadcrumbs-custom-light .breadcrumbs-custom-title::after, .context-dark .heading-decorated-diamonds::before, .box-scrim-example .heading-decorated-diamonds::before, .bg-gray-darker .heading-decorated-diamonds::before, .bg-additional-gray-darker .bg-additional-item .heading-decorated-diamonds::before,
.bg-image .heading-decorated-diamonds::before, .bg-additional-image .bg-additional-item .heading-decorated-diamonds::before,
.bg-gradient .heading-decorated-diamonds::before, .bg-gradient-1 .heading-decorated-diamonds::before, .bg-gradient-2 .heading-decorated-diamonds::before, .bg-gradient-3 .heading-decorated-diamonds::before, .bg-primary .heading-decorated-diamonds::before, .bg-primary-accent .heading-decorated-diamonds::before, .bg-secondary-2 .heading-decorated-diamonds::before, .breadcrumbs-custom-light .heading-decorated-diamonds::before, .context-dark .heading-decorated-diamonds::after, .box-scrim-example .heading-decorated-diamonds::after, .bg-gray-darker .heading-decorated-diamonds::after, .bg-additional-gray-darker .bg-additional-item .heading-decorated-diamonds::after,
.bg-image .heading-decorated-diamonds::after, .bg-additional-image .bg-additional-item .heading-decorated-diamonds::after,
.bg-gradient .heading-decorated-diamonds::after, .bg-gradient-1 .heading-decorated-diamonds::after, .bg-gradient-2 .heading-decorated-diamonds::after, .bg-gradient-3 .heading-decorated-diamonds::after, .bg-primary .heading-decorated-diamonds::after, .bg-primary-accent .heading-decorated-diamonds::after, .bg-secondary-2 .heading-decorated-diamonds::after, .breadcrumbs-custom-light .heading-decorated-diamonds::after {
background: #fff;
}
.context-dark .panel-corporate, .box-scrim-example .panel-corporate, .bg-gray-darker .panel-corporate, .bg-additional-gray-darker .bg-additional-item .panel-corporate,
.bg-image .panel-corporate, .bg-additional-image .bg-additional-item .panel-corporate,
.bg-gradient .panel-corporate, .bg-gradient-1 .panel-corporate, .bg-gradient-2 .panel-corporate, .bg-gradient-3 .panel-corporate, .bg-primary .panel-corporate, .bg-primary-accent .panel-corporate, .bg-secondary-2 .panel-corporate, .breadcrumbs-custom-light .panel-corporate {
box-shadow: none;
}
.context-dark .box-minimal-light, .box-scrim-example .box-minimal-light, .bg-gray-darker .box-minimal-light, .bg-additional-gray-darker .bg-additional-item .box-minimal-light,
.bg-image .box-minimal-light, .bg-additional-image .bg-additional-item .box-minimal-light,
.bg-gradient .box-minimal-light, .bg-gradient-1 .box-minimal-light, .bg-gradient-2 .box-minimal-light, .bg-gradient-3 .box-minimal-light, .bg-primary .box-minimal-light, .bg-primary-accent .box-minimal-light, .bg-secondary-2 .box-minimal-light, .breadcrumbs-custom-light .box-minimal-light {
color: #ededed;
}
.context-dark .box-minimal-light .box-minimal-icon, .box-scrim-example .box-minimal-light .box-minimal-icon, .bg-gray-darker .box-minimal-light .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-light .box-minimal-icon,
.bg-image .box-minimal-light .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-light .box-minimal-icon,
.bg-gradient .box-minimal-light .box-minimal-icon, .bg-gradient-1 .box-minimal-light .box-minimal-icon, .bg-gradient-2 .box-minimal-light .box-minimal-icon, .bg-gradient-3 .box-minimal-light .box-minimal-icon, .bg-primary .box-minimal-light .box-minimal-icon, .bg-primary-accent .box-minimal-light .box-minimal-icon, .bg-secondary-2 .box-minimal-light .box-minimal-icon, .breadcrumbs-custom-light .box-minimal-light .box-minimal-icon {
color: #fff;
}
.context-dark .box-minimal-light h1, .box-scrim-example .box-minimal-light h1, .bg-gray-darker .box-minimal-light h1, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h1,
.bg-image .box-minimal-light h1, .bg-additional-image .bg-additional-item .box-minimal-light h1,
.bg-gradient .box-minimal-light h1, .bg-gradient-1 .box-minimal-light h1, .bg-gradient-2 .box-minimal-light h1, .bg-gradient-3 .box-minimal-light h1, .bg-primary .box-minimal-light h1, .bg-primary-accent .box-minimal-light h1, .bg-secondary-2 .box-minimal-light h1, .breadcrumbs-custom-light .box-minimal-light h1, .context-dark .box-minimal-light h2, .box-scrim-example .box-minimal-light h2, .bg-gray-darker .box-minimal-light h2, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h2,
.bg-image .box-minimal-light h2, .bg-additional-image .bg-additional-item .box-minimal-light h2,
.bg-gradient .box-minimal-light h2, .bg-gradient-1 .box-minimal-light h2, .bg-gradient-2 .box-minimal-light h2, .bg-gradient-3 .box-minimal-light h2, .bg-primary .box-minimal-light h2, .bg-primary-accent .box-minimal-light h2, .bg-secondary-2 .box-minimal-light h2, .breadcrumbs-custom-light .box-minimal-light h2, .context-dark .box-minimal-light h3, .box-scrim-example .box-minimal-light h3, .bg-gray-darker .box-minimal-light h3, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h3,
.bg-image .box-minimal-light h3, .bg-additional-image .bg-additional-item .box-minimal-light h3,
.bg-gradient .box-minimal-light h3, .bg-gradient-1 .box-minimal-light h3, .bg-gradient-2 .box-minimal-light h3, .bg-gradient-3 .box-minimal-light h3, .bg-primary .box-minimal-light h3, .bg-primary-accent .box-minimal-light h3, .bg-secondary-2 .box-minimal-light h3, .breadcrumbs-custom-light .box-minimal-light h3, .context-dark .box-minimal-light h4, .box-scrim-example .box-minimal-light h4, .bg-gray-darker .box-minimal-light h4, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h4,
.bg-image .box-minimal-light h4, .bg-additional-image .bg-additional-item .box-minimal-light h4,
.bg-gradient .box-minimal-light h4, .bg-gradient-1 .box-minimal-light h4, .bg-gradient-2 .box-minimal-light h4, .bg-gradient-3 .box-minimal-light h4, .bg-primary .box-minimal-light h4, .bg-primary-accent .box-minimal-light h4, .bg-secondary-2 .box-minimal-light h4, .breadcrumbs-custom-light .box-minimal-light h4, .context-dark .box-minimal-light h5, .box-scrim-example .box-minimal-light h5, .bg-gray-darker .box-minimal-light h5, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h5,
.bg-image .box-minimal-light h5, .bg-additional-image .bg-additional-item .box-minimal-light h5,
.bg-gradient .box-minimal-light h5, .bg-gradient-1 .box-minimal-light h5, .bg-gradient-2 .box-minimal-light h5, .bg-gradient-3 .box-minimal-light h5, .bg-primary .box-minimal-light h5, .bg-primary-accent .box-minimal-light h5, .bg-secondary-2 .box-minimal-light h5, .breadcrumbs-custom-light .box-minimal-light h5, .context-dark .box-minimal-light h6, .box-scrim-example .box-minimal-light h6, .bg-gray-darker .box-minimal-light h6, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h6,
.bg-image .box-minimal-light h6, .bg-additional-image .bg-additional-item .box-minimal-light h6,
.bg-gradient .box-minimal-light h6, .bg-gradient-1 .box-minimal-light h6, .bg-gradient-2 .box-minimal-light h6, .bg-gradient-3 .box-minimal-light h6, .bg-primary .box-minimal-light h6, .bg-primary-accent .box-minimal-light h6, .bg-secondary-2 .box-minimal-light h6, .breadcrumbs-custom-light .box-minimal-light h6, .context-dark .box-minimal-light [class^='heading-'], .box-scrim-example .box-minimal-light [class^='heading-'], .bg-gray-darker .box-minimal-light [class^='heading-'], .bg-additional-gray-darker .bg-additional-item .box-minimal-light [class^='heading-'],
.bg-image .box-minimal-light [class^='heading-'], .bg-additional-image .bg-additional-item .box-minimal-light [class^='heading-'],
.bg-gradient .box-minimal-light [class^='heading-'], .bg-gradient-1 .box-minimal-light [class^='heading-'], .bg-gradient-2 .box-minimal-light [class^='heading-'], .bg-gradient-3 .box-minimal-light [class^='heading-'], .bg-primary .box-minimal-light [class^='heading-'], .bg-primary-accent .box-minimal-light [class^='heading-'], .bg-secondary-2 .box-minimal-light [class^='heading-'], .breadcrumbs-custom-light .box-minimal-light [class^='heading-'] {
color: #ffec17;
}
.context-dark .box-minimal-border .box-minimal-text, .box-scrim-example .box-minimal-border .box-minimal-text, .bg-gray-darker .box-minimal-border .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-text,
.bg-image .box-minimal-border .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-text,
.bg-gradient .box-minimal-border .box-minimal-text, .bg-gradient-1 .box-minimal-border .box-minimal-text, .bg-gradient-2 .box-minimal-border .box-minimal-text, .bg-gradient-3 .box-minimal-border .box-minimal-text, .bg-primary .box-minimal-border .box-minimal-text, .bg-primary-accent .box-minimal-border .box-minimal-text, .bg-secondary-2 .box-minimal-border .box-minimal-text, .breadcrumbs-custom-light .box-minimal-border .box-minimal-text {
opacity: .6;
}
.context-dark .quote-minimal-text, .box-scrim-example .quote-minimal-text, .bg-gray-darker .quote-minimal-text, .bg-additional-gray-darker .bg-additional-item .quote-minimal-text,
.bg-image .quote-minimal-text, .bg-additional-image .bg-additional-item .quote-minimal-text,
.bg-gradient .quote-minimal-text, .bg-gradient-1 .quote-minimal-text, .bg-gradient-2 .quote-minimal-text, .bg-gradient-3 .quote-minimal-text, .bg-primary .quote-minimal-text, .bg-primary-accent .quote-minimal-text, .bg-secondary-2 .quote-minimal-text, .breadcrumbs-custom-light .quote-minimal-text {
color: #fff;
}
.context-dark .quote-boxed-text, .box-scrim-example .quote-boxed-text, .bg-gray-darker .quote-boxed-text, .bg-additional-gray-darker .bg-additional-item .quote-boxed-text,
.bg-image .quote-boxed-text, .bg-additional-image .bg-additional-item .quote-boxed-text,
.bg-gradient .quote-boxed-text, .bg-gradient-1 .quote-boxed-text, .bg-gradient-2 .quote-boxed-text, .bg-gradient-3 .quote-boxed-text, .bg-primary .quote-boxed-text, .bg-primary-accent .quote-boxed-text, .bg-secondary-2 .quote-boxed-text, .breadcrumbs-custom-light .quote-boxed-text, .context-dark .quote-vertical-text, .box-scrim-example .quote-vertical-text, .bg-gray-darker .quote-vertical-text, .bg-additional-gray-darker .bg-additional-item .quote-vertical-text,
.bg-image .quote-vertical-text, .bg-additional-image .bg-additional-item .quote-vertical-text,
.bg-gradient .quote-vertical-text, .bg-gradient-1 .quote-vertical-text, .bg-gradient-2 .quote-vertical-text, .bg-gradient-3 .quote-vertical-text, .bg-primary .quote-vertical-text, .bg-primary-accent .quote-vertical-text, .bg-secondary-2 .quote-vertical-text, .breadcrumbs-custom-light .quote-vertical-text, .context-dark .quote-modern-text, .box-scrim-example .quote-modern-text, .bg-gray-darker .quote-modern-text, .bg-additional-gray-darker .bg-additional-item .quote-modern-text,
.bg-image .quote-modern-text, .bg-additional-image .bg-additional-item .quote-modern-text,
.bg-gradient .quote-modern-text, .bg-gradient-1 .quote-modern-text, .bg-gradient-2 .quote-modern-text, .bg-gradient-3 .quote-modern-text, .bg-primary .quote-modern-text, .bg-primary-accent .quote-modern-text, .bg-secondary-2 .quote-modern-text, .breadcrumbs-custom-light .quote-modern-text {
color: #f2f3f9;
}
.context-dark .quote-boxed-cite, .box-scrim-example .quote-boxed-cite, .bg-gray-darker .quote-boxed-cite, .bg-additional-gray-darker .bg-additional-item .quote-boxed-cite,
.bg-image .quote-boxed-cite, .bg-additional-image .bg-additional-item .quote-boxed-cite,
.bg-gradient .quote-boxed-cite, .bg-gradient-1 .quote-boxed-cite, .bg-gradient-2 .quote-boxed-cite, .bg-gradient-3 .quote-boxed-cite, .bg-primary .quote-boxed-cite, .bg-primary-accent .quote-boxed-cite, .bg-secondary-2 .quote-boxed-cite, .breadcrumbs-custom-light .quote-boxed-cite, .context-dark .quote-vertical-cite, .box-scrim-example .quote-vertical-cite, .bg-gray-darker .quote-vertical-cite, .bg-additional-gray-darker .bg-additional-item .quote-vertical-cite,
.bg-image .quote-vertical-cite, .bg-additional-image .bg-additional-item .quote-vertical-cite,
.bg-gradient .quote-vertical-cite, .bg-gradient-1 .quote-vertical-cite, .bg-gradient-2 .quote-vertical-cite, .bg-gradient-3 .quote-vertical-cite, .bg-primary .quote-vertical-cite, .bg-primary-accent .quote-vertical-cite, .bg-secondary-2 .quote-vertical-cite, .breadcrumbs-custom-light .quote-vertical-cite {
color: #ffec17;
}
.context-dark .quote-modern-cite, .box-scrim-example .quote-modern-cite, .bg-gray-darker .quote-modern-cite, .bg-additional-gray-darker .bg-additional-item .quote-modern-cite,
.bg-image .quote-modern-cite, .bg-additional-image .bg-additional-item .quote-modern-cite,
.bg-gradient .quote-modern-cite, .bg-gradient-1 .quote-modern-cite, .bg-gradient-2 .quote-modern-cite, .bg-gradient-3 .quote-modern-cite, .bg-primary .quote-modern-cite, .bg-primary-accent .quote-modern-cite, .bg-secondary-2 .quote-modern-cite, .breadcrumbs-custom-light .quote-modern-cite {
color: #fff;
}
.context-dark .quote-boxed-small, .box-scrim-example .quote-boxed-small, .bg-gray-darker .quote-boxed-small, .bg-additional-gray-darker .bg-additional-item .quote-boxed-small,
.bg-image .quote-boxed-small, .bg-additional-image .bg-additional-item .quote-boxed-small,
.bg-gradient .quote-boxed-small, .bg-gradient-1 .quote-boxed-small, .bg-gradient-2 .quote-boxed-small, .bg-gradient-3 .quote-boxed-small, .bg-primary .quote-boxed-small, .bg-primary-accent .quote-boxed-small, .bg-secondary-2 .quote-boxed-small, .breadcrumbs-custom-light .quote-boxed-small, .context-dark .quote-vertical-small, .box-scrim-example .quote-vertical-small, .bg-gray-darker .quote-vertical-small, .bg-additional-gray-darker .bg-additional-item .quote-vertical-small,
.bg-image .quote-vertical-small, .bg-additional-image .bg-additional-item .quote-vertical-small,
.bg-gradient .quote-vertical-small, .bg-gradient-1 .quote-vertical-small, .bg-gradient-2 .quote-vertical-small, .bg-gradient-3 .quote-vertical-small, .bg-primary .quote-vertical-small, .bg-primary-accent .quote-vertical-small, .bg-secondary-2 .quote-vertical-small, .breadcrumbs-custom-light .quote-vertical-small {
color: #838386;
}
.context-dark .quote-modern-small, .box-scrim-example .quote-modern-small, .bg-gray-darker .quote-modern-small, .bg-additional-gray-darker .bg-additional-item .quote-modern-small,
.bg-image .quote-modern-small, .bg-additional-image .bg-additional-item .quote-modern-small,
.bg-gradient .quote-modern-small, .bg-gradient-1 .quote-modern-small, .bg-gradient-2 .quote-modern-small, .bg-gradient-3 .quote-modern-small, .bg-primary .quote-modern-small, .bg-primary-accent .quote-modern-small, .bg-secondary-2 .quote-modern-small, .breadcrumbs-custom-light .quote-modern-small {
color: #c2c2c3;
}
.context-dark .owl-dot:hover, .box-scrim-example .owl-dot:hover, .bg-gray-darker .owl-dot:hover, .bg-additional-gray-darker .bg-additional-item .owl-dot:hover,
.bg-image .owl-dot:hover, .bg-additional-image .bg-additional-item .owl-dot:hover,
.bg-gradient .owl-dot:hover, .bg-gradient-1 .owl-dot:hover, .bg-gradient-2 .owl-dot:hover, .bg-gradient-3 .owl-dot:hover, .bg-primary .owl-dot:hover, .bg-primary-accent .owl-dot:hover, .bg-secondary-2 .owl-dot:hover, .breadcrumbs-custom-light .owl-dot:hover, .context-dark .owl-dot.active, .box-scrim-example .owl-dot.active, .bg-gray-darker .owl-dot.active, .bg-additional-gray-darker .bg-additional-item .owl-dot.active,
.bg-image .owl-dot.active, .bg-additional-image .bg-additional-item .owl-dot.active,
.bg-gradient .owl-dot.active, .bg-gradient-1 .owl-dot.active, .bg-gradient-2 .owl-dot.active, .bg-gradient-3 .owl-dot.active, .bg-primary .owl-dot.active, .bg-primary-accent .owl-dot.active, .bg-secondary-2 .owl-dot.active, .breadcrumbs-custom-light .owl-dot.active {
background-color: #003768;
}
.context-dark .slider-widget, .box-scrim-example .slider-widget, .bg-gray-darker .slider-widget, .bg-additional-gray-darker .bg-additional-item .slider-widget,
.bg-image .slider-widget, .bg-additional-image .bg-additional-item .slider-widget,
.bg-gradient .slider-widget, .bg-gradient-1 .slider-widget, .bg-gradient-2 .slider-widget, .bg-gradient-3 .slider-widget, .bg-primary .slider-widget, .bg-primary-accent .slider-widget, .bg-secondary-2 .slider-widget, .breadcrumbs-custom-light .slider-widget {
box-shadow: none;
}
.context-dark hr, .box-scrim-example hr, .bg-gray-darker hr, .bg-additional-gray-darker .bg-additional-item hr,
.bg-image hr, .bg-additional-image .bg-additional-item hr,
.bg-gradient hr, .bg-gradient-1 hr, .bg-gradient-2 hr, .bg-gradient-3 hr, .bg-primary hr, .bg-primary-accent hr, .bg-secondary-2 hr, .breadcrumbs-custom-light hr {
border-color: #fff;
opacity: .5;
}
.context-dark .divider-default, .box-scrim-example .divider-default, .bg-gray-darker .divider-default, .bg-additional-gray-darker .bg-additional-item .divider-default,
.bg-image .divider-default, .bg-additional-image .bg-additional-item .divider-default,
.bg-gradient .divider-default, .bg-gradient-1 .divider-default, .bg-gradient-2 .divider-default, .bg-gradient-3 .divider-default, .bg-primary .divider-default, .bg-primary-accent .divider-default, .bg-secondary-2 .divider-default, .breadcrumbs-custom-light .divider-default {
opacity: 1;
}
.context-dark .box-minimal-border .box-minimal-icon, .box-scrim-example .box-minimal-border .box-minimal-icon, .bg-gray-darker .box-minimal-border .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-icon,
.bg-image .box-minimal-border .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-icon,
.bg-gradient .box-minimal-border .box-minimal-icon, .bg-gradient-1 .box-minimal-border .box-minimal-icon, .bg-gradient-2 .box-minimal-border .box-minimal-icon, .bg-gradient-3 .box-minimal-border .box-minimal-icon, .bg-primary .box-minimal-border .box-minimal-icon, .bg-primary-accent .box-minimal-border .box-minimal-icon, .bg-secondary-2 .box-minimal-border .box-minimal-icon, .breadcrumbs-custom-light .box-minimal-border .box-minimal-icon {
color: #fff;
}
.context-dark .box-minimal-border .box-minimal-icon svg, .box-scrim-example .box-minimal-border .box-minimal-icon svg, .bg-gray-darker .box-minimal-border .box-minimal-icon svg, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-icon svg,
.bg-image .box-minimal-border .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-icon svg,
.bg-gradient .box-minimal-border .box-minimal-icon svg, .bg-gradient-1 .box-minimal-border .box-minimal-icon svg, .bg-gradient-2 .box-minimal-border .box-minimal-icon svg, .bg-gradient-3 .box-minimal-border .box-minimal-icon svg, .bg-primary .box-minimal-border .box-minimal-icon svg, .bg-primary-accent .box-minimal-border .box-minimal-icon svg, .bg-secondary-2 .box-minimal-border .box-minimal-icon svg, .breadcrumbs-custom-light .box-minimal-border .box-minimal-icon svg {
fill: #fff;
}
.context-dark .box-minimal-border .box-minimal-title, .box-scrim-example .box-minimal-border .box-minimal-title, .bg-gray-darker .box-minimal-border .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-title,
.bg-image .box-minimal-border .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-title,
.bg-gradient .box-minimal-border .box-minimal-title, .bg-gradient-1 .box-minimal-border .box-minimal-title, .bg-gradient-2 .box-minimal-border .box-minimal-title, .bg-gradient-3 .box-minimal-border .box-minimal-title, .bg-primary .box-minimal-border .box-minimal-title, .bg-primary-accent .box-minimal-border .box-minimal-title, .bg-secondary-2 .box-minimal-border .box-minimal-title, .breadcrumbs-custom-light .box-minimal-border .box-minimal-title {
color: #fff;
}
.context-dark .box-minimal-border:hover, .box-scrim-example .box-minimal-border:hover, .bg-gray-darker .box-minimal-border:hover, .bg-additional-gray-darker .bg-additional-item .box-minimal-border:hover,
.bg-image .box-minimal-border:hover, .bg-additional-image .bg-additional-item .box-minimal-border:hover,
.bg-gradient .box-minimal-border:hover, .bg-gradient-1 .box-minimal-border:hover, .bg-gradient-2 .box-minimal-border:hover, .bg-gradient-3 .box-minimal-border:hover, .bg-primary .box-minimal-border:hover, .bg-primary-accent .box-minimal-border:hover, .bg-secondary-2 .box-minimal-border:hover, .breadcrumbs-custom-light .box-minimal-border:hover {
background: #0f9447;
border-color: #0f9447;
}
.context-dark .box-minimal-modern, .box-scrim-example .box-minimal-modern, .bg-gray-darker .box-minimal-modern, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern,
.bg-image .box-minimal-modern, .bg-additional-image .bg-additional-item .box-minimal-modern,
.bg-gradient .box-minimal-modern, .bg-gradient-1 .box-minimal-modern, .bg-gradient-2 .box-minimal-modern, .bg-gradient-3 .box-minimal-modern, .bg-primary .box-minimal-modern, .bg-primary-accent .box-minimal-modern, .bg-secondary-2 .box-minimal-modern, .breadcrumbs-custom-light .box-minimal-modern {
background-color: #fff;
}
.context-dark .box-minimal-modern .box-minimal-title, .box-scrim-example .box-minimal-modern .box-minimal-title, .bg-gray-darker .box-minimal-modern .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern .box-minimal-title,
.bg-image .box-minimal-modern .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-modern .box-minimal-title,
.bg-gradient .box-minimal-modern .box-minimal-title, .bg-gradient-1 .box-minimal-modern .box-minimal-title, .bg-gradient-2 .box-minimal-modern .box-minimal-title, .bg-gradient-3 .box-minimal-modern .box-minimal-title, .bg-primary .box-minimal-modern .box-minimal-title, .bg-primary-accent .box-minimal-modern .box-minimal-title, .bg-secondary-2 .box-minimal-modern .box-minimal-title, .breadcrumbs-custom-light .box-minimal-modern .box-minimal-title {
color: #29292b;
}
.context-dark .box-minimal-modern .box-minimal-text, .box-scrim-example .box-minimal-modern .box-minimal-text, .bg-gray-darker .box-minimal-modern .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern .box-minimal-text,
.bg-image .box-minimal-modern .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-modern .box-minimal-text,
.bg-gradient .box-minimal-modern .box-minimal-text, .bg-gradient-1 .box-minimal-modern .box-minimal-text, .bg-gradient-2 .box-minimal-modern .box-minimal-text, .bg-gradient-3 .box-minimal-modern .box-minimal-text, .bg-primary .box-minimal-modern .box-minimal-text, .bg-primary-accent .box-minimal-modern .box-minimal-text, .bg-secondary-2 .box-minimal-modern .box-minimal-text, .breadcrumbs-custom-light .box-minimal-modern .box-minimal-text {
color: #838386;
}
.context-dark .counter-wrap .icon-secondary, .box-scrim-example .counter-wrap .icon-secondary, .bg-gray-darker .counter-wrap .icon-secondary, .bg-additional-gray-darker .bg-additional-item .counter-wrap .icon-secondary,
.bg-image .counter-wrap .icon-secondary, .bg-additional-image .bg-additional-item .counter-wrap .icon-secondary,
.bg-gradient .counter-wrap .icon-secondary, .bg-gradient-1 .counter-wrap .icon-secondary, .bg-gradient-2 .counter-wrap .icon-secondary, .bg-gradient-3 .counter-wrap .icon-secondary, .bg-primary .counter-wrap .icon-secondary, .bg-primary-accent .counter-wrap .icon-secondary, .bg-secondary-2 .counter-wrap .icon-secondary, .breadcrumbs-custom-light .counter-wrap .icon-secondary {
color: #ffec17;
}
.context-dark .post-blog-article, .box-scrim-example .post-blog-article, .bg-gray-darker .post-blog-article, .bg-additional-gray-darker .bg-additional-item .post-blog-article,
.bg-image .post-blog-article, .bg-additional-image .bg-additional-item .post-blog-article,
.bg-gradient .post-blog-article, .bg-gradient-1 .post-blog-article, .bg-gradient-2 .post-blog-article, .bg-gradient-3 .post-blog-article, .bg-primary .post-blog-article, .bg-primary-accent .post-blog-article, .bg-secondary-2 .post-blog-article, .breadcrumbs-custom-light .post-blog-article {
color: #c2c2c3;
}
.context-dark .post-blog-article-title, .box-scrim-example .post-blog-article-title, .bg-gray-darker .post-blog-article-title, .bg-additional-gray-darker .bg-additional-item .post-blog-article-title,
.bg-image .post-blog-article-title, .bg-additional-image .bg-additional-item .post-blog-article-title,
.bg-gradient .post-blog-article-title, .bg-gradient-1 .post-blog-article-title, .bg-gradient-2 .post-blog-article-title, .bg-gradient-3 .post-blog-article-title, .bg-primary .post-blog-article-title, .bg-primary-accent .post-blog-article-title, .bg-secondary-2 .post-blog-article-title, .breadcrumbs-custom-light .post-blog-article-title, .context-dark .post-blog-article .big, .box-scrim-example .post-blog-article .big, .bg-gray-darker .post-blog-article .big, .bg-additional-gray-darker .bg-additional-item .post-blog-article .big,
.bg-image .post-blog-article .big, .bg-additional-image .bg-additional-item .post-blog-article .big,
.bg-gradient .post-blog-article .big, .bg-gradient-1 .post-blog-article .big, .bg-gradient-2 .post-blog-article .big, .bg-gradient-3 .post-blog-article .big, .bg-primary .post-blog-article .big, .bg-primary-accent .post-blog-article .big, .bg-secondary-2 .post-blog-article .big, .breadcrumbs-custom-light .post-blog-article .big {
color: #fff;
}
.context-dark .post-blog-article .box-inline a, .box-scrim-example .post-blog-article .box-inline a, .bg-gray-darker .post-blog-article .box-inline a, .bg-additional-gray-darker .bg-additional-item .post-blog-article .box-inline a,
.bg-image .post-blog-article .box-inline a, .bg-additional-image .bg-additional-item .post-blog-article .box-inline a,
.bg-gradient .post-blog-article .box-inline a, .bg-gradient-1 .post-blog-article .box-inline a, .bg-gradient-2 .post-blog-article .box-inline a, .bg-gradient-3 .post-blog-article .box-inline a, .bg-primary .post-blog-article .box-inline a, .bg-primary-accent .post-blog-article .box-inline a, .bg-secondary-2 .post-blog-article .box-inline a, .breadcrumbs-custom-light .post-blog-article .box-inline a {
color: #c2c2c3;
}
.context-dark .post-blog-article .box-inline a:hover, .box-scrim-example .post-blog-article .box-inline a:hover, .bg-gray-darker .post-blog-article .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .post-blog-article .box-inline a:hover,
.bg-image .post-blog-article .box-inline a:hover, .bg-additional-image .bg-additional-item .post-blog-article .box-inline a:hover,
.bg-gradient .post-blog-article .box-inline a:hover, .bg-gradient-1 .post-blog-article .box-inline a:hover, .bg-gradient-2 .post-blog-article .box-inline a:hover, .bg-gradient-3 .post-blog-article .box-inline a:hover, .bg-primary .post-blog-article .box-inline a:hover, .bg-primary-accent .post-blog-article .box-inline a:hover, .bg-secondary-2 .post-blog-article .box-inline a:hover, .breadcrumbs-custom-light .post-blog-article .box-inline a:hover {
color: #ffec17;
}
.context-dark .breadcrumbs-custom-path > li.active, .box-scrim-example .breadcrumbs-custom-path > li.active, .bg-gray-darker .breadcrumbs-custom-path > li.active, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li.active,
.bg-image .breadcrumbs-custom-path > li.active, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li.active,
.bg-gradient .breadcrumbs-custom-path > li.active, .bg-gradient-1 .breadcrumbs-custom-path > li.active, .bg-gradient-2 .breadcrumbs-custom-path > li.active, .bg-gradient-3 .breadcrumbs-custom-path > li.active, .bg-primary .breadcrumbs-custom-path > li.active, .bg-primary-accent .breadcrumbs-custom-path > li.active, .bg-secondary-2 .breadcrumbs-custom-path > li.active, .breadcrumbs-custom-light .breadcrumbs-custom-path > li.active {
color: #fff;
}
.context-dark .breadcrumbs-custom-path > li a, .box-scrim-example .breadcrumbs-custom-path > li a, .bg-gray-darker .breadcrumbs-custom-path > li a, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li a,
.bg-image .breadcrumbs-custom-path > li a, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li a,
.bg-gradient .breadcrumbs-custom-path > li a, .bg-gradient-1 .breadcrumbs-custom-path > li a, .bg-gradient-2 .breadcrumbs-custom-path > li a, .bg-gradient-3 .breadcrumbs-custom-path > li a, .bg-primary .breadcrumbs-custom-path > li a, .bg-primary-accent .breadcrumbs-custom-path > li a, .bg-secondary-2 .breadcrumbs-custom-path > li a, .breadcrumbs-custom-light .breadcrumbs-custom-path > li a {
color: #fff;
}
.context-dark .breadcrumbs-custom-path > li a:hover, .box-scrim-example .breadcrumbs-custom-path > li a:hover, .bg-gray-darker .breadcrumbs-custom-path > li a:hover, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li a:hover,
.bg-image .breadcrumbs-custom-path > li a:hover, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li a:hover,
.bg-gradient .breadcrumbs-custom-path > li a:hover, .bg-gradient-1 .breadcrumbs-custom-path > li a:hover, .bg-gradient-2 .breadcrumbs-custom-path > li a:hover, .bg-gradient-3 .breadcrumbs-custom-path > li a:hover, .bg-primary .breadcrumbs-custom-path > li a:hover, .bg-primary-accent .breadcrumbs-custom-path > li a:hover, .bg-secondary-2 .breadcrumbs-custom-path > li a:hover, .breadcrumbs-custom-light .breadcrumbs-custom-path > li a:hover {
color: #ffec17;
}
.context-dark .parallax-text, .box-scrim-example .parallax-text, .bg-gray-darker .parallax-text, .bg-additional-gray-darker .bg-additional-item .parallax-text,
.bg-image .parallax-text, .bg-additional-image .bg-additional-item .parallax-text,
.bg-gradient .parallax-text, .bg-gradient-1 .parallax-text, .bg-gradient-2 .parallax-text, .bg-gradient-3 .parallax-text, .bg-primary .parallax-text, .bg-primary-accent .parallax-text, .bg-secondary-2 .parallax-text, .breadcrumbs-custom-light .parallax-text {
opacity: .1;
}
@media (min-width: 992px) {
.context-dark .isotope-filters-list > li > a, .box-scrim-example .isotope-filters-list > li > a, .bg-gray-darker .isotope-filters-list > li > a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a,
.bg-image .isotope-filters-list > li > a, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a,
.bg-gradient .isotope-filters-list > li > a, .bg-gradient-1 .isotope-filters-list > li > a, .bg-gradient-2 .isotope-filters-list > li > a, .bg-gradient-3 .isotope-filters-list > li > a, .bg-primary .isotope-filters-list > li > a, .bg-primary-accent .isotope-filters-list > li > a, .bg-secondary-2 .isotope-filters-list > li > a, .breadcrumbs-custom-light .isotope-filters-list > li > a {
color: #c2c2c3;
}
.context-dark .isotope-filters-list > li > a.active, .box-scrim-example .isotope-filters-list > li > a.active, .bg-gray-darker .isotope-filters-list > li > a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a.active,
.bg-image .isotope-filters-list > li > a.active, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a.active,
.bg-gradient .isotope-filters-list > li > a.active, .bg-gradient-1 .isotope-filters-list > li > a.active, .bg-gradient-2 .isotope-filters-list > li > a.active, .bg-gradient-3 .isotope-filters-list > li > a.active, .bg-primary .isotope-filters-list > li > a.active, .bg-primary-accent .isotope-filters-list > li > a.active, .bg-secondary-2 .isotope-filters-list > li > a.active, .breadcrumbs-custom-light .isotope-filters-list > li > a.active, .context-dark .isotope-filters-list > li > a:hover, .box-scrim-example .isotope-filters-list > li > a:hover, .bg-gray-darker .isotope-filters-list > li > a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a:hover,
.bg-image .isotope-filters-list > li > a:hover, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a:hover,
.bg-gradient .isotope-filters-list > li > a:hover, .bg-gradient-1 .isotope-filters-list > li > a:hover, .bg-gradient-2 .isotope-filters-list > li > a:hover, .bg-gradient-3 .isotope-filters-list > li > a:hover, .bg-primary .isotope-filters-list > li > a:hover, .bg-primary-accent .isotope-filters-list > li > a:hover, .bg-secondary-2 .isotope-filters-list > li > a:hover, .breadcrumbs-custom-light .isotope-filters-list > li > a:hover {
color: #ffec17;
}
}
@media (min-width: 992px) {
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) {
border-bottom: 1px solid rgba(242, 243, 249, 0.1);
}
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a {
color: #c2c2c3;
}
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after {
background: #ffec17;
}
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover {
color: #ffec17;
}
}
@media (min-width: 1200px) {
.context-dark .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .box-scrim-example .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gray-darker .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-additional-gray-darker .bg-additional-item .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list,
.bg-image .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-additional-image .bg-additional-item .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list,
.bg-gradient .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-1 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-2 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-3 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-primary .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-primary-accent .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-secondary-2 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .breadcrumbs-custom-light .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list {
border-bottom: none;
border-right: 1px solid rgba(242, 243, 249, 0.1);
}
}
.context-dark .post-blog-article-meta, .box-scrim-example .post-blog-article-meta, .bg-gray-darker .post-blog-article-meta, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta,
.bg-image .post-blog-article-meta, .bg-additional-image .bg-additional-item .post-blog-article-meta,
.bg-gradient .post-blog-article-meta, .bg-gradient-1 .post-blog-article-meta, .bg-gradient-2 .post-blog-article-meta, .bg-gradient-3 .post-blog-article-meta, .bg-primary .post-blog-article-meta, .bg-primary-accent .post-blog-article-meta, .bg-secondary-2 .post-blog-article-meta, .breadcrumbs-custom-light .post-blog-article-meta {
color: #c2c2c3;
}
.context-dark .post-blog-article-meta .box-inline a, .box-scrim-example .post-blog-article-meta .box-inline a, .bg-gray-darker .post-blog-article-meta .box-inline a, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta .box-inline a,
.bg-image .post-blog-article-meta .box-inline a, .bg-additional-image .bg-additional-item .post-blog-article-meta .box-inline a,
.bg-gradient .post-blog-article-meta .box-inline a, .bg-gradient-1 .post-blog-article-meta .box-inline a, .bg-gradient-2 .post-blog-article-meta .box-inline a, .bg-gradient-3 .post-blog-article-meta .box-inline a, .bg-primary .post-blog-article-meta .box-inline a, .bg-primary-accent .post-blog-article-meta .box-inline a, .bg-secondary-2 .post-blog-article-meta .box-inline a, .breadcrumbs-custom-light .post-blog-article-meta .box-inline a {
color: #c2c2c3;
}
.context-dark .post-blog-article-meta .box-inline a:hover, .box-scrim-example .post-blog-article-meta .box-inline a:hover, .bg-gray-darker .post-blog-article-meta .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta .box-inline a:hover,
.bg-image .post-blog-article-meta .box-inline a:hover, .bg-additional-image .bg-additional-item .post-blog-article-meta .box-inline a:hover,
.bg-gradient .post-blog-article-meta .box-inline a:hover, .bg-gradient-1 .post-blog-article-meta .box-inline a:hover, .bg-gradient-2 .post-blog-article-meta .box-inline a:hover, .bg-gradient-3 .post-blog-article-meta .box-inline a:hover, .bg-primary .post-blog-article-meta .box-inline a:hover, .bg-primary-accent .post-blog-article-meta .box-inline a:hover, .bg-secondary-2 .post-blog-article-meta .box-inline a:hover, .breadcrumbs-custom-light .post-blog-article-meta .box-inline a:hover {
color: #003768;
}
.context-dark .post-blog-large-text, .box-scrim-example .post-blog-large-text, .bg-gray-darker .post-blog-large-text, .bg-additional-gray-darker .bg-additional-item .post-blog-large-text,
.bg-image .post-blog-large-text, .bg-additional-image .bg-additional-item .post-blog-large-text,
.bg-gradient .post-blog-large-text, .bg-gradient-1 .post-blog-large-text, .bg-gradient-2 .post-blog-large-text, .bg-gradient-3 .post-blog-large-text, .bg-primary .post-blog-large-text, .bg-primary-accent .post-blog-large-text, .bg-secondary-2 .post-blog-large-text, .breadcrumbs-custom-light .post-blog-large-text {
color: #29292b;
}
@media (max-width: 767px) {
.context-dark .tabs-custom.tabs-line .nav-tabs, .box-scrim-example .tabs-custom.tabs-line .nav-tabs, .bg-gray-darker .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs,
.bg-image .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs,
.bg-gradient .tabs-custom.tabs-line .nav-tabs, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs, .bg-primary .tabs-custom.tabs-line .nav-tabs, .bg-primary-accent .tabs-custom.tabs-line .nav-tabs, .bg-secondary-2 .tabs-custom.tabs-line .nav-tabs, .breadcrumbs-custom-light .tabs-custom.tabs-line .nav-tabs {
border-color: #29292b;
}
}
.context-dark .time_circles > div > h4, .box-scrim-example .time_circles > div > h4, .bg-gray-darker .time_circles > div > h4, .bg-additional-gray-darker .bg-additional-item .time_circles > div > h4,
.bg-image .time_circles > div > h4, .bg-additional-image .bg-additional-item .time_circles > div > h4,
.bg-gradient .time_circles > div > h4, .bg-gradient-1 .time_circles > div > h4, .bg-gradient-2 .time_circles > div > h4, .bg-gradient-3 .time_circles > div > h4, .bg-primary .time_circles > div > h4, .bg-primary-accent .time_circles > div > h4, .bg-secondary-2 .time_circles > div > h4, .breadcrumbs-custom-light .time_circles > div > h4, .context-dark .time_circles > div > span, .box-scrim-example .time_circles > div > span, .bg-gray-darker .time_circles > div > span, .bg-additional-gray-darker .bg-additional-item .time_circles > div > span,
.bg-image .time_circles > div > span, .bg-additional-image .bg-additional-item .time_circles > div > span,
.bg-gradient .time_circles > div > span, .bg-gradient-1 .time_circles > div > span, .bg-gradient-2 .time_circles > div > span, .bg-gradient-3 .time_circles > div > span, .bg-primary .time_circles > div > span, .bg-primary-accent .time_circles > div > span, .bg-secondary-2 .time_circles > div > span, .breadcrumbs-custom-light .time_circles > div > span {
color: #fff;
}
.context-dark .titled-gallery-caption a, .box-scrim-example .titled-gallery-caption a, .bg-gray-darker .titled-gallery-caption a, .bg-additional-gray-darker .bg-additional-item .titled-gallery-caption a,
.bg-image .titled-gallery-caption a, .bg-additional-image .bg-additional-item .titled-gallery-caption a,
.bg-gradient .titled-gallery-caption a, .bg-gradient-1 .titled-gallery-caption a, .bg-gradient-2 .titled-gallery-caption a, .bg-gradient-3 .titled-gallery-caption a, .bg-primary .titled-gallery-caption a, .bg-primary-accent .titled-gallery-caption a, .bg-secondary-2 .titled-gallery-caption a, .breadcrumbs-custom-light .titled-gallery-caption a {
color: #003768;
}
.context-dark .titled-gallery-caption a:hover, .box-scrim-example .titled-gallery-caption a:hover, .bg-gray-darker .titled-gallery-caption a:hover, .bg-additional-gray-darker .bg-additional-item .titled-gallery-caption a:hover,
.bg-image .titled-gallery-caption a:hover, .bg-additional-image .bg-additional-item .titled-gallery-caption a:hover,
.bg-gradient .titled-gallery-caption a:hover, .bg-gradient-1 .titled-gallery-caption a:hover, .bg-gradient-2 .titled-gallery-caption a:hover, .bg-gradient-3 .titled-gallery-caption a:hover, .bg-primary .titled-gallery-caption a:hover, .bg-primary-accent .titled-gallery-caption a:hover, .bg-secondary-2 .titled-gallery-caption a:hover, .breadcrumbs-custom-light .titled-gallery-caption a:hover {
color: #fff;
}
.context-light {
color: #838386;
}
.context-light h1, .context-light h2, .context-light h3, .context-light h4, .context-light h5, .context-light h6, .context-light [class^='heading-'] {
color: #29292b;
}
/**
* Backgrounds Style
*/
.element-boxed .bg-white,
.element-boxed .bg-gray-lighter {
color: #838386;
}
.element-boxed .bg-white h1, .element-boxed .bg-white h2, .element-boxed .bg-white h3, .element-boxed .bg-white h4, .element-boxed .bg-white h5, .element-boxed .bg-white h6, .element-boxed .bg-white [class^='heading-'],
.element-boxed .bg-gray-lighter h1,
.element-boxed .bg-gray-lighter h2,
.element-boxed .bg-gray-lighter h3,
.element-boxed .bg-gray-lighter h4,
.element-boxed .bg-gray-lighter h5,
.element-boxed .bg-gray-lighter h6,
.element-boxed .bg-gray-lighter [class^='heading-'] {
color: #29292b;
}
.element-boxed.bg-gray-darker, .bg-additional-gray-darker .element-boxed.bg-additional-item,
.element-boxed.bg-gray-darker h1, .bg-additional-gray-darker .element-boxed.bg-additional-item h1, .element-boxed.bg-gray-darker h2, .bg-additional-gray-darker .element-boxed.bg-additional-item h2, .element-boxed.bg-gray-darker h3, .bg-additional-gray-darker .element-boxed.bg-additional-item h3, .element-boxed.bg-gray-darker h4, .bg-additional-gray-darker .element-boxed.bg-additional-item h4, .element-boxed.bg-gray-darker h5, .bg-additional-gray-darker .element-boxed.bg-additional-item h5, .element-boxed.bg-gray-darker h6, .bg-additional-gray-darker .element-boxed.bg-additional-item h6, .element-boxed.bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .element-boxed.bg-additional-item [class^='heading-'] {
color: #fff;
}
.bg-gray-lighter .post-blog .post-blog-caption,
.bg-gray-darker .post-blog .post-blog-caption, .bg-additional-gray-darker .bg-additional-item .post-blog .post-blog-caption {
background-color: #fff;
}
.bg-gray-lighter .post-blog .post-blog-caption-footer,
.bg-gray-darker .post-blog .post-blog-caption-footer, .bg-additional-gray-darker .bg-additional-item .post-blog .post-blog-caption-footer {
border-color: #f2f3f9;
}
/**
* Background White
*/
.bg-white {
background-color: #fff;
fill: #fff;
}
.bg-white .way-point > svg {
fill: inherit;
}
.bg-white + .bg-white {
padding-top: 0;
}
.bg-white .bg-decoration > svg {
fill: #fff;
}
.bg-white .time-line-vertical-element:before,
.bg-white .time-line-vertical-element .unit-body:before {
background-color: #fff;
}
.bg-white .twitter-feed {
background-color: #f2f3f9;
}
.bg-white .slider-widget {
background: #f2f3f9;
}
/**
* Background Gray Lighter
*/
.bg-gray-lighter {
background-color: #f2f3f9;
fill: #f2f3f9;
}
.bg-gray-lighter .way-point > svg {
fill: inherit;
}
.bg-gray-lighter + .bg-gray-lighter {
padding-top: 0;
}
.bg-gray-lighter .bg-decoration > svg {
fill: #f2f3f9;
}
.bg-gray-lighter .time-line-vertical-element:before,
.bg-gray-lighter .time-line-vertical-element .unit-body:before {
background-color: #f2f3f9;
}
.bg-gray-lighter .pricing-box {
background-color: #fff;
}
.bg-gray-lighter .slider-widget {
background: #fff;
}
.bg-gray-lighter .post-classic {
background: #fff;
}
.bg-gray-lighter .post-modern-body {
background: #fff;
}
.bg-gray-lighter .panel-light:first-child .panel-title {
border-top-color: #c2c2c3;
}
.bg-gray-lighter .panel-light .panel-title a.collapsed {
border-bottom-color: #c2c2c3;
}
.bg-gray-lighter .panel-light .panel-collapse {
color: #838386;
border-bottom-color: #c2c2c3;
}
.bg-gray-lighter .post-facebook {
background: #fff;
}
.bg-gray-lighter .rd-mailform-inline .rd-mailform-inline-inner::before,
.bg-gray-lighter .form-input {
background-color: #fff;
}
.bg-gray-lighter .box-minimal-border:hover {
background: #fff;
border-color: #fff;
}
.bg-gray-lighter .box-minimal-modern {
background-color: #fff;
}
.bg-gray-lighter .breadcrumbs-custom-path a, .bg-gray-lighter .breadcrumbs-custom-path a:active, .bg-gray-lighter .breadcrumbs-custom-path a:focus {
color: #0f9447;
}
.bg-gray-lighter .breadcrumbs-custom-path a:hover {
color: #003768;
}
.bg-gray-lighter .breadcrumbs-custom-path li.active {
color: #0f9447;
}
/**
* Common Background Gray Darker, Background Images
*/
.bg-gray-darker .pricing-box, .bg-additional-gray-darker .bg-additional-item .pricing-box,
.bg-image .pricing-box, .bg-additional-image .bg-additional-item .pricing-box,
.bg-gradient .pricing-box, .bg-gradient-1 .pricing-box, .bg-gradient-2 .pricing-box, .bg-gradient-3 .pricing-box {
background-color: #fff;
}
.bg-gray-darker .list-comma, .bg-additional-gray-darker .bg-additional-item .list-comma,
.bg-image .list-comma, .bg-additional-image .bg-additional-item .list-comma,
.bg-gradient .list-comma, .bg-gradient-1 .list-comma, .bg-gradient-2 .list-comma, .bg-gradient-3 .list-comma {
color: #fff;
}
.bg-gray-darker .list-comma li:after, .bg-additional-gray-darker .bg-additional-item .list-comma li:after,
.bg-image .list-comma li:after, .bg-additional-image .bg-additional-item .list-comma li:after,
.bg-gradient .list-comma li:after, .bg-gradient-1 .list-comma li:after, .bg-gradient-2 .list-comma li:after, .bg-gradient-3 .list-comma li:after {
color: inherit;
}
.bg-gray-darker .panel-light:first-child .panel-title, .bg-additional-gray-darker .bg-additional-item .panel-light:first-child .panel-title,
.bg-image .panel-light:first-child .panel-title, .bg-additional-image .bg-additional-item .panel-light:first-child .panel-title,
.bg-gradient .panel-light:first-child .panel-title, .bg-gradient-1 .panel-light:first-child .panel-title, .bg-gradient-2 .panel-light:first-child .panel-title, .bg-gradient-3 .panel-light:first-child .panel-title {
border-top-color: #555555;
}
.bg-gray-darker .panel-light .panel-title a, .bg-additional-gray-darker .bg-additional-item .panel-light .panel-title a,
.bg-image .panel-light .panel-title a, .bg-additional-image .bg-additional-item .panel-light .panel-title a,
.bg-gradient .panel-light .panel-title a, .bg-gradient-1 .panel-light .panel-title a, .bg-gradient-2 .panel-light .panel-title a, .bg-gradient-3 .panel-light .panel-title a {
color: #fff;
}
.bg-gray-darker .panel-light .panel-title a.collapsed, .bg-additional-gray-darker .bg-additional-item .panel-light .panel-title a.collapsed,
.bg-image .panel-light .panel-title a.collapsed, .bg-additional-image .bg-additional-item .panel-light .panel-title a.collapsed,
.bg-gradient .panel-light .panel-title a.collapsed, .bg-gradient-1 .panel-light .panel-title a.collapsed, .bg-gradient-2 .panel-light .panel-title a.collapsed, .bg-gradient-3 .panel-light .panel-title a.collapsed {
border-bottom-color: #555555;
}
.bg-gray-darker .panel-light .panel-collapse, .bg-additional-gray-darker .bg-additional-item .panel-light .panel-collapse,
.bg-image .panel-light .panel-collapse, .bg-additional-image .bg-additional-item .panel-light .panel-collapse,
.bg-gradient .panel-light .panel-collapse, .bg-gradient-1 .panel-light .panel-collapse, .bg-gradient-2 .panel-light .panel-collapse, .bg-gradient-3 .panel-light .panel-collapse {
color: #c2c2c3;
border-bottom-color: #555555;
}
.bg-gray-darker .list-twitter a, .bg-additional-gray-darker .bg-additional-item .list-twitter a,
.bg-image .list-twitter a, .bg-additional-image .bg-additional-item .list-twitter a,
.bg-gradient .list-twitter a, .bg-gradient-1 .list-twitter a, .bg-gradient-2 .list-twitter a, .bg-gradient-3 .list-twitter a {
color: #003768;
}
.bg-gray-darker .list-twitter a:hover, .bg-additional-gray-darker .bg-additional-item .list-twitter a:hover,
.bg-image .list-twitter a:hover, .bg-additional-image .bg-additional-item .list-twitter a:hover,
.bg-gradient .list-twitter a:hover, .bg-gradient-1 .list-twitter a:hover, .bg-gradient-2 .list-twitter a:hover, .bg-gradient-3 .list-twitter a:hover {
color: #ffec17;
}
.bg-gray-darker .tabs-custom.tabs-line .icon-primary, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .icon-primary,
.bg-image .tabs-custom.tabs-line .icon-primary, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .icon-primary,
.bg-gradient .tabs-custom.tabs-line .icon-primary, .bg-gradient-1 .tabs-custom.tabs-line .icon-primary, .bg-gradient-2 .tabs-custom.tabs-line .icon-primary, .bg-gradient-3 .tabs-custom.tabs-line .icon-primary {
color: #003768;
}
@media (min-width: 768px) {
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs,
.bg-image .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs,
.bg-gradient .tabs-custom.tabs-line .nav-tabs, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs {
border-color: #c2c2c3;
}
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a,
.bg-image .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a,
.bg-gradient .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a {
color: #c2c2c3;
}
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a:after, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-image .tabs-custom.tabs-line .nav-tabs li a:after, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-gradient .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:after {
background-color: #ffec17;
}
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-image .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-image .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-gradient .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gradient .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:hover {
color: #ffec17;
}
}
.bg-gray-darker .box-inline a, .bg-additional-gray-darker .bg-additional-item .box-inline a,
.bg-image .box-inline a, .bg-additional-image .bg-additional-item .box-inline a,
.bg-gradient .box-inline a, .bg-gradient-1 .box-inline a, .bg-gradient-2 .box-inline a, .bg-gradient-3 .box-inline a {
color: #fff;
}
.bg-gray-darker .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .box-inline a:hover,
.bg-image .box-inline a:hover, .bg-additional-image .bg-additional-item .box-inline a:hover,
.bg-gradient .box-inline a:hover, .bg-gradient-1 .box-inline a:hover, .bg-gradient-2 .box-inline a:hover, .bg-gradient-3 .box-inline a:hover {
color: #ffec17;
}
.bg-gray-darker .radio .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio .radio-custom-dummy,
.bg-gray-darker .radio-inline .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio-inline .radio-custom-dummy,
.bg-image .radio .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio .radio-custom-dummy,
.bg-image .radio-inline .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio-inline .radio-custom-dummy,
.bg-gradient .radio .radio-custom-dummy, .bg-gradient-1 .radio .radio-custom-dummy, .bg-gradient-2 .radio .radio-custom-dummy, .bg-gradient-3 .radio .radio-custom-dummy,
.bg-gradient .radio-inline .radio-custom-dummy, .bg-gradient-1 .radio-inline .radio-custom-dummy, .bg-gradient-2 .radio-inline .radio-custom-dummy, .bg-gradient-3 .radio-inline .radio-custom-dummy {
border-color: #fff;
}
.bg-gray-darker .radio .radio-custom:checked + .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gray-darker .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-image .radio .radio-custom:checked + .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio .radio-custom:checked + .radio-custom-dummy,
.bg-image .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-gradient .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient-1 .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient-2 .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient-3 .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gradient .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient-1 .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient-2 .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient-3 .radio-inline .radio-custom:checked + .radio-custom-dummy {
border-color: #0f9447;
}
.bg-gray-darker .divider-thin, .bg-additional-gray-darker .bg-additional-item .divider-thin,
.bg-image .divider-thin, .bg-additional-image .bg-additional-item .divider-thin,
.bg-gradient .divider-thin, .bg-gradient-1 .divider-thin, .bg-gradient-2 .divider-thin, .bg-gradient-3 .divider-thin {
border-color: #d2d5e4;
}
.bg-gray-darker .twitter-feed-minimal-content, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content,
.bg-image .twitter-feed-minimal-content, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content,
.bg-gradient .twitter-feed-minimal-content, .bg-gradient-1 .twitter-feed-minimal-content, .bg-gradient-2 .twitter-feed-minimal-content, .bg-gradient-3 .twitter-feed-minimal-content {
color: #fff;
}
.bg-gray-darker .twitter-feed-minimal-content a, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a, .bg-gray-darker .twitter-feed-minimal-content a:focus, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:focus, .bg-gray-darker .twitter-feed-minimal-content a:active, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:active,
.bg-image .twitter-feed-minimal-content a, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a,
.bg-image .twitter-feed-minimal-content a:focus, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:focus,
.bg-image .twitter-feed-minimal-content a:active, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:active,
.bg-gradient .twitter-feed-minimal-content a, .bg-gradient-1 .twitter-feed-minimal-content a, .bg-gradient-2 .twitter-feed-minimal-content a, .bg-gradient-3 .twitter-feed-minimal-content a,
.bg-gradient .twitter-feed-minimal-content a:focus, .bg-gradient-1 .twitter-feed-minimal-content a:focus, .bg-gradient-2 .twitter-feed-minimal-content a:focus, .bg-gradient-3 .twitter-feed-minimal-content a:focus,
.bg-gradient .twitter-feed-minimal-content a:active, .bg-gradient-1 .twitter-feed-minimal-content a:active, .bg-gradient-2 .twitter-feed-minimal-content a:active, .bg-gradient-3 .twitter-feed-minimal-content a:active {
color: #003768;
}
.bg-gray-darker .twitter-feed-minimal-content a:hover, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:hover,
.bg-image .twitter-feed-minimal-content a:hover, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:hover,
.bg-gradient .twitter-feed-minimal-content a:hover, .bg-gradient-1 .twitter-feed-minimal-content a:hover, .bg-gradient-2 .twitter-feed-minimal-content a:hover, .bg-gradient-3 .twitter-feed-minimal-content a:hover {
color: #ffec17;
}
.bg-gray-darker .page-footer-inline-list a, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a, .bg-gray-darker .page-footer-inline-list a:focus, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:focus, .bg-gray-darker .page-footer-inline-list a:active, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:active,
.bg-gray-darker .list-darker a, .bg-additional-gray-darker .bg-additional-item .list-darker a,
.bg-gray-darker .list-darker a:focus, .bg-additional-gray-darker .bg-additional-item .list-darker a:focus,
.bg-gray-darker .list-darker a:active, .bg-additional-gray-darker .bg-additional-item .list-darker a:active,
.bg-image .page-footer-inline-list a, .bg-additional-image .bg-additional-item .page-footer-inline-list a,
.bg-image .page-footer-inline-list a:focus, .bg-additional-image .bg-additional-item .page-footer-inline-list a:focus,
.bg-image .page-footer-inline-list a:active, .bg-additional-image .bg-additional-item .page-footer-inline-list a:active,
.bg-image .list-darker a, .bg-additional-image .bg-additional-item .list-darker a,
.bg-image .list-darker a:focus, .bg-additional-image .bg-additional-item .list-darker a:focus,
.bg-image .list-darker a:active, .bg-additional-image .bg-additional-item .list-darker a:active,
.bg-gradient .page-footer-inline-list a, .bg-gradient-1 .page-footer-inline-list a, .bg-gradient-2 .page-footer-inline-list a, .bg-gradient-3 .page-footer-inline-list a,
.bg-gradient .page-footer-inline-list a:focus, .bg-gradient-1 .page-footer-inline-list a:focus, .bg-gradient-2 .page-footer-inline-list a:focus, .bg-gradient-3 .page-footer-inline-list a:focus,
.bg-gradient .page-footer-inline-list a:active, .bg-gradient-1 .page-footer-inline-list a:active, .bg-gradient-2 .page-footer-inline-list a:active, .bg-gradient-3 .page-footer-inline-list a:active,
.bg-gradient .list-darker a, .bg-gradient-1 .list-darker a, .bg-gradient-2 .list-darker a, .bg-gradient-3 .list-darker a,
.bg-gradient .list-darker a:focus, .bg-gradient-1 .list-darker a:focus, .bg-gradient-2 .list-darker a:focus, .bg-gradient-3 .list-darker a:focus,
.bg-gradient .list-darker a:active, .bg-gradient-1 .list-darker a:active, .bg-gradient-2 .list-darker a:active, .bg-gradient-3 .list-darker a:active {
color: #fff;
}
.bg-gray-darker .page-footer-inline-list a:hover, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:hover,
.bg-gray-darker .list-darker a:hover, .bg-additional-gray-darker .bg-additional-item .list-darker a:hover,
.bg-image .page-footer-inline-list a:hover, .bg-additional-image .bg-additional-item .page-footer-inline-list a:hover,
.bg-image .list-darker a:hover, .bg-additional-image .bg-additional-item .list-darker a:hover,
.bg-gradient .page-footer-inline-list a:hover, .bg-gradient-1 .page-footer-inline-list a:hover, .bg-gradient-2 .page-footer-inline-list a:hover, .bg-gradient-3 .page-footer-inline-list a:hover,
.bg-gradient .list-darker a:hover, .bg-gradient-1 .list-darker a:hover, .bg-gradient-2 .list-darker a:hover, .bg-gradient-3 .list-darker a:hover {
color: #2b7dc5;
}
.bg-gray-darker p.right a:hover, .bg-additional-gray-darker .bg-additional-item p.right a:hover,
.bg-image p.right a:hover, .bg-additional-image .bg-additional-item p.right a:hover,
.bg-gradient p.right a:hover, .bg-gradient-1 p.right a:hover, .bg-gradient-2 p.right a:hover, .bg-gradient-3 p.right a:hover {
color: #fff;
}
.bg-gray-darker a.icon-gray-light, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light, .bg-gray-darker a.icon-gray-light:focus, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:focus, .bg-gray-darker a.icon-gray-light:active, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:active, .bg-gray-darker a.icon-gray-light:not(:hover), .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:not(:hover),
.bg-image a.icon-gray-light, .bg-additional-image .bg-additional-item a.icon-gray-light,
.bg-image a.icon-gray-light:focus, .bg-additional-image .bg-additional-item a.icon-gray-light:focus,
.bg-image a.icon-gray-light:active, .bg-additional-image .bg-additional-item a.icon-gray-light:active,
.bg-image a.icon-gray-light:not(:hover), .bg-additional-image .bg-additional-item a.icon-gray-light:not(:hover),
.bg-gradient a.icon-gray-light, .bg-gradient-1 a.icon-gray-light, .bg-gradient-2 a.icon-gray-light, .bg-gradient-3 a.icon-gray-light,
.bg-gradient a.icon-gray-light:focus, .bg-gradient-1 a.icon-gray-light:focus, .bg-gradient-2 a.icon-gray-light:focus, .bg-gradient-3 a.icon-gray-light:focus,
.bg-gradient a.icon-gray-light:active, .bg-gradient-1 a.icon-gray-light:active, .bg-gradient-2 a.icon-gray-light:active, .bg-gradient-3 a.icon-gray-light:active,
.bg-gradient a.icon-gray-light:not(:hover), .bg-gradient-1 a.icon-gray-light:not(:hover), .bg-gradient-2 a.icon-gray-light:not(:hover), .bg-gradient-3 a.icon-gray-light:not(:hover) {
color: #c2c2c3;
}
.bg-gray-darker.page-footer-alternative .divider-xl, .bg-additional-gray-darker .page-footer-alternative.bg-additional-item .divider-xl,
.bg-image.page-footer-alternative .divider-xl, .bg-additional-image .page-footer-alternative.bg-additional-item .divider-xl,
.bg-gradient.page-footer-alternative .divider-xl, .page-footer-alternative.bg-gradient-1 .divider-xl, .page-footer-alternative.bg-gradient-2 .divider-xl, .page-footer-alternative.bg-gradient-3 .divider-xl {
border-color: rgba(255, 255, 255, 0.2);
}
.bg-gray-darker.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .bg-additional-gray-darker .page-footer-alternative.bg-additional-item a.icon.icon-gray-light[class*='instagram']:hover,
.bg-image.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .bg-additional-image .page-footer-alternative.bg-additional-item a.icon.icon-gray-light[class*='instagram']:hover,
.bg-gradient.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .page-footer-alternative.bg-gradient-1 a.icon.icon-gray-light[class*='instagram']:hover, .page-footer-alternative.bg-gradient-2 a.icon.icon-gray-light[class*='instagram']:hover, .page-footer-alternative.bg-gradient-3 a.icon.icon-gray-light[class*='instagram']:hover {
color: #c13584;
}
.bg-gray-darker .team-classic-title, .bg-additional-gray-darker .bg-additional-item .team-classic-title,
.bg-image .team-classic-title, .bg-additional-image .bg-additional-item .team-classic-title,
.bg-gradient .team-classic-title, .bg-gradient-1 .team-classic-title, .bg-gradient-2 .team-classic-title, .bg-gradient-3 .team-classic-title {
color: #ffec17;
}
.bg-gray-darker .team-classic-title:hover, .bg-additional-gray-darker .bg-additional-item .team-classic-title:hover,
.bg-image .team-classic-title:hover, .bg-additional-image .bg-additional-item .team-classic-title:hover,
.bg-gradient .team-classic-title:hover, .bg-gradient-1 .team-classic-title:hover, .bg-gradient-2 .team-classic-title:hover, .bg-gradient-3 .team-classic-title:hover {
color: #fff;
}
.bg-gray-darker .team-classic-job-position, .bg-additional-gray-darker .bg-additional-item .team-classic-job-position,
.bg-image .team-classic-job-position, .bg-additional-image .bg-additional-item .team-classic-job-position,
.bg-gradient .team-classic-job-position, .bg-gradient-1 .team-classic-job-position, .bg-gradient-2 .team-classic-job-position, .bg-gradient-3 .team-classic-job-position {
color: #c2c2c3;
}
.bg-gray-darker .team-inline-title:hover, .bg-additional-gray-darker .bg-additional-item .team-inline-title:hover,
.bg-image .team-inline-title:hover, .bg-additional-image .bg-additional-item .team-inline-title:hover,
.bg-gradient .team-inline-title:hover, .bg-gradient-1 .team-inline-title:hover, .bg-gradient-2 .team-inline-title:hover, .bg-gradient-3 .team-inline-title:hover {
color: #ffec17;
}
.bg-gray-darker a.icon.icon-gray-1:hover, .bg-additional-gray-darker .bg-additional-item a.icon.icon-gray-1:hover,
.bg-image a.icon.icon-gray-1:hover, .bg-additional-image .bg-additional-item a.icon.icon-gray-1:hover,
.bg-gradient a.icon.icon-gray-1:hover, .bg-gradient-1 a.icon.icon-gray-1:hover, .bg-gradient-2 a.icon.icon-gray-1:hover, .bg-gradient-3 a.icon.icon-gray-1:hover {
color: #ffec17;
}
.bg-gray-darker .team-classic .button-default-outline, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline, .bg-gray-darker .team-classic .button-default-outline:focus, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:focus,
.bg-image .team-classic .button-default-outline, .bg-additional-image .bg-additional-item .team-classic .button-default-outline,
.bg-image .team-classic .button-default-outline:focus, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:focus,
.bg-gradient .team-classic .button-default-outline, .bg-gradient-1 .team-classic .button-default-outline, .bg-gradient-2 .team-classic .button-default-outline, .bg-gradient-3 .team-classic .button-default-outline,
.bg-gradient .team-classic .button-default-outline:focus, .bg-gradient-1 .team-classic .button-default-outline:focus, .bg-gradient-2 .team-classic .button-default-outline:focus, .bg-gradient-3 .team-classic .button-default-outline:focus {
color: #fff;
background-color: #003768;
border-color: #003768;
}
.bg-gray-darker .team-classic .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:hover, .bg-gray-darker .team-classic .button-default-outline:active, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:active, .bg-gray-darker .team-classic .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:hover,
.bg-image .team-classic .button-default-outline:hover, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:hover,
.bg-image .team-classic .button-default-outline:active, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:active,
.bg-image .team-classic .button-default-outline:hover, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:hover,
.bg-gradient .team-classic .button-default-outline:hover, .bg-gradient-1 .team-classic .button-default-outline:hover, .bg-gradient-2 .team-classic .button-default-outline:hover, .bg-gradient-3 .team-classic .button-default-outline:hover,
.bg-gradient .team-classic .button-default-outline:active, .bg-gradient-1 .team-classic .button-default-outline:active, .bg-gradient-2 .team-classic .button-default-outline:active, .bg-gradient-3 .team-classic .button-default-outline:active,
.bg-gradient .team-classic .button-default-outline:hover, .bg-gradient-1 .team-classic .button-default-outline:hover, .bg-gradient-2 .team-classic .button-default-outline:hover, .bg-gradient-3 .team-classic .button-default-outline:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.bg-gray-darker .team-inline-text, .bg-additional-gray-darker .bg-additional-item .team-inline-text,
.bg-image .team-inline-text, .bg-additional-image .bg-additional-item .team-inline-text,
.bg-gradient .team-inline-text, .bg-gradient-1 .team-inline-text, .bg-gradient-2 .team-inline-text, .bg-gradient-3 .team-inline-text {
color: #ededed;
}
.bg-gray-darker .event-default-title, .bg-additional-gray-darker .bg-additional-item .event-default-title,
.bg-image .event-default-title, .bg-additional-image .bg-additional-item .event-default-title,
.bg-gradient .event-default-title, .bg-gradient-1 .event-default-title, .bg-gradient-2 .event-default-title, .bg-gradient-3 .event-default-title {
color: #ffec17;
}
.bg-gray-darker .event-default-title:hover, .bg-additional-gray-darker .bg-additional-item .event-default-title:hover,
.bg-image .event-default-title:hover, .bg-additional-image .bg-additional-item .event-default-title:hover,
.bg-gradient .event-default-title:hover, .bg-gradient-1 .event-default-title:hover, .bg-gradient-2 .event-default-title:hover, .bg-gradient-3 .event-default-title:hover {
color: #fff;
}
.bg-gray-darker .event-default-inner .event-default-link, .bg-additional-gray-darker .bg-additional-item .event-default-inner .event-default-link,
.bg-image .event-default-inner .event-default-link, .bg-additional-image .bg-additional-item .event-default-inner .event-default-link,
.bg-gradient .event-default-inner .event-default-link, .bg-gradient-1 .event-default-inner .event-default-link, .bg-gradient-2 .event-default-inner .event-default-link, .bg-gradient-3 .event-default-inner .event-default-link {
color: #c2c2c3;
}
.bg-gray-darker .event-default-inner .event-default-link:hover, .bg-additional-gray-darker .bg-additional-item .event-default-inner .event-default-link:hover,
.bg-image .event-default-inner .event-default-link:hover, .bg-additional-image .bg-additional-item .event-default-inner .event-default-link:hover,
.bg-gradient .event-default-inner .event-default-link:hover, .bg-gradient-1 .event-default-inner .event-default-link:hover, .bg-gradient-2 .event-default-inner .event-default-link:hover, .bg-gradient-3 .event-default-inner .event-default-link:hover {
color: #ffec17;
}
/**
*  Common Background Gray Darker, Background Images, Background gradient 1
*/
.bg-gradient-1 .box-cta-title,
.bg-gradient-2 .box-cta-title,
.bg-image .box-cta-title, .bg-additional-image .bg-additional-item .box-cta-title,
.bg-secondary-2 .box-cta-title,
.bg-gray-darker .box-cta-title, .bg-additional-gray-darker .bg-additional-item .box-cta-title {
color: #ffec17;
}
.bg-gradient-1 .box-cta,
.bg-gradient-2 .box-cta,
.bg-image .box-cta, .bg-additional-image .bg-additional-item .box-cta,
.bg-secondary-2 .box-cta,
.bg-gray-darker .box-cta, .bg-additional-gray-darker .bg-additional-item .box-cta {
color: #fff;
}
.bg-gradient-1 .link-bold,
.bg-gradient-2 .link-bold,
.bg-image .link-bold, .bg-additional-image .bg-additional-item .link-bold,
.bg-secondary-2 .link-bold,
.bg-gray-darker .link-bold, .bg-additional-gray-darker .bg-additional-item .link-bold {
color: #ffec17;
}
.bg-gradient-1 .link-bold:hover,
.bg-gradient-2 .link-bold:hover,
.bg-image .link-bold:hover, .bg-additional-image .bg-additional-item .link-bold:hover,
.bg-secondary-2 .link-bold:hover,
.bg-gray-darker .link-bold:hover, .bg-additional-gray-darker .bg-additional-item .link-bold:hover {
color: #fff;
}
.bg-gradient-1 .box-minimal-title,
.bg-gradient-2 .box-minimal-title,
.bg-image .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-title,
.bg-secondary-2 .box-minimal-title,
.bg-gray-darker .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-title {
color: #ffec17;
}
.bg-gradient-1 .box-minimal-text,
.bg-gradient-2 .box-minimal-text,
.bg-image .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-text,
.bg-secondary-2 .box-minimal-text,
.bg-gray-darker .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-text {
color: #fff;
opacity: .6;
}
.bg-gradient-1 .box-minimal-header .box-minimal-icon,
.bg-gradient-2 .box-minimal-header .box-minimal-icon,
.bg-image .box-minimal-header .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon,
.bg-secondary-2 .box-minimal-header .box-minimal-icon,
.bg-gray-darker .box-minimal-header .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon {
color: #fff;
}
.bg-gradient-1 .box-minimal-header .box-minimal-icon svg,
.bg-gradient-2 .box-minimal-header .box-minimal-icon svg,
.bg-image .box-minimal-header .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon svg,
.bg-secondary-2 .box-minimal-header .box-minimal-icon svg,
.bg-gray-darker .box-minimal-header .box-minimal-icon svg, .bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon svg {
fill: #fff;
}
.bg-gradient-1 .thumbnail-classic .divider-default,
.bg-gradient-2 .thumbnail-classic .divider-default,
.bg-image .thumbnail-classic .divider-default, .bg-additional-image .bg-additional-item .thumbnail-classic .divider-default,
.bg-secondary-2 .thumbnail-classic .divider-default,
.bg-gray-darker .thumbnail-classic .divider-default, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic .divider-default {
background: #fff;
}
.bg-gradient-1 .thumbnail-classic-title,
.bg-gradient-2 .thumbnail-classic-title,
.bg-image .thumbnail-classic-title, .bg-additional-image .bg-additional-item .thumbnail-classic-title,
.bg-secondary-2 .thumbnail-classic-title,
.bg-gray-darker .thumbnail-classic-title, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-title {
color: #003768;
}
.bg-gradient-1 .thumbnail-classic-icon,
.bg-gradient-2 .thumbnail-classic-icon,
.bg-image .thumbnail-classic-icon, .bg-additional-image .bg-additional-item .thumbnail-classic-icon,
.bg-secondary-2 .thumbnail-classic-icon,
.bg-gray-darker .thumbnail-classic-icon, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-icon {
color: #fff;
}
.bg-gradient-1 .thumbnail-classic-text,
.bg-gradient-2 .thumbnail-classic-text,
.bg-image .thumbnail-classic-text, .bg-additional-image .bg-additional-item .thumbnail-classic-text,
.bg-secondary-2 .thumbnail-classic-text,
.bg-gray-darker .thumbnail-classic-text, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-text {
color: rgba(255, 255, 255, 0.6);
}
.bg-gradient-1 .thumbnail-classic-secondary .divider-default,
.bg-gradient-2 .thumbnail-classic-secondary .divider-default,
.bg-image .thumbnail-classic-secondary .divider-default, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .divider-default,
.bg-secondary-2 .thumbnail-classic-secondary .divider-default,
.bg-gray-darker .thumbnail-classic-secondary .divider-default, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .divider-default {
background: #0f9447;
}
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-image .thumbnail-classic-secondary .thumbnail-classic-title, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-title, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-title {
color: #fff;
}
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-image .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon {
color: #ffec17;
}
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-image .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon::after {
border-color: #ffec17;
}
.bg-gradient-1 .image-shadow img,
.bg-gradient-2 .image-shadow img,
.bg-image .image-shadow img, .bg-additional-image .bg-additional-item .image-shadow img,
.bg-secondary-2 .image-shadow img,
.bg-gray-darker .image-shadow img, .bg-additional-gray-darker .bg-additional-item .image-shadow img {
box-shadow: 0 10px 30px 0 rgba(30, 31, 34, 0.5);
}
.bg-image .thumbnail-classic-secondary .thumbnail-classic-text, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-gradient .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient-3 .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-text {
color: rgba(255, 255, 255, 0.8);
}
.bg-image .typed-text, .bg-additional-image .bg-additional-item .typed-text,
.bg-image .typed-cursor, .bg-additional-image .bg-additional-item .typed-cursor,
.bg-gradient .typed-text, .bg-gradient-1 .typed-text, .bg-gradient-2 .typed-text, .bg-gradient-3 .typed-text,
.bg-gradient .typed-cursor, .bg-gradient-1 .typed-cursor, .bg-gradient-2 .typed-cursor, .bg-gradient-3 .typed-cursor,
.bg-secondary-2 .typed-text,
.bg-secondary-2 .typed-cursor {
color: #ffec17;
}
/**
* Background mixed
*/
.bg-primary-accent .button-default-outline, .bg-primary-accent .button-default-outline:focus,
.bg-secondary-2 .button-default-outline,
.bg-secondary-2 .button-default-outline:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.bg-primary-accent .button-default-outline:hover, .bg-primary-accent .button-default-outline:active, .bg-primary-accent .button-default-outline:hover,
.bg-secondary-2 .button-default-outline:hover,
.bg-secondary-2 .button-default-outline:active,
.bg-secondary-2 .button-default-outline:hover {
color: #fff;
background-color: #003768;
border-color: #003768;
}
/**
* Background Primary
*/
.bg-primary {
background-color: #0f9447;
fill: #0f9447;
}
.bg-primary .way-point > svg {
fill: inherit;
}
.bg-primary + .bg-primary {
padding-top: 0;
}
.bg-primary .bg-decoration > svg {
fill: #0f9447;
}
.bg-primary-accent {
background-color: #0f9447;
fill: #0f9447;
}
.bg-primary-accent .way-point > svg {
fill: inherit;
}
.bg-primary-accent + .bg-primary-accent {
padding-top: 0;
}
.bg-primary-accent .bg-decoration > svg {
fill: #0f9447;
}
.bg-primary-accent .parallax-text {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
}
/**
* Background Secondary 2
*/
.bg-secondary-2 {
background-color: #0f9447;
fill: #0f9447;
}
.bg-secondary-2 .way-point > svg {
fill: inherit;
}
.bg-secondary-2 + .bg-secondary-2 {
padding-top: 0;
}
.bg-secondary-2 .bg-decoration > svg {
fill: #0f9447;
}
.bg-secondary-2 .thumbnail-classic .divider-default {
background: #fff;
}
.bg-secondary-2 .thumbnail-classic-title {
color: #ffec17;
}
.bg-secondary-2 .box-minimal-border:hover {
background: #29292b;
border-color: #29292b;
}
/**
* Background Gray Darker
*/
.bg-gray-darker, .bg-additional-gray-darker .bg-additional-item {
background-color: #29292b;
fill: #29292b;
}
.bg-gray-darker .way-point > svg, .bg-additional-gray-darker .bg-additional-item .way-point > svg {
fill: inherit;
}
.bg-gray-darker + .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item + .bg-gray-darker, .bg-additional-gray-darker .bg-gray-darker + .bg-additional-item, .bg-additional-gray-darker .bg-additional-item + .bg-additional-item {
padding-top: 0;
}
.bg-gray-darker .bg-decoration > svg, .bg-additional-gray-darker .bg-additional-item .bg-decoration > svg {
fill: #29292b;
}
.bg-gray-darker h1 a:hover, .bg-additional-gray-darker .bg-additional-item h1 a:hover, .bg-gray-darker h2 a:hover, .bg-additional-gray-darker .bg-additional-item h2 a:hover, .bg-gray-darker h3 a:hover, .bg-additional-gray-darker .bg-additional-item h3 a:hover, .bg-gray-darker h4 a:hover, .bg-additional-gray-darker .bg-additional-item h4 a:hover, .bg-gray-darker h5 a:hover, .bg-additional-gray-darker .bg-additional-item h5 a:hover, .bg-gray-darker h6 a:hover, .bg-additional-gray-darker .bg-additional-item h6 a:hover, .bg-gray-darker [class^='heading-'] a:hover, .bg-additional-gray-darker .bg-additional-item [class^='heading-'] a:hover {
color: #ffec17;
}
.bg-gray-darker .time-line-vertical:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical:before,
.bg-gray-darker .time-line-vertical-element:last-child .unit-body:after, .bg-additional-gray-darker .bg-additional-item .time-line-vertical-element:last-child .unit-body:after,
.bg-gray-darker .time-line-vertical-element:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical-element:before,
.bg-gray-darker .time-line-vertical-element .unit-body:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical-element .unit-body:before {
background-color: #29292b;
border-color: #ffec17;
}
.bg-gray-darker .twitter, .bg-additional-gray-darker .bg-additional-item .twitter {
color: #fff;
}
.bg-gray-darker .time-line-time, .bg-additional-gray-darker .bg-additional-item .time-line-time,
.bg-gray-darker .time-line-content, .bg-additional-gray-darker .bg-additional-item .time-line-content {
color: #c2c2c3;
}
.bg-gray-darker .radio a, .bg-additional-gray-darker .bg-additional-item .radio a, .bg-gray-darker .radio-inline a, .bg-additional-gray-darker .bg-additional-item .radio-inline a,
.bg-gray-darker .checkbox a, .bg-additional-gray-darker .bg-additional-item .checkbox a, .bg-gray-darker .checkbox-inline a, .bg-additional-gray-darker .bg-additional-item .checkbox-inline a {
color: #003768;
}
.bg-gray-darker .radio a:hover, .bg-additional-gray-darker .bg-additional-item .radio a:hover, .bg-gray-darker .radio-inline a:hover, .bg-additional-gray-darker .bg-additional-item .radio-inline a:hover,
.bg-gray-darker .checkbox a:hover, .bg-additional-gray-darker .bg-additional-item .checkbox a:hover, .bg-gray-darker .checkbox-inline a:hover, .bg-additional-gray-darker .bg-additional-item .checkbox-inline a:hover {
color: #ffec17;
}
.bg-gray-darker .isotope-filters-list-buttons a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a, .bg-gray-darker .isotope-filters-list-buttons a:focus, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:focus {
color: #29292b;
background-color: #fff;
border-color: #ededed;
}
.bg-gray-darker .isotope-filters-list-buttons a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:hover, .bg-gray-darker .isotope-filters-list-buttons a:active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:active, .bg-gray-darker .isotope-filters-list-buttons a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.bg-gray-darker .button-default-outline, .bg-additional-gray-darker .bg-additional-item .button-default-outline, .bg-gray-darker .button-default-outline:focus, .bg-additional-gray-darker .bg-additional-item .button-default-outline:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.bg-gray-darker .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .button-default-outline:hover, .bg-gray-darker .button-default-outline:active, .bg-additional-gray-darker .bg-additional-item .button-default-outline:active, .bg-gray-darker .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .button-default-outline:hover {
color: #fff;
background-color: #003768;
border-color: #003768;
}
/**
* Background decorated
*/
.bg-decorated {
position: relative;
z-index: 10;
}
.bg-decoration {
position: absolute;
left: 0;
right: 0;
font-size: 0;
line-height: 0;
}
.bg-decoration-top {
top: 1px;
transform: translateY(-100%);
}
.bg-decoration-bottom {
bottom: 1px;
transform: translateY(100%);
}
.bg-decoration svg {
min-width: 1000px;
width: 100%;
fill: #fff;
}
/**
* Background Gradients
*/
.bg-gradient .divider-default, .bg-gradient-1 .divider-default, .bg-gradient-2 .divider-default, .bg-gradient-3 .divider-default {
background: #fff;
}
.bg-gradient-1 {
background-image: linear-gradient(to right, #2b7dc5 20%, #003768);
}
.bg-gradient-1 .box-cta .button-secondary, .bg-gradient-1 .box-cta .button-secondary:focus {
color: #fff;
background-color: transparent;
border-color: #ededed;
}
.bg-gradient-1 .box-cta .button-secondary:hover, .bg-gradient-1 .box-cta .button-secondary:active, .bg-gradient-1 .box-cta .button-secondary:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.bg-gradient-1 .label-cta-primary {
color: #29292b;
background: #ffec17;
}
.bg-gradient-2 {
background-image: linear-gradient(to left, #0f9447 20%, #003768);
}
.bg-gradient-2 .box-minimal-border:hover {
background: #29292b;
border-color: #29292b;
}
.bg-gradient-3 {
background-image: linear-gradient(-45deg, #310cb3 10%, #520db2 45%, #0f9447 80%);
}
.bg-gradient-3 .button-default-outline, .bg-gradient-3 .button-default-outline:focus {
color: #fff;
background-color: transparent;
border-color: #ededed;
}
.bg-gradient-3 .button-default-outline:hover, .bg-gradient-3 .button-default-outline:active, .bg-gradient-3 .button-default-outline:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
/**
* Background Images
*/
.bg-image, .bg-additional-image .bg-additional-item {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.bg-image, .bg-additional-image .bg-additional-item {
position: relative;
overflow: hidden;
z-index: 1;
}
.bg-image .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-icon {
color: #ffec17;
}
.bg-image .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-icon svg {
fill: #ffec17;
}
.bg-image .quote-boxed-small, .bg-additional-image .bg-additional-item .quote-boxed-small,
.bg-image .quote-vertical-small, .bg-additional-image .bg-additional-item .quote-vertical-small {
color: #c2c2c3;
}
.bg-image .button-default-outline, .bg-additional-image .bg-additional-item .button-default-outline, .bg-image .button-default-outline:focus, .bg-additional-image .bg-additional-item .button-default-outline:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.bg-image .button-default-outline:hover, .bg-additional-image .bg-additional-item .button-default-outline:hover, .bg-image .button-default-outline:active, .bg-additional-image .bg-additional-item .button-default-outline:active, .bg-image .button-default-outline:hover, .bg-additional-image .bg-additional-item .button-default-outline:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.bg-image .radio, .bg-additional-image .bg-additional-item .radio, .bg-image .radio-inline, .bg-additional-image .bg-additional-item .radio-inline,
.bg-image .checkbox, .bg-additional-image .bg-additional-item .checkbox, .bg-image .checkbox-inline, .bg-additional-image .bg-additional-item .checkbox-inline {
color: #fff;
}
.bg-image .radio a, .bg-additional-image .bg-additional-item .radio a, .bg-image .radio-inline a, .bg-additional-image .bg-additional-item .radio-inline a,
.bg-image .checkbox a, .bg-additional-image .bg-additional-item .checkbox a, .bg-image .checkbox-inline a, .bg-additional-image .bg-additional-item .checkbox-inline a {
color: #ffec17;
}
.bg-image .radio a:hover, .bg-additional-image .bg-additional-item .radio a:hover, .bg-image .radio-inline a:hover, .bg-additional-image .bg-additional-item .radio-inline a:hover,
.bg-image .checkbox a:hover, .bg-additional-image .bg-additional-item .checkbox a:hover, .bg-image .checkbox-inline a:hover, .bg-additional-image .bg-additional-item .checkbox-inline a:hover {
color: #fff;
}
.bg-image .bg-image-poster, .bg-additional-image .bg-additional-item .bg-image-poster {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.bg-image .bg-image-poster img, .bg-additional-image .bg-additional-item .bg-image-poster img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
object-position: right center;
width: 100%;
height: 100%;
}
.bg-image.section-reverse .bg-image-poster, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster {
transform: scale(-1, 1);
}
.bg-image.section-reverse .bg-image-poster img, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster img {
object-position: left center;
}
@media (max-width: 1199px) {
.bg-image.section-reverse .bg-image-poster.bg-image-poster-lg, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster.bg-image-poster-lg {
transform: none;
}
.bg-image.section-reverse .bg-image-poster.bg-image-poster-lg img, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster.bg-image-poster-lg img {
object-position: right center;
}
}
.ie-10 .bg-image .bg-image-poster img, .ie-10 .bg-additional-image .bg-additional-item .bg-image-poster img, .bg-additional-image .ie-10 .bg-additional-item .bg-image-poster img,
.ie-11 .bg-image .bg-image-poster img,
.ie-11 .bg-additional-image .bg-additional-item .bg-image-poster img, .bg-additional-image
.ie-11 .bg-additional-item .bg-image-poster img {
right: auto;
bottom: auto;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-width: 135%;
max-height: 135%;
min-height: 101%;
min-width: 101%;
transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
html.desktop .bg-fixed {
background-attachment: fixed;
}
}
[class*='bg-'] {
background-size: cover;
background-position: center center;
}
.bg-image-1 {
background-image: url("../images/bg-image-fixed.jpg");
}
.bg-image-2 {
background-image: url("../images/bg-02.jpg");
}
.bg-image-3 {
background-image: url("../images/bg-image-default.jpg");
}
.bg-image-4 {
background-image: url("../images/bg-03.jpg");
}
.bg-image-5 {
background-image: url("../images/bg-05.jpg");
}
.bg-image-6 {
background-image: url("../images/bg-07.jpg");
}
.bg-image-7 {
background-image: url("../images/bg-08.jpg");
}
.bg-image-8 {
background-image: url("../images/bg-09.jpg");
}
.bg-image-9 {
background-image: url("../images/bg-10.jpg");
}
.bg-image-10 {
background-image: url("../images/bg-11.jpg");
}
.bg-pattern-dark, .bg-additional-pattern-dark .bg-additional-item {
background-image: url("../images/bg-pattern-dark.jpg");
background-repeat: repeat;
}
.bg-additional-image-1 .bg-additional-item {
background-image: url("../images/bg-image-fixed.jpg");
}
.bg-additional-image-1 .bg-additional-item {
background-image: url("../images/bg-image-fixed.jpg");
}
.bg-additional-item {
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch;
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;
}
.bg-additional-item > * {
width: 100%;
}
/**
* 2.3  Blogs Style
*/
/**
* Blog Inline
*/
.blog-inline {
max-width: 318px;
margin-left: auto;
margin-right: auto;
letter-spacing: 0.02em;
}
.blog-inline-title {
color: #003768;
font-weight: 400;
}
.blog-inline-title a {
display: block;
}
.blog-inline-title > a, .blog-inline-title > a:focus, .blog-inline-title > a:active {
color: inherit;
}
.blog-inline-title > a:hover {
color: #0f9447;
}
.blog-inline-meta {
color: #838386;
font-style: italic;
margin-left: -20px;
margin-bottom: -10px;
transform: translateY(-10px);
}
.blog-inline-meta a, .blog-inline-meta a:focus, .blog-inline-meta a:active {
color: #838386;
}
.blog-inline-meta a:hover {
color: #0f9447;
}
.blog-inline-meta > li {
position: relative;
display: inline-block;
margin-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.blog-inline-meta > li + li:after {
content: '|';
position: absolute;
top: 0;
left: 0;
height: 100%;
color: #979799;
}
* + .blog-inline {
margin-top: 25px;
}
* + .blog-inline-wrap {
margin-top: 25px;
}
* + .blog-inline-meta {
margin-top: 5px;
}
@media (min-width: 768px) {
* + .blog-inline {
margin-top: 43px;
}
* + .blog-inline-wrap {
margin-top: 43px;
}
}
@media (min-width: 992px) {
.blog-inline {
margin-left: 0;
margin-right: auto;
}
}
/*
*
* 2.4  Boxes
* --------------------------------------------------
*/
/**
* Box minimal
*/
.box-minimal {
max-width: 390px;
}
.box-minimal * + p {
margin-top: 15px;
}
.box-minimal .box-minimal-icon {
font-size: 30px;
line-height: 1;
color: #0f9447;
}
.box-minimal-icon svg {
fill: #0f9447;
}
.box-minimal-title {
color: #29292b;
}
.shell-box-minimal-wrap .box-minimal {
max-width: 570px;
}
.box-accent p {
letter-spacing: 0.02em;
}
@media (min-width: 992px) {
.box-accent h6 + p, .box-accent .heading-6 + p {
margin-top: 26px;
}
}
@media (min-width: 1600px) {
.box-accent {
padding-right: 50px;
}
}
.box-minimal-header {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transform: translateY(-20px);
margin-bottom: -20px;
margin-left: -20px;
}
.box-minimal-header > * {
display: inline-block;
margin-top: 20px;
margin-left: 20px;
}
.box-minimal-light .box-minimal-icon {
color: #003768;
}
.box-minimal-light .box-minimal-icon svg {
fill: #003768;
}
.box-minimal-text {
color: #838386;
}
* + .box-minimal-text {
margin-top: 22px;
}
/**
* Box minimal border
*/
.box-minimal-border {
padding: 20px 15px;
border-radius: 8px;
border: 1px solid #c2c2c3;
transition: 450ms ease-in-out;
}
.box-minimal-border .box-minimal-icon {
font-size: 30px;
color: #29292b;
}
.box-minimal-border .box-minimal-icon svg {
fill: #29292b;
}
.box-minimal-border .box-minimal-title {
font-weight: 400;
}
.box-minimal-border * + hr {
margin-top: 20px;
}
.box-minimal-border:hover {
background: #f2f3f9;
border-color: #f2f3f9;
}
/**
* Box minimal modern
*/
.box-minimal-modern {
padding: 0 15px 30px;
margin-top: 50px;
background-color: #f2f3f9;
border-radius: 8px;
transition: 750ms ease-in-out;
}
.box-minimal-modern .box-minimal-icon {
position: relative;
top: -50px;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
margin-bottom: -50px;
margin-left: auto;
margin-right: auto;
border-radius: 100%;
font-size: 30px;
color: #fff;
background: linear-gradient(-45deg, #003768, #ffec17);
}
.box-minimal-modern .box-minimal-icon svg {
fill: #fff;
}
.box-minimal-modern .box-minimal-icon:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: linear-gradient(-45deg, #0f9447, #003768);
opacity: 0;
border-radius: 100%;
transition: 750ms ease-in-out;
}
.box-minimal-modern .box-minimal-icon:before {
position: relative;
z-index: 1;
}
.box-minimal-modern .box-minimal-icon.mdi {
font-size: 34px;
}
.box-minimal-modern:hover {
box-shadow: 0 8px 29px rgba(41, 41, 43, 0.09);
}
.box-minimal-modern:hover .box-minimal-icon:after {
opacity: 1;
}
@media (min-width: 992px) {
.box-minimal .box-minimal-icon {
font-size: 40px;
}
.box-minimal .box-minimal-icon-md {
font-size: 36px;
}
.box-minimal .box-minimal-icon-sm {
font-size: 30px;
}
.box-minimal-border {
padding: 40px 25px 45px;
min-height: 365px;
}
.box-minimal-border .box-minimal-icon {
font-size: 48px;
}
.box-minimal-border * + hr {
margin-top: 30px;
}
.box-minimal-modern {
padding: 0 28px 45px;
min-height: 300px;
}
.box-minimal-modern .box-minimal-icon {
font-size: 40px;
}
.box-minimal-modern .box-minimal-icon.mdi {
font-size: 44px;
}
.box-minimal-modern * + .box-minimal-title {
margin-top: 30px;
}
.box-minimal-icon.box-minimal-icon-lg {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.box-minimal-border {
padding: 40px 35px 45px;
}
}
@media (min-width: 1600px) {
.box-minimal-icon.box-minimal-icon-lg {
font-size: 52px;
}
.box-minimal-border {
padding: 40px 45px 45px;
}
}
/**
* Classic Box Style
*/
.box-classic {
max-width: 570px;
margin-left: auto;
margin-right: auto;
padding: 10% 7%;
text-align: left;
border: 1px solid transparent;
border-radius: 9px;
}
.box-classic-title > * {
text-transform: uppercase;
}
.box-classic-content {
letter-spacing: 0.02em;
}
* + .box-classic {
margin-top: 60px;
}
* + .box-classic-content {
margin-top: 10px;
}
@media (min-width: 992px) {
.box-classic {
padding: 5% 5% 6% 5%;
}
* + .box-classic-content {
margin-top: 20px;
}
}
/**
* Border Box
*/
.box-bordered {
border-color: #c2c2c3;
}
/**
* Shadow Box
*/
.box-shadow {
border-color: #ededed;
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
}
/**
* Colors Example
*/
.box-color {
padding: 7.5% 9%;
text-align: left;
border-radius: 9px;
}
.box-color > * {
color: inherit;
font-weight: 300;
letter-spacing: 0.02em;
}
.box-color + .box-color {
margin-top: 30px;
}
.box-color-primary-1,
.box-color-primary-2,
.box-color-primary-4,
.box-color-dark,
.box-color-secondary-1,
.box-color-secondary-2 {
color: #fff;
}
.box-color-primary-3,
.box-color-secondary-3,
.box-color-secondary-4,
.box-color-secondary-5 {
color: #838386;
}
.box-color-primary-1 {
background-color: #0f9447;
}
.box-color-primary-2 {
background-color: #003768;
}
.box-color-primary-3 {
background-color: #ffec17;
}
.box-color-primary-4 {
background-color: #0f9447;
}
.box-color-dark {
background-color: #29292b;
}
.box-color-secondary-1 {
background-color: #0f9447;
}
.box-color-secondary-2 {
background-color: #838386;
}
.box-color-secondary-3 {
background-color: #c2c2c3;
}
.box-color-secondary-4 {
background-color: #ededed;
}
.box-color-secondary-5 {
background-color: #f2f3f9;
}
.box-colors > * {
font-weight: 300;
}
.box-colors > * + * {
margin-top: 8px;
}
.box-width-1, .box-scrim-example {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
.box-width-2 {
max-width: 730px;
}
.box-width-small {
max-width: 420px;
}
@media (min-width: 1600px) {
.box-wrap-1 {
margin-left: -80px;
padding-right: 37px;
}
}
@media (min-width: 1600px) {
.box-wrap-2 {
padding-left: 70px;
}
}
/**
* Scrim Box
*/
.box-scrim-example {
display: flex;
align-items: flex-end;
min-height: 260px;
padding: 30px 35px;
border-radius: 9px;
text-align: left;
background-position: right center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.box-scrim-example h6 + p, .box-scrim-example .heading-6 + p {
margin-top: 15px;
}
.box-scrim-example p {
letter-spacing: 0.02em;
}
.ie-10 .box-scrim-example,
.ie-11 .box-scrim-example {
height: 260px;
}
.box-scrim-example-inner {
max-width: 250px;
}
.box-scrim-overlay,
.box-scrim {
position: relative;
z-index: 1;
overflow: hidden;
}
.box-scrim-overlay:before,
.box-scrim:before {
content: '';
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.box-scrim-overlay:before {
background-color: rgba(46, 49, 78, 0.7);
}
.box-scrim-overlay[data-overlay='1']:before {
background-color: rgba(46, 49, 78, 0.1);
}
.box-scrim-overlay[data-overlay='2']:before {
background-color: rgba(46, 49, 78, 0.2);
}
.box-scrim-overlay[data-overlay='3']:before {
background-color: rgba(46, 49, 78, 0.3);
}
.box-scrim-overlay[data-overlay='4']:before {
background-color: rgba(46, 49, 78, 0.4);
}
.box-scrim-overlay[data-overlay='5']:before {
background-color: rgba(46, 49, 78, 0.5);
}
.box-scrim-overlay[data-overlay='6']:before {
background-color: rgba(46, 49, 78, 0.6);
}
.box-scrim-overlay[data-overlay='7']:before {
background-color: rgba(46, 49, 78, 0.7);
}
.box-scrim-overlay[data-overlay='8']:before {
background-color: rgba(46, 49, 78, 0.8);
}
.box-scrim-overlay[data-overlay='9']:before {
background-color: rgba(46, 49, 78, 0.9);
}
.box-scrim:before {
background: -moz-linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29293a', endColorstr='#0029293a', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
transform: scale(1.5);
opacity: 1;
}
.box-scrim[data-overlay='1']:before {
opacity: 0.1;
}
.box-scrim[data-overlay='2']:before {
opacity: 0.2;
}
.box-scrim[data-overlay='3']:before {
opacity: 0.3;
}
.box-scrim[data-overlay='4']:before {
opacity: 0.4;
}
.box-scrim[data-overlay='5']:before {
opacity: 0.5;
}
.box-scrim[data-overlay='6']:before {
opacity: 0.6;
}
.box-scrim[data-overlay='7']:before {
opacity: 0.7;
}
.box-scrim[data-overlay='8']:before {
opacity: 0.8;
}
.box-scrim[data-overlay='9']:before {
opacity: 0.9;
}
/**
* Box inline
*/
.box-inline {
margin-left: -7px;
display: table;
text-align: left;
}
.box-inline a {
color: #29292b;
}
.box-inline a:hover {
color: #2b7dc5;
}
.box-inline > * {
display: table-cell;
vertical-align: top;
padding: 0 6px;
}
.box-inline .icon-md-smaller {
position: relative;
top: 3px;
}
.box-inline-gray a {
color: #838386;
}
.box-inline-gray a:hover {
color: #2b7dc5;
}
/**
* Box element
*/
.box-element {
padding: 20px;
}
* + .box-element {
margin-top: 20px;
}
.box-element + .box-element {
margin-top: 10px;
}
@media (min-width: 768px) {
* + .box-element {
margin-top: 35px;
}
.box-element + .box-element {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
* + .box-element {
margin-top: 50px;
}
.box-element + .box-element {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
* + .box-element {
margin-top: 90px;
}
.box-element + .box-element {
margin-top: 55px;
}
}
/**
* Contact Info Wrap
*/
.contact-info-wrap {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.element-boxed {
padding: 35px 20px;
}
@media (min-width: 768px) {
.element-boxed {
padding: 40px;
}
}
@media (min-width: 1200px) {
.element-boxed {
padding: 50px 55px;
}
}
@media (min-width: 1600px) {
.element-boxed {
padding: 90px 70px;
}
}
@media (min-width: 1200px) {
.box-range-content {
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
}
.box-range-content.box-range-content-1 {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1600px) {
.box-range-content-1 {
max-width: 638px;
margin-left: auto;
margin-right: 0;
}
.section-reverse .box-range-content-1 {
margin-left: 0;
margin-right: auto;
}
}
@media (min-width: 768px) {
.box-2-columns {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 4em;
column-gap: 4em;
}
}
/**
* Box simple
*/
.box-simple {
max-width: 270px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #29292b;
}
.box-simple a {
color: inherit;
}
.box-simple a:hover {
color: #003768;
}
.box-simple .box-simple-icon {
font-size: 30px;
color: #0f9447;
}
* + .box-simple-text {
margin-top: 11px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.box-simple {
font-size: 14px;
}
.box-simple h6,
.box-simple .heading-6 {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.box-simple .box-simple-icon {
font-size: 48px;
}
}
/**
* Box Info
*/
.box-info {
border-radius: 9px;
border: 1px solid #ededed;
transition: .3s ease-out all;
}
.box-info p {
letter-spacing: 0.02em;
}
.box-info .box-inline {
color: #29292b;
}
.box-info:hover {
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
transform: translateY(-3px);
}
.box-info .heading-6 + p,
.box-info h6 + p {
margin-top: 8px;
}
.bg-gray-lighter .box-info,
.bg-gray-darker .box-info, .bg-additional-gray-darker .bg-additional-item .box-info {
background-color: #fff;
}
h6.box-info-title,
.box-info-title {
color: #003768;
}
.box-info-inner {
padding: 20px 15px;
}
.box-info-footer {
padding: 12px 15px 10px;
border-top: 1px solid #ededed;
letter-spacing: 0.02em;
}
.box-info-footer .box-inline > * {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 992px) {
.box-info-inner {
min-height: 208px;
}
}
@media (min-width: 1200px) {
.box-info-inner {
min-height: 228px;
}
}
@media (min-width: 1600px) {
.box-info .heading-6 + p,
.box-info h6 + p {
margin-top: 21px;
}
.box-info-footer .icon {
font-size: 24px;
}
.box-info-inner {
min-height: 294px;
padding: 42px 37px;
}
.box-info-footer {
padding: 12px 37px 10px;
}
}
@media (min-width: 1800px) {
.box-info-inner {
min-height: 270px;
}
}
.swiper-box-info > * + * {
margin-top: 25px;
}
.swiper-box-info > * + *:last-child {
margin-top: 31px;
}
.box-price-info {
margin-left: auto;
margin-right: auto;
}
.box-price-info > * + * {
margin-top: 25px;
}
@media (min-width: 480px) {
.box-price-info {
width: 80%;
}
}
@media (min-width: 1600px) {
.box-price-info {
width: 100%;
}
.box-price-info > * + * {
margin-top: 50px;
}
.box-price-info > * + *:last-child {
margin-top: 25px;
}
}
* + .box-price-info {
margin-top: 30px;
}
.box-price-info-image {
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 93px;
}
.ie-10 .box-price-info-image:after,
.ie-11 .box-price-info-image:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: inherit;
}
[class*='box-auction-minimal-'] {
font-size: 0;
padding: 20px 15px 35px;
text-align: center;
}
[class*='box-auction-minimal-'] .product-price {
font-size: 16px;
color: #c2c2c3;
}
[class*='box-auction-minimal-'] .product-price * + * {
margin-top: 0;
}
[class*='box-auction-minimal-'] * + .product-price {
margin-top: 6px;
}
[class*='box-auction-minimal-'].bg-primary .button-secondary, [class*='box-auction-minimal-'].bg-primary .button-secondary:focus {
color: #fff;
background-color: #003768;
border-color: #003768;
}
[class*='box-auction-minimal-'].bg-primary .button-secondary:hover, [class*='box-auction-minimal-'].bg-primary .button-secondary:active, [class*='box-auction-minimal-'].bg-primary .button-secondary:hover {
color: #003768;
background-color: #fff;
border-color: #fff;
}
[class*='box-auction-minimal-'] .divider {
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
[class*='box-auction-minimal-'] .product-price {
font-size: 18px;
}
[class*='box-auction-minimal-'] .divider {
margin-top: 20px;
}
}
* + .box-auction-inner {
margin-top: 20px;
}
.box-auction-inner img {
max-height: 250px;
width: auto;
}
.box-auction-image {
display: block;
transition: 350ms;
}
.box-auction-image:hover {
transform: scale(1.05);
}
.box-auction-title {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
}
.box-auction-title a {
display: block;
color: #ffec17;
}
.box-auction-title a:hover {
color: #fff;
}
* + .box-auction-button {
margin-top: 20px;
}
.box-auction-large-left {
position: relative;
width: 100%;
padding: 60px 20px;
background-image: url("../images/landing-auction-12-1280x720.jpg");
background-size: cover;
}
.box-auction-large-left:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
display: inline-block;
background-image: linear-gradient(to right, rgba(15, 148, 71, 0.7), rgba(142, 201, 66, 0));
}
.box-auction-large-left > * {
position: relative;
}
.box-auction-large-left .heading-group h1 {
line-height: 1;
}
.box-auction-large-left .heading-group + * {
margin-top: 20px;
}
@media (min-width: 480px) {
[class*='box-auction-minimal-'] {
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
[class*='box-auction-minimal-'] .box-auction-inner img {
max-height: none;
}
.box-auction-minimal-right {
text-align: right;
}
.box-auction-minimal-left {
flex-direction: row-reverse;
text-align: left;
}
* + .box-auction-inner {
margin-top: 0;
}
.box-auction-inner {
padding: 0 5px;
}
.box-auction-image-mod-1 {
margin-bottom: -240px;
}
.box-auction-image-mod-2 {
margin-left: -60px;
}
}
@media (min-width: 768px) {
.box-auction-wrap {
display: flex;
align-items: stretch;
}
.box-auction-wrap > * {
width: 50%;
}
.box-auction-title {
font-size: 22px;
}
.box-auction-image-mod-2 {
margin-left: -80px;
}
.box-auction-large-left .heading-group h1 {
line-height: 1.1;
}
.box-auction-large-left .heading-group + * {
margin-top: 25px;
}
}
@media (min-width: 992px) {
.desktop .box-auction-inner-content {
transition: transform 350ms ease-in-out;
transform: translateY(45px);
}
.desktop .box-auction-inner-content .box-auction-button {
transition: opacity 300ms ease-in-out;
opacity: 0;
}
.desktop [class*='box-auction-minimal-']:hover .box-auction-inner-content {
transform: translateY(0);
}
.desktop [class*='box-auction-minimal-']:hover .box-auction-button {
opacity: 1;
}
}
@media (min-width: 1200px) {
.box-auction-wrap {
flex-wrap: wrap;
}
.box-auction-wrap > * {
width: 100%;
}
[class*='box-auction-minimal-'] {
padding-top: 35px;
}
* + .box-auction-button {
margin-top: 25px;
}
.box-auction-large-left {
display: flex;
align-items: center;
justify-content: flex-start;
}
.box-auction-large-left .heading-group h1 {
line-height: 1.2;
}
.box-auction-large-left .heading-group + * {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.box-auction-title {
font-size: 26px;
}
[class*='box-auction-minimal-'] {
padding-left: 35px;
padding-right: 35px;
}
.box-auction-large-left {
padding: 60px 40px;
}
.box-auction-large-left .heading-group h1 {
line-height: 1.2;
}
.box-auction-large-left .heading-group + * {
margin-top: 35px;
}
.box-auction-large-left * + .button {
margin-top: 40px;
}
}
@media (min-width: 1800px) {
.box-auction-title {
font-size: 28px;
}
[class*='box-auction-minimal-'] {
padding: 45px 55px;
}
.box-auction-image-mod-2 {
margin-left: -120px;
}
.box-auction-large-left {
padding: 60px;
}
.box-auction-large-left .heading-group + * {
margin-top: 40px;
}
.box-auction-large-left * + .button {
margin-top: 45px;
}
}
/**
* 2.5  Breadcrumbs
*/
.breadcrumbs-custom {
position: relative;
z-index: 1;
padding: 35px 0 40px;
vertical-align: middle;
text-align: center;
background: #29292b;
background-position: center top;
background-size: cover;
background-image: url(../images/breadcrumbs-image.jpg);
background-repeat: no-repeat;
}
.breadcrumbs-custom > .shell {
position: relative;
z-index: 2;
}
.breadcrumbs-custom-wrap {
position: relative;
}
.breadcrumbs-custom-path a {
display: inline;
vertical-align: baseline;
}
.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
color: #838386;
}
.breadcrumbs-custom-path a:hover {
color: #003768;
}
.breadcrumbs-custom-path li {
position: relative;
display: inline-block;
vertical-align: baseline;
font-size: 14px;
line-height: 1.7;
letter-spacing: 0.06em;
}
.breadcrumbs-custom-path li:not(:last-child) {
margin-right: 32px;
}
.breadcrumbs-custom-path li:after {
content: "";
font-family: 'Material Design Icons';
position: absolute;
top: 53%;
right: -25px;
display: inline-block;
font-style: normal;
color: #c2c2c3;
transform: translateY(-50%);
font-size: 15px;
}
.breadcrumbs-custom-path li:last-child {
padding-right: 0;
}
.breadcrumbs-custom-path li:last-child:after {
display: none;
}
.breadcrumbs-custom-path li.active {
color: #838386;
}
.breadcrumbs-custom-title {
position: relative;
display: inline-block;
}
.breadcrumbs-custom-subtitle {
font-size: 20px;
line-height: 1.3;
}
* + .breadcrumbs-custom-title {
margin-top: 12px;
}
* + .breadcrumbs-custom-path {
margin-top: 20px;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path a {
display: inline;
vertical-align: baseline;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path a, .breadcrumbs-custom-light .breadcrumbs-custom-path a:active, .breadcrumbs-custom-light .breadcrumbs-custom-path a:focus {
color: #fff;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path a:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path li.active {
color: #fff;
}
.breadcrumbs-blog-post {
padding-bottom: 20px;
}
.breadcrumbs-blog-post::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
pointer-events: none;
}
.breadcrumbs-blog-post .breadcrumbs-custom-title {
max-width: 720px;
}
.breadcrumbs-blog-post .box-inline {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.breadcrumbs-custom-title {
font-size: 26px;
}
}
@media (min-width: 480px) {
.breadcrumbs-custom-path > li:not(:last-child) {
margin-right: 52px;
}
.breadcrumbs-custom-path > li:after {
right: -35px;
}
}
@media (min-width: 768px) {
.breadcrumbs-custom {
padding: 70px 0 80px;
}
.breadcrumbs-custom-subtitle {
font-size: 26px;
}
* + .breadcrumbs-custom-path {
margin-top: 50px;
}
.breadcrumbs-blog-post {
padding-bottom: 40px;
}
}
@media (min-width: 1200px) {
.breadcrumbs-custom {
padding: 120px 0 50px;
}
.breadcrumbs-custom.breadcrumbs-blog-post {
padding: 100px 0;
}
.breadcrumbs-custom-subtitle {
font-size: 30px;
}
.breadcrumbs-custom-path li {
font-size: 18px;
}
}
@media (min-width: 1600px) {
.breadcrumbs-blog-post {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100vh;
max-height: 870px;
}
.breadcrumbs-blog-post::before {
content: '';
}
.breadcrumbs-blog-post * + .breadcrumbs-custom-path {
margin-top: auto;
}
.breadcrumbs-blog-post * + .breadcrumbs-custom-title {
margin-top: 5vh;
}
.breadcrumbs-blog-post * + .box-inline {
margin-top: 5vh;
}
* + .breadcrumbs-custom-path {
margin-top: 100px;
}
* + .breadcrumbs-custom-title {
margin-top: 40px;
}
}
/*
*
* 2.6  Buttons
* --------------------------------------------------
*/
/**
* Button General Styles
*/
.button {
position: relative;
display: inline-block;
max-width: 100%;
padding: 9px 30px;
min-width: 210px;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
border: 2px solid;
border-radius: 35px;
letter-spacing: .04em;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
transition: .25s all ease;
white-space: pre-wrap;
}
.button:focus, .button:active, .button:active:focus {
outline: none;
}
.button.disabled {
color: black;
background-color: gray;
}
.button .caret {
margin-left: 8px;
}
@media (min-width: 768px) {
.button {
padding: 14px 38px;
}
}
@media (min-width: 992px) {
.button {
min-width: 230px;
}
}
[data-x-mode='true'] .button {
white-space: normal;
}
.button-block {
display: block;
width: 100%;
}
/**
* Buttons appearance style
*/
.button-default, .button-default:focus {
color: #29292b;
background-color: #ededed;
border-color: #ededed;
}
.button-default:hover, .button-default:active, .button-default:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-primary, .button-primary:focus {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.button-primary:hover, .button-primary:active, .button-primary:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-secondary, .button-secondary:focus {
color: #fff;
background-color: #003768;
border-color: #003768;
}
.button-secondary:hover, .button-secondary:active, .button-secondary:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-default-outline, .button-default-outline:focus {
color: #fff;
background-color: #003768;
border-color: #ededed;
}
.button-default-outline:hover, .button-default-outline:active, .button-default-outline:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-default-outline.button-default-outline_facebook:hover {
border-color: #2b7dc5;
background: #2b7dc5;
}
.button-default-outline.button-default-outline_twitter:hover {
border-color: #02bcf3;
background: #02bcf3;
}
.button-default-outline.button-default-outline_google:hover {
border-color: #2b7dc5;
background: #2b7dc5;
}
.button-facebook, .button-facebook:focus {
color: #fff;
background-color: #4d70a8;
border-color: #4d70a8;
}
.button-facebook:hover, .button-facebook:active, .button-facebook:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-twitter, .button-twitter:focus {
color: #fff;
background-color: #02bcf3;
border-color: #02bcf3;
}
.button-twitter:hover, .button-twitter:active, .button-twitter:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-google, .button-google:focus {
color: #fff;
background-color: #e2411e;
border-color: #e2411e;
}
.button-google:hover, .button-google:active, .button-google:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-facebook-outline, .button-facebook-outline:focus {
color: #4d70a8;
background-color: transparent;
border-color: #4d70a8;
}
.button-facebook-outline:hover, .button-facebook-outline:active, .button-facebook-outline:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-twitter-outline, .button-twitter-outline:focus {
color: #02bcf3;
background-color: transparent;
border-color: #02bcf3;
}
.button-twitter-outline:hover, .button-twitter-outline:active, .button-twitter-outline:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
.button-google-outline, .button-google-outline:focus {
color: #e2411e;
background-color: transparent;
border-color: #e2411e;
}
.button-google-outline:hover, .button-google-outline:active, .button-google-outline:hover {
color: #fff;
background-color: #2b7dc5;
border-color: #2b7dc5;
}
@media (min-width: 1160px) {
.wrap-buttons-sm .button-sm {
min-width: 120px;
}
}
.button-shadow {
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
}
.button-shadow:active {
box-shadow: none;
}
.button-shadow.button-secondary {
box-shadow: 0 6px 10px 0 rgba(142, 201, 66, 0.36);
}
.button-shadow.button-secondary:hover {
box-shadow: 0 6px 10px 0 rgba(15, 148, 71, 0.36);
}
.button-shadow.button-secondary:active {
box-shadow: none;
}
/**
* Buttons sizes
*/
.button-xs {
padding: 9px 28px;
font-size: 14px;
line-height: 24px;
min-width: 150px;
}
.button-sm {
min-width: 170px;
padding: 8.8px 28px;
font-size: 14px;
line-height: 24px;
}
@media (min-width: 768px) {
.button-sm {
padding: 11px 35px;
}
}
@media (min-width: 1200px) {
.button-sm {
min-width: 190px;
}
}
@media (min-width: 1600px) {
.button-sm {
font-size: 16px;
}
}
.button-lg {
padding: 17px 65px;
font-size: 18px;
line-height: 22px;
}
/**
* Button Shapes
*/
.button-ellipse-md {
border-radius: 4px;
}
.button-ellipse-lg {
border-radius: 8px;
}
.button-square {
border-radius: 0;
}
/**
* Button effects
*/
.button-nina {
position: relative;
overflow: hidden;
line-height: 1.3;
transition: background 0.3s 0.01s, border-color 0.3s 0.01s;
}
.button-nina > span {
display: none;
vertical-align: middle;
line-height: 24px;
}
.button-nina .button-original-content {
display: block;
}
@media (max-width: 991px) {
html:not(.desktop) .button-original-content {
transition: .22s;
transition-delay: 0s !important;
}
}
@media (min-width: 992px) {
.desktop .button-nina > span {
position: relative;
overflow: hidden;
display: inline-block;
line-height: 24px;
text-align: center;
opacity: 0.01;
color: inherit;
transform: translate3d(0, -10px, 0);
transition: 0.22s;
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.desktop .button-nina > span:first-child {
padding-left: 4px;
}
.desktop .button-nina > span:nth-last-child(2) {
padding-right: 4px;
}
.desktop .button-nina > span:empty::after {
display: inline-block;
padding: 0 2px;
content: '\a';
}
.desktop .button-nina > span:only-child {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.desktop .button-nina .button-original-content {
position: absolute;
z-index: 1;
opacity: 1;
top: 0;
left: 0;
right: 0;
display: block;
padding: inherit;
transform: translate3d(0, 0, 0);
letter-spacing: 0.04em;
min-width: inherit;
background-color: transparent;
}
.desktop .button-nina:hover > span {
opacity: 1;
top: 0;
transform: translate3d(0, 0, 0);
}
.desktop .button-nina:hover .button-original-content {
opacity: 0;
transform: translate3d(0, 100%, 0);
transition-delay: 0s !important;
}
}
/**
* Button Icon styles
*/
.button-icon .icon,
.button-icon-alternate .icon {
position: relative;
font-size: 24px;
vertical-align: middle;
color: inherit;
}
.button-icon.button-xs .icon,
.button-icon-alternate.button-xs .icon {
font-size: 19px;
}
.button-icon.button-sm .icon,
.button-icon-alternate.button-sm .icon {
font-size: 22px;
}
.button-icon .icon {
margin-top: -1px;
}
.button-icon.button-icon-left .icon {
padding-right: 5px;
}
.button-icon.button-icon-right .icon {
margin-top: -2px;
padding-left: 5px;
}
/**
* Button Icon Alternate styles
*/
.button-icon-alternate {
position: relative;
z-index: 1;
vertical-align: middle;
}
.button-icon-alternate .icon,
.button-icon-alternate .button-inner {
display: inline-block;
}
.button-icon-alternate::before,
.button-icon-alternate .icon {
width: 60px;
}
.button-icon-alternate::before {
content: '';
position: absolute;
top: -2px;
bottom: -2px;
z-index: -1;
background: #ededed;
transition: .33s;
}
.button-icon-alternate .icon {
position: absolute;
top: 0;
bottom: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-icon-alternate.button:hover::before {
width: calc(100% + 4px);
}
.ie-10 .button-icon-alternate.button:hover::before,
.ie-11 .button-icon-alternate.button:hover::before {
width: 102%;
}
.button-icon-alternate.button-icon-left {
padding-left: 80px;
padding-right: 40px;
}
@media (min-width: 768px) {
.button-icon-alternate.button-icon-left {
padding-left: 100px;
}
}
.button-icon-alternate.button-icon-left::before {
left: -2px;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.button-icon-alternate.button-icon-left .icon {
left: 0;
}
.button-icon-alternate.button-icon-left:hover::before {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.button-icon-alternate.button-icon-left.button-sm {
padding-left: 80px;
padding-right: 30px;
}
.button-icon-alternate.button-icon-left.button-xs {
padding-left: 60px;
padding-right: 20px;
}
.button-icon-alternate.button-icon-right {
padding-left: 40px;
padding-right: 80px;
}
@media (min-width: 768px) {
.button-icon-alternate.button-icon-right {
padding-right: 100px;
}
}
.button-icon-alternate.button-icon-right::before {
right: -2px;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.button-icon-alternate.button-icon-right .icon {
right: 0;
}
.button-icon-alternate.button-icon-right:hover::before {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.button-icon-alternate.button-icon-right.button-sm {
padding-left: 30px;
padding-right: 80px;
}
.button-icon-alternate.button-icon-right.button-xs {
padding-left: 20px;
padding-right: 60px;
}
.button-icon-alternate.button-sm::before,
.button-icon-alternate.button-sm .icon {
width: 50px;
}
.button-icon-alternate.button-xs::before,
.button-icon-alternate.button-xs .icon {
width: 42px;
}
.button-icon-alternate.button-secondary::before {
background: rgba(0, 0, 0, 0.2);
}
.button-icon-alternate.button-secondary:hover {
background: #003768;
border-color: #003768;
}
.button-icon-alternate.button-secondary.button-shadow:hover {
box-shadow: 0 6px 10px 0 rgba(142, 201, 66, 0.36);
}
.button-icon-alternate.button-default-outline:hover {
color: #29292b;
background-color: transparent;
border-color: #ededed;
}
.button-icon-alternate.button-facebook::before {
background: #3e5a86;
}
.button-icon-alternate.button-facebook-outline .icon {
color: #fff;
}
.button-icon-alternate.button-facebook-outline::before {
background: #4d70a8;
}
.button-icon-alternate.button-facebook-outline:hover {
background-color: transparent;
}
.button-icon-alternate.button-twitter::before {
background: #008ee0;
}
.button-icon-alternate.button-twitter-outline .icon {
color: #fff;
}
.button-icon-alternate.button-twitter-outline::before {
background: #02bcf3;
}
.button-icon-alternate.button-twitter-outline:hover {
background-color: transparent;
}
.button-icon-alternate.button-google::before {
background: #b53418;
}
.button-icon-alternate.button-google-outline .icon {
color: #fff;
}
.button-icon-alternate.button-google-outline::before {
background: #e2411e;
}
.button-icon-alternate.button-google-outline:hover {
background-color: transparent;
}
.btn {
padding: 10px 20px;
border-radius: 35px;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: .22s;
}
.btn-sm {
font-size: 12px;
line-height: 1.2;
}
.btn-primary, .btn-primary:focus {
color: #fff;
background-color: #003768;
border-color: #003768;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.btn-primary:active:focus {
background: #0f9447;
border-color: #0f9447;
box-shadow: none;
}
.btn-cancel {
border-color: #838386;
}
/**
* 2.7  Call To Action
*/
.box-cta {
font-size: 18px;
color: #838386;
margin-left: -20px;
margin-right: -20px;
}
.box-cta > * {
padding-left: 20px;
padding-right: 20px;
}
.box-cta-title {
color: #0f9447;
}
.box-cta-title + * {
margin-top: 20px;
}
.box-cta .button {
font-size: 18px;
}
.box-cta-inline > * + * {
margin-top: 30px;
}
@media (min-width: 768px) {
.box-cta-inline {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.box-cta-thin .label-cta {
position: relative;
top: -2px;
margin-right: 18px;
}
@media (min-width: 1200px) {
.box-cta-thin .label-cta {
top: -4px;
}
}
.label-cta {
padding: 5px 18px;
font-size: 16px;
font-weight: 700;
}
.label-cta-primary {
color: #fff;
background: #0f9447;
}
@media (min-width: 768px) {
.box-cta {
font-size: 19px;
}
.box-cta-vertical > * + * {
margin-top: 40px;
}
.box-cta-vertical * + .button {
margin-top: 45px;
}
}
@media (min-width: 1600px) {
.box-cta {
font-size: 24px;
}
.cta-avatar {
max-width: none;
}
}
/*
*
* 2.8  Cards
* --------------------------------------------------
*/
/**
* Card info
*/
.card-info {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 730px;
text-align: left;
}
.card-info * + .card-info-subtitle {
margin-top: 5px;
}
.card-info-image {
border-radius: 9px;
}
.card-info-title {
color: #003768;
}
.card-info-subtitle {
font-style: italic;
}
.card-info-aside {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 30%;
}
.card-info-main {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
* + .card-info-title {
margin-top: 10px;
}
* + .card-info-main {
padding-top: 15px;
}
@media (min-width: 480px) {
.card-info {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
* + .card-info-main {
padding-top: 0;
padding-left: 15px;
}
}
@media (min-width: 768px) {
* + .card-info-main {
padding-left: 30px;
}
}
@media (min-width: 1600px) {
.card-info * + p {
margin-top: 26px;
}
* + .card-info-main {
padding-left: 45px;
}
}
/*
*
* 2.9  Comments
* --------------------------------------------------
*/
.comment {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
.comment-group .comment-group {
padding-left: 20px;
}
.comment-group .comment-group .comment-group {
padding-left: 10px;
}
.comment-body {
padding-left: 12px;
}
.comment-header {
display: inline-table;
transform: translateY(-8px);
margin-bottom: -8px;
margin-left: -8px;
}
.comment-header > * {
display: inline-block;
margin-top: 8px;
margin-left: 8px;
}
.comment-avatar img {
width: auto;
height: auto;
max-width: 30px;
border-radius: 50%;
}
.comment-title {
font-weight: 400;
line-height: 1.3;
letter-spacing: 0;
color: #003768;
}
.comment-time {
font-style: italic;
}
.comment-text {
color: #29292b;
}
.comment-reply {
font-style: italic;
color: #838386;
}
.comment-reply::before {
position: relative;
top: 2px;
display: inline-block;
padding-right: 5px;
content: '\f549';
font: 400 20px/20px 'Material Design Icons';
color: #c2c2c3;
}
@media (min-width: 768px) {
.comment-reply::before {
font-size: 28px;
line-height: 28px;
}
}
.comment-link-reply {
letter-spacing: .02em;
color: #003768;
vertical-align: middle;
}
.comment-link-reply::before {
position: relative;
top: 2px;
display: inline-block;
padding-right: 5px;
content: '\f549';
font: 400 20px/20px 'Material Design Icons';
}
.comment-link-reply:hover {
color: #0f9447;
}
@media (min-width: 768px) {
.comment-link-reply::before {
font-size: 28px;
line-height: 28px;
}
}
* + .comment-text {
margin-top: 8px;
}
* + .comment-footer {
margin-top: 8px;
}
* + .comment-group {
margin-top: 30px;
}
* + .comment {
margin-top: 24px;
}
* + .comment {
margin-top: 24px;
}
.comment + * {
margin-top: 24px;
}
* + .comment-link-reply {
margin-top: 10px;
}
.comment-group + .comment-group {
margin-top: 30px;
}
@media (min-width: 768px) {
.comment-group .comment-group {
padding-left: 80px;
}
.comment-group .comment-group .comment-group {
padding-left: 40px;
}
.comment-body {
padding-left: 30px;
}
.comment-header {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -35px;
}
.comment-header > * {
display: inline-block;
margin-top: 5px;
margin-left: 35px;
}
.comment-avatar img {
width: auto;
max-width: 80px;
}
.comment-title {
font-size: 18px;
}
* + .comment-group {
margin-top: 40px;
}
}
@media (min-width: 1200px) {
.comment-group .comment-group {
padding-left: 110px;
}
.comment-group .comment-group .comment-group {
padding-left: 55px;
}
* + .comment-group {
margin-top: 50px;
}
.comment-group + .comment-group {
margin-top: 45px;
}
}
/**
* 2.10 Event lightbox
*/
.event-default {
position: relative;
max-width: 570px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-radius: 8px;
perspective: 1000px;
}
.event-default-title {
color: #0f9447;
}
.event-default-title:hover {
color: #003768;
}
.event-default-wrap {
text-align: left;
}
.event-default-inner {
margin-top: 25px;
color: #838386;
}
.event-default-inner > * + * {
margin-top: 12px;
}
.event-default-inner .event-default-link {
color: #838386;
}
.event-default-inner .event-default-link:hover {
color: #003768;
}
.event-default-date-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
padding: 5px 15px;
background-color: #0f9447;
color: #fff;
}
.event-default-date-wrap time {
display: flex;
align-items: baseline;
justify-content: center;
}
.event-default-date,
.event-default-time,
.event-default-month {
padding-left: 5px;
padding-right: 5px;
font-size: 18px;
}
.event-default-date {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.event-default-month {
text-transform: uppercase;
letter-spacing: .02em;
}
.event-default-time {
font-weight: 300;
}
.event-default-caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.4);
transition: 550ms ease-in-out;
}
.event-default-caption > * {
pointer-events: auto;
}
.event-default-caption .button {
margin-top: 15px;
}
@media (min-width: 992px) {
.desktop .event-default-date-wrap {
width: auto;
padding: 5px 5px 10px;
}
.desktop .event-default-date-wrap time {
align-items: center;
flex-direction: column;
}
.desktop .event-default-date {
font-size: 22px;
}
.desktop .event-default-month {
font-weight: 700;
}
.desktop .event-default-caption {
opacity: 0;
}
.desktop .event-default-caption .button {
transition: 350ms 200ms opacity, 350ms 200ms transform;
opacity: 0;
transform: scale3d(0.8, 0.8, 0.8);
margin-top: 0;
}
.desktop .event-default-image {
transition: 550ms ease-in-out;
}
.desktop .event-default:hover .event-default-caption {
opacity: 1;
}
.desktop .event-default:hover .button {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.desktop .event-default:hover .event-default-image {
transform: scale3d(1.05, 1.05, 1.05);
}
}
@media (min-width: 1600px) {
.desktop .event-default-date-wrap {
padding: 10px 15px 10px;
}
.desktop .event-default-date {
font-size: 28px;
}
}
/**
* 2.11 Footers
*/
/**
* Base Style
*/
.page-footer .thumbnail-instafeed .caption .list-inline {
font-size: 16px;
}
.page-footer .thumbnail-instafeed .caption .list-inline span {
max-width: 50px;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 1800px) {
.page-footer .thumbnail-instafeed .caption .list-inline span {
max-width: 70px;
}
}
.page-footer-alternative .thumbnail-instafeed .caption .icon {
font-size: 16px;
}
.page-footer-alternative .thumbnail-instafeed-minimal .caption .list-inline > li + li {
margin-top: 5px;
}
/**
* Footer Alternative Style
*/
.page-footer-alternative {
padding: 60px 0 40px;
text-align: left;
}
.page-footer-alternative .twitter-feed-minimal-content {
font-size: 18px;
}
.page-footer-alternative .divider-xl {
margin: 50px auto 40px;
}
.page-footer-alternative .instafeed {
max-width: 320px;
}
.page-footer-alternative .list-xs {
letter-spacing: 0.02em;
}
.page-footer-alternative .list-xs > li + li {
margin-top: 21px;
}
.page-footer-alternative .list-comma > li {
display: block;
}
.page-footer-alternative * + .instafeed {
margin-top: 30px;
}
.page-footer-alternative * + .twitter {
margin-top: 30px;
}
.page-footer-alternative * + .list-xs {
margin-top: 30px;
}
@media (min-width: 768px) {
.page-footer-alternative {
padding: 90px 0 40px;
}
}
@media (min-width: 1200px) {
.page-footer-alternative {
padding: 90px 0 50px;
}
.page-footer-alternative .divider-xl {
margin: 70px auto 40px;
}
}
@media (min-width: 1600px) {
.divider-xl {
margin: 120px auto 40px;
}
}
.page-footer-icon-list {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-footer-icon-list > li {
display: inline-block;
margin-top: 5px;
margin-left: 7.5px;
margin-right: 7.5px;
}
@media (min-width: 1600px) {
.page-footer-icon-list {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -17.5px;
margin-right: -17.5px;
}
.page-footer-icon-list > li {
display: inline-block;
margin-top: 5px;
margin-left: 17.5px;
margin-right: 17.5px;
}
}
.page-footer-inline-list {
color: #29292b;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -10px;
margin-right: -10px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
@media (min-width: 768px) {
.page-footer-inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -29.5px;
margin-right: -29.5px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 29.5px;
margin-right: 29.5px;
}
}
@media (min-width: 1200px) {
.page-footer-inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -12.5px;
margin-right: -12.5px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 12.5px;
margin-right: 12.5px;
}
}
@media (min-width: 1600px) {
.page-footer-inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -29.5px;
margin-right: -29.5px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 29.5px;
margin-right: 29.5px;
}
}
.page-footer-inline-list a {
color: inherit;
text-transform: uppercase;
}
.page-footer-inline-list a:hover {
color: #003768;
}
p.right {
letter-spacing: 0.02em;
}
p.right a, p.right a:focus, p.right a:active {
color: inherit;
}
p.right a:hover {
color: #003768;
}
* + .page-footer-icon-list {
margin-top: 30px;
}
* + p.right {
margin-top: 40px;
}
@media (min-width: 768px) {
* + .page-footer-icon-list {
margin-top: 35px;
}
* + p.right {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
* + p.right {
margin-top: 90px;
}
}
/*
*
* 2.12 Forms
* --------------------------------------------------
*/
.rd-mailform {
position: relative;
text-align: left;
}
@media (max-width: 479px) {
.rd-mailform .recaptcha {
transform-origin: 0 50%;
transform: scale(0.9);
}
}
input:-webkit-autofill ~ label,
input:-webkit-autofill ~ .form-validation {
color: #000000 !important;
}
.form-input {
display: block;
width: 100%;
min-height: 60px;
padding: 18px 25px;
font-weight: 300;
line-height: 24px;
color: #29292b;
background-color: #f2f3f9;
background-image: none;
border: 0px solid #f2f3f9;
border-radius: 35px;
-webkit-appearance: none;
}
.form-input:focus {
outline: 0;
}
@media (min-width: 1600px) {
.form-input {
font-size: 18px;
}
}
textarea.form-input {
height: 150px;
min-height: 120px;
max-height: 255px;
resize: vertical;
}
textarea.form-input.form-input-lg {
height: 200px;
min-height: 160px;
max-height: 340px;
}
.form-wrap {
position: relative;
}
.form-wrap + .form-wrap {
margin-top: 20px;
}
.form-wrap-inline + .form-wrap-inline {
margin-top: 10px;
}
* + .button.form-button,
* + .form-button {
margin-top: 20px;
}
.form-label,
.form-label-outside {
font-weight: 300;
line-height: 24px;
color: #838386;
}
@media (min-width: 1600px) {
.form-label,
.form-label-outside {
font-size: 18px;
}
}
.form-label {
position: absolute;
top: 30px;
left: 25px;
z-index: 9;
transition: .3s;
transform: translateY(-50%);
pointer-events: none;
}
.form-label.focus {
opacity: 0;
}
.form-label.auto-fill {
color: #29292b;
}
.form-label-outside {
padding-left: 21px;
margin-bottom: 3px;
font-size: 12px;
letter-spacing: .02em;
color: #838386;
pointer-events: auto;
cursor: pointer;
}
.form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill {
opacity: 1;
transform: none;
}
.form-label-outside + .form-input + .form-validation {
top: 36px;
}
.form-validation {
position: absolute;
right: 21px;
top: 3px;
font-size: 10px;
line-height: 11px;
font-weight: 400;
color: #d9534f;
transition: .3s;
z-index: 11;
}
.form-validation-left .form-validation {
right: auto;
top: 100%;
left: 0;
}
#form-output-global {
position: fixed;
bottom: 0;
visibility: hidden;
transform: translateY(calc(100% + 30px));
transition: .3s all ease;
z-index: 9999999;
margin: 15px;
}
#form-output-global.active {
transform: translateY(0);
visibility: visible;
}
@media (min-width: 768px) {
#form-output-global {
margin: 30px;
}
}
.form-output {
position: absolute;
top: 100%;
left: 0;
font-size: 14px;
line-height: 1.5;
margin-top: 2px;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.form-output.active {
opacity: 1;
visibility: visible;
}
.form-output.error {
color: #d9534f;
}
.form-output.success {
color: #5cb85c;
}
/**
* Radio and Checkbox Custom
*/
/**
* Base Styles
*/
.radio, .radio-inline,
.checkbox, .checkbox-inline {
font-weight: 300;
color: #838386;
}
.radio a, .radio-inline a,
.checkbox a, .checkbox-inline a {
font-weight: inherit;
}
.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
opacity: 0;
}
.radio .radio-custom, .radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
position: absolute;
width: 14px;
height: 14px;
margin-top: 5px;
outline: none;
cursor: pointer;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
pointer-events: none;
background: #fff;
border: 1px solid #dedfe8;
}
.radio .radio-custom-dummy:after,
.radio-inline .radio-custom-dummy:after,
.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
position: absolute;
opacity: 0;
}
.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
outline: none;
}
.checkbox a,
.radio a,
.checkbox-inline a,
.radio-inline a {
display: inline;
padding: 0 .2em;
}
.radio,
.radio-inline {
padding-left: 36px;
color: #838386;
font-weight: 300;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
top: -5px;
left: 0;
width: 26px;
height: 26px;
box-shadow: inset 0 0 0 0 #d8dae2;
border-radius: 50%;
transition: .22s;
}
.radio .radio-custom:checked + .radio-custom-dummy,
.radio-inline .radio-custom:checked + .radio-custom-dummy {
box-shadow: inset 0 0 0 7px #0f9447;
}
@media (min-width: 768px) {
.radio,
.radio-inline {
padding-left: 40px;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
right: -3px;
}
}
.checkbox,
.checkbox-inline {
padding-left: 38px;
}
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
left: 0;
width: 26px;
height: 26px;
margin-top: 0;
margin-left: 0;
pointer-events: none;
border-radius: 5px;
transition: .22s;
}
.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
content: '\f222';
font-family: "Material Design Icons";
font-size: 14px;
line-height: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateY(180deg);
color: #fff;
opacity: 0;
transition: .22s;
}
.checkbox .checkbox-custom:checked + .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom:checked + .checkbox-custom-dummy {
background: #0f9447;
border-color: #0f9447;
}
.checkbox .checkbox-custom:checked + .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom:checked + .checkbox-custom-dummy::after {
opacity: 1;
transform: translate(-50%, -50%) rotateY(0deg);
}
@media (min-width: 992px) {
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
margin-top: 1px;
}
}
.checkbox.checkbox-material,
.checkbox-inline.checkbox-material {
padding-left: 60px;
}
.checkbox.checkbox-material .checkbox-custom-dummy,
.checkbox-inline.checkbox-material .checkbox-custom-dummy {
margin-top: -1px;
width: 50px;
height: 28px;
border-radius: 22px;
}
.checkbox.checkbox-material .checkbox-custom-dummy::after,
.checkbox-inline.checkbox-material .checkbox-custom-dummy::after {
content: '';
width: 20px;
height: 20px;
left: 0;
background: #d8dae2;
transform: translate(3px, -50%);
border-radius: 50%;
opacity: 1;
}
.checkbox.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy,
.checkbox-inline.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy {
background: #fff;
}
.checkbox.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy::after,
.checkbox-inline.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy::after {
background: #0f9447;
transform: translate(25px, -50%);
}
.radio-group > li + li {
margin-top: 16px;
}
.rd-mailform-inline .rd-mailform-inline-inner {
position: relative;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
transform: translateY(-15px);
margin-bottom: -15px;
}
.rd-mailform-inline .rd-mailform-inline-inner::before {
content: '';
position: absolute;
top: 15px;
height: 60px;
left: 0;
right: 0;
background: #f2f3f9;
z-index: -1;
border-radius: 35px;
}
.rd-mailform-inline .rd-mailform-inline-inner > * {
margin-top: 15px;
}
.rd-mailform-inline .form-wrap {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.rd-mailform-inline .form-input {
padding-right: 18px;
min-width: 150px;
color: #29292b;
}
.rd-mailform-inline .form-button {
min-width: 130px;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.rd-mailform-inline .form-validation {
left: 25px;
top: 1px;
}
.rd-mailform-inline.rd-mailform-sm .rd-mailform-inline-inner::before {
height: 50px;
}
.rd-mailform-inline-modern .rd-mailform-inline-inner::before {
top: 15px;
height: 70px;
}
.rd-mailform-inline-modern .rd-mailform-inline-inner {
padding: 6px 5px 5px;
transform: translateY(-15px);
margin-bottom: -15px;
}
.rd-mailform-inline-modern .rd-mailform-inline-inner > * {
margin-top: 15px;
}
.rd-mailform-inline-modern.rd-mailform-sm .rd-mailform-inline-inner::before {
height: 62px;
}
.rd-mailform-inline.rd-mailform-inline-centered .rd-mailform-inline-inner {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.rd-mailform-sm .form-input,
.rd-mailform-sm .form-label {
color: #29292b;
}
.rd-mailform-sm .form-input,
.rd-mailform-sm .button {
min-height: 50px;
}
.rd-mailform-sm .form-input {
padding-top: 12px;
padding-bottom: 12px;
}
.rd-mailform-sm .form-label {
top: 25px;
}
.form-wrap-icon:before {
position: absolute;
top: 9px;
left: 15px;
content: "";
display: inline-block !important;
font-family: 'Material Design Icons';
font-size: 24px;
color: #29292b;
}
.form-wrap-icon .form-label {
left: 50px;
}
.form-wrap-icon .form-input {
padding-left: 50px;
}
.rd-mailform-small {
max-width: 370px;
}
.text-center .rd-mailform-small {
margin-left: auto;
margin-right: auto;
}
.form-request {
padding: 30px 15px;
max-width: 420px;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
background-color: #fff;
color: #29292b;
}
@media (min-width: 1200px) {
.form-request {
padding: 40px 35px;
}
}
.form-request-modern {
max-width: 566px;
background-color: #f2f3f9;
}
.form-request-modern .select2-container--bootstrap .select2-selection,
.form-request-modern .form-input {
background-color: #fff;
}
.form-request-modern .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.form-request-modern .form-input,
.form-request-modern .form-label {
color: #29292b;
}
.form-flex-inline {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-end;
margin-left: -8px;
margin-right: -8px;
margin-bottom: -15px;
transform: translateY(-15px);
}
.form-flex-inline-item {
flex-shrink: 1;
flex-grow: 1;
padding-left: 8px;
padding-right: 8px;
margin-top: 15px;
}
.form-flex-inline-item-static {
width: 100%;
}
@media (min-width: 768px) {
.form-flex-inline-item-static {
width: 27%;
}
}
@media (min-width: 992px) {
.form-flex-inline-item-static {
width: 19%;
max-width: 185px;
}
}
@media (min-width: 1200px) {
.form-flex-inline-item-static {
max-width: 239px;
width: 14.1%;
}
}
.form-flex-inline-item-custom {
margin-top: 30px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.form-flex-inline .form-button .button {
min-width: 190px;
}
@media (min-width: 768px) {
.form-flex-inline {
flex-direction: row;
}
}
@media (min-width: 992px) {
.form-flex-inline {
flex-wrap: nowrap;
}
.form-flex-inline-item-custom {
flex-grow: 0;
justify-content: flex-start;
margin-top: 15px;
}
}
.form-request-modern {
margin-top: 30px;
margin-bottom: 30px;
}
.form-request-modern * + .rd-mailform {
margin-top: 10px;
}
.form-request-modern * + .form-button {
margin-top: 30px;
}
@media (min-width: 1200px) {
.form-request-modern {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1600px) {
.form-request-modern * + .form-button {
margin-top: 40px;
}
}
.form-find {
box-shadow: 0 4px 29px 0 rgba(110, 123, 157, 0.29);
background-color: #fff;
border-radius: 9px;
text-align: left;
overflow: hidden;
}
.form-find.form-find-white .form-input {
background-color: #f2f3f9;
}
.form-find.form-find-white .form-input,
.form-find.form-find-white .form-label {
letter-spacing: 0.02em;
color: #29292b;
}
.form-find-header {
padding: .9em 2.2em;
color: #fff;
background-color: #0f9447;
}
.form-find-header > * {
color: inherit;
}
.form-find-body {
padding: 20px 20px 30px;
}
.form-find-body.rd-mailform {
margin-top: 0;
}
@media (min-width: 480px) {
.form-find-body {
padding: 37px 47px 50px;
}
}
.bg-white .form-find {
background-color: #fff;
}
.bg-white .form-find .form-label,
.bg-white .form-find .form-input {
color: #29292b;
}
.gallery-item {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 570px;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
width: 100.1%;
perspective: 1000px;
}
.gallery-item > * {
width: 100%;
}
.gallery-item figure {
width: 100%;
transition: .55s all ease-in-out;
}
.gallery-item img {
position: relative;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
max-width: none;
min-width: 101.5%;
}
.gallery-item .caption {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
transition: .33s all ease-in-out;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
}
.gallery-item .caption > * {
pointer-events: auto;
position: relative;
z-index: 2;
}
.gallery-item .caption:before {
position: absolute;
bottom: 0;
right: 0;
transform-origin: 0 100%;
transform: rotate(45deg);
content: "";
display: inline-block;
width: 100px;
height: 160px;
background-color: #003768;
}
.gallery-item .caption:after {
position: absolute;
bottom: 0;
right: 10px;
content: '\f504';
font-family: "Material Design Icons";
font-size: 36px;
color: #fff;
}
.gallery-item .caption-title,
.gallery-item .caption-text {
color: #fff;
}
.gallery-item .caption-title {
position: relative;
font-size: 20px;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 0.04em;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.gallery-item .caption-text {
max-width: 100%;
margin-top: 25px;
padding: 0 15px;
color: #fff;
opacity: .6;
}
.titled-gallery-item .caption {
background: transparent;
}
.titled-gallery-item .caption:before {
content: none;
}
.titled-gallery-item .caption:after {
content: none;
}
.titled-gallery-caption {
width: 100%;
padding-top: 15px;
padding-bottom: 10px;
text-align: left;
color: #003768;
transition: 550ms ease-in-out;
font-weight: 400;
}
.title-inside-gallery-text {
margin-top: 15px;
color: #ededed;
transition: .33s all ease-in-out;
}
.title-inside-gallery-title {
font-size: 24px;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #fff;
}
.title-inside-gallery-title:hover {
color: #ffec17;
}
.title-inside-gallery-caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: 15px 15px 25px;
text-align: left;
pointer-events: none;
}
.title-inside-gallery-caption > * {
position: relative;
pointer-events: auto;
}
.title-inside-gallery-caption:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
transition: .33s all ease-in-out;
pointer-events: none;
background: rgba(0, 0, 0, 0.6);
}
.gallery-item-fullwidth {
max-width: 100.1%;
max-height: 300px;
}
@media (min-width: 992px) {
.gallery-item-fullwidth {
max-height: 100%;
}
}
@media (min-width: 992px) {
.desktop .gallery-item .caption {
transition: .4s all ease;
opacity: 0;
}
.desktop .gallery-item .caption:before {
transform: rotate(90deg);
transition: 350ms 250ms transform;
}
.desktop .gallery-item .caption:after {
transition: 350ms 450ms transform, 350ms 450ms opacity;
transform: translateX(100%);
opacity: 0;
}
.desktop .gallery-item .caption-title,
.desktop .gallery-item .caption-text {
transition: 300ms 50ms ease-in-out;
transform: scale3d(0.7, 0.7, 0);
}
.desktop .gallery-item .caption-text {
max-width: 340px;
}
.desktop .gallery-item:hover figure {
transform: scale3d(1.05, 1.05, 1.05);
}
.desktop .gallery-item:hover .caption {
opacity: 1;
}
.desktop .gallery-item:hover .caption:before {
transform: rotate(45deg);
}
.desktop .gallery-item:hover .caption:after {
transform: translateX(0);
opacity: 1;
}
.desktop .gallery-item:hover .caption-title,
.desktop .gallery-item:hover .caption-text {
transform: scale3d(1, 1, 1);
}
.desktop .titled-gallery-caption {
font-size: 24px;
}
.desktop .titled-gallery-item .caption {
perspective: 1000px;
background: rgba(0, 0, 0, 0.6);
}
.desktop .titled-gallery-item .caption:after {
position: absolute;
left: 50%;
top: 50%;
right: auto;
bottom: auto;
content: '\f504';
font-family: "Material Design Icons";
color: #fff;
z-index: 2;
font-size: 60px;
transform: translate3d(-50%, -50%, -100px);
transition: 550ms ease-in-out;
}
.desktop .titled-gallery-item:hover ~ .titled-gallery-caption {
color: #0f9447;
}
.desktop .titled-gallery-item:hover .caption:after {
transform: translate3d(-50%, -50%, 0);
}
.desktop .title-inside-gallery-text {
opacity: 0;
margin-bottom: -66px;
max-width: 350px;
}
.desktop .title-inside-gallery-caption:before {
opacity: 0;
}
.desktop .title-inside-gallery-item:hover .title-inside-gallery-text {
opacity: 1;
margin-bottom: 0;
}
.desktop .title-inside-gallery-item:hover .title-inside-gallery-caption:before {
opacity: 1;
}
}
@media (min-width: 1600px) {
.title-inside-gallery-caption {
padding: 35px;
}
}
/**
* Icons
*/
/**
* Base styles
*/
.icon {
display: inline-block;
line-height: 1;
text-align: center;
}
.icon:before {
display: inline-block;
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/**
* Alternate styles
*/
.page .icon-default {
color: #838386;
}
.page .icon-white {
color: #fff;
}
.page .icon-gray {
color: #555555;
}
.page .icon-gray-1 {
color: #c2c2c3;
}
.page .icon-gray-light {
color: #838386;
}
.page .icon-darker {
color: #29292b;
}
.page .icon-primary {
color: #2b7dc5;
}
.page .icon-secondary {
color: #003768;
}
.page .icon-filled {
color: #fff;
background: #29292b;
}
.page .icon-filled[class*='facebook'] {
background: #4d70a8;
}
.page .icon-filled[class*='twitter'] {
background: #02bcf3;
}
.page .icon-filled[class*='instagram'] {
background: #444;
}
.page .icon-filled[class*='google'] {
background: #e2411e;
}
.page .icon-filled[class*='linkedin'] {
background: #1787b1;
}
.page a.icon-default:hover {
color: #003768;
}
.page a.icon-darker:hover {
color: #0f9447;
}
.page a.icon-white:hover {
color: #ffec17;
}
.page a.icon-gray-1:hover {
color: #003768;
}
.page a.icon-gray-light:hover {
color: #ffec17;
}
.page a.icon-gray-light[class*='facebook']:hover {
color: #3e5a86;
}
.page a.icon-gray-light[class*='twitter']:hover {
color: #008ee0;
}
.page a.icon-gray-light[class*='instagram']:hover {
color: #2b2b2b;
}
.page a.icon-gray-light[class*='google']:hover {
color: #b53418;
}
.page a.icon-gray-light[class*='linkedin']:hover {
color: #116584;
}
.page a.icon-filled[class*='facebook']:hover {
background: #3e5a86;
}
.page a.icon-filled[class*='twitter']:hover {
background: #008ee0;
}
.page a.icon-filled[class*='instagram']:hover {
background: #2b2b2b;
}
.page a.icon-filled[class*='google']:hover {
background: #b53418;
}
.page a.icon-filled[class*='linkedin']:hover {
background: #116584;
}
.page a.icon-secondary-5-filled:hover {
color: #fff;
background: #003768;
}
.page a.icon-secondary-5-filled[class*='facebook']:hover {
background: #4d70a8;
}
.page a.icon-secondary-5-filled[class*='twitter']:hover {
background: #02bcf3;
}
.page a.icon-secondary-5-filled[class*='instagram']:hover {
background: #444;
}
.page a.icon-secondary-5-filled[class*='google']:hover {
background: #e2411e;
}
.page a.icon-secondary-5-filled[class*='linkedin']:hover {
background: #1787b1;
}
/**
* Icon sizes
*/
.page .icon-xs {
font-size: 13px;
}
.page .icon-sm {
font-size: 19px;
}
.page .icon-sm-bigger {
font-size: 22px;
}
.page .icon-md-smaller {
font-size: 20px;
}
.page .icon-md-middle {
font-size: 24px;
}
.page .icon-md {
font-size: 27px;
}
.page .icon-md-big {
font-size: 36px;
}
.page .icon-lg-smaller {
font-size: 40px;
}
.page .icon-lg {
font-size: 62px;
line-height: 62px;
}
@media (min-width: 1600px) {
.page .icon-xs {
font-size: 13px;
}
.page .icon-sm {
font-size: 19px;
}
.page .icon-sm-bigger {
font-size: 22px;
}
.page .icon-md-smaller {
font-size: 23px;
}
.page .icon-md-middle {
font-size: 24px;
}
.page .icon-md {
font-size: 27px;
}
.page .icon-md-big {
font-size: 36px;
}
.page .icon-lg-smaller {
font-size: 40px;
}
.page .icon-lg {
font-size: 62px;
line-height: 62px;
}
}
/**
* Icon shapes
*/
.icon-circle {
border-radius: 100%;
}
.icon.icon-circle {
width: 1.75em;
height: 1.75em;
line-height: 1.75em;
}
@media (min-width: 768px) {
.icon.icon-circle {
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
}
}
@media (min-width: 1600px) {
.icon.icon-circle {
width: 2.25em;
height: 2.25em;
line-height: 2.25em;
}
}
.icon.icon-round {
border-radius: 4px;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
}
/*
*
* Links
* --------------------------------------------------
*/
.link-video {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
border-radius: 50%;
line-height: 1;
}
.link-video, .link-video:active, .link-video:focus {
color: #fff;
}
.link-video:hover {
color: #ffec17;
}
.link-video::before {
position: static;
display: inline-block;
overflow: hidden;
content: '\f4fb';
font-family: 'Material Design Icons';
font-size: 50px;
border-radius: 50%;
}
@media (min-width: 992px) {
.link-video::before {
font-size: 75px;
}
}
@media (min-width: 1600px) {
.link-video::before {
font-size: 100px;
}
}
.link-bold {
font-weight: 700;
color: #003768;
}
.link-bold:hover {
color: #0f9447;
}
.link-image {
display: inline-block;
max-width: 80%;
text-align: center;
}
.link-image img {
opacity: .5;
width: auto;
transition: .33s;
}
.link-image:hover img {
opacity: 1;
}
.link-text-color {
color: #838386;
}
.link-text-color:hover {
color: #003768;
}
/*
*
* Lists
* --------------------------------------------------
*/
/**
* Basic lists
*/
.list-xxs > li + li {
margin-top: 10px;
}
.list-xs > li + li {
margin-top: 17px;
}
.list-sm > li + li {
margin-top: 20px;
}
.list-lg > li + li {
margin-top: 25px;
}
.list-xl > li + li {
margin-top: 35px;
}
@media (min-width: 768px) {
.list-lg > li + li {
margin-top: 45px;
}
.list-xl > li + li {
margin-top: 60px;
}
}
@media (min-width: 1200px) {
.list-sm > li + li {
margin-top: 30px;
}
.list-lg > li + li {
margin-top: 60px;
}
.list-xl > li + li {
margin-top: 80px;
}
}
@media (min-width: 1600px) {
.list-xl > li + li {
margin-top: 120px;
}
}
/**
* List marked
*/
.list-marked {
padding-left: 25px;
text-align: left;
}
.list-marked > li {
position: relative;
padding-left: 25px;
}
.list-marked > li:before {
position: absolute;
top: .21em;
left: 0;
content: '\f238';
font-family: 'Material Design Icons';
font-size: 1.22em;
font-weight: 400;
line-height: 1;
color: #b7b7b7;
}
.list-marked a {
color: #29292b;
}
.list-marked a:hover {
color: #0f9447;
}
.list-marked > li + li {
margin-top: 10px;
}
.list-marked-primary {
padding-left: 0;
}
.list-marked-primary > li:before {
color: #c2c2c3;
}
.list-marked-primary > li a {
color: #0f9447;
}
.list-marked-primary > li a:hover {
color: #29292b;
}
.list-marked-secondary a {
color: #003768;
}
.list-marked-secondary a:hover {
color: #0f9447;
}
@media (min-width: 1200px) {
.list-marked-primary > li {
padding-left: 35px;
}
}
/**
* List ordered
*/
.list-ordered {
padding-left: 25px;
counter-reset: li;
text-align: left;
}
.list-ordered li {
position: relative;
padding-left: 25px;
}
.list-ordered li:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 15px;
content: counter(li, decimal) ".";
counter-increment: li;
color: #29292b;
}
.list-ordered li + li {
margin-top: 10px;
}
/**
* List darker
*/
.list-darker {
color: #29292b;
}
.list-darker a {
color: inherit;
}
.list-darker a:hover {
color: #0f9447;
}
/**
* List comma
*/
.list-comma > li {
display: inline-block;
}
.list-comma > li:not(:last-child):after {
content: ',';
display: inline-block;
margin-right: 3px;
}
/**
* List twitter
*/
.list-twitter {
color: #29292b;
}
.list-twitter .twitter-icon {
color: #02bcf3;
}
.list-twitter time {
display: block;
color: #c2c2c3;
}
.list-twitter * + time {
margin-top: 8px;
}
.list-twitter > li + li {
margin-top: 20px;
}
@media (min-width: 768px) {
.list-twitter > li + li {
margin-top: 30px;
}
}
.list-inline-md {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -4px;
margin-right: -4px;
}
.list-inline-md > li {
display: inline-block;
margin-top: 5px;
margin-left: 4px;
margin-right: 4px;
}
@media (min-width: 1600px) {
.list-inline-md {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -15px;
margin-right: -15px;
}
.list-inline-md > li {
display: inline-block;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
}
}
* + .list-inline-md {
margin-top: 25px;
}
@media (min-width: 768px) {
* + .list-inline-md {
margin-top: 40px;
}
}
.index-list {
counter-reset: li;
text-align: left;
padding-top: 70px;
}
@media (min-width: 1600px) {
.index-list {
padding-top: 150px;
}
}
.index-list .index-list-content {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1600px) {
.index-list .index-list-content {
margin-left: 0;
}
}
.index-list > li .list-index-counter {
position: relative;
z-index: 1;
}
.index-list > li .list-index-counter:before {
z-index: -1;
content: counter(li);
counter-increment: li;
position: absolute;
top: 0;
left: 0;
font-family: 'Montserrat', sans-serif;
font-size: 170px;
line-height: 130px;
font-weight: 900;
color: #f2f3f9;
transform: translateY(-78%);
}
.index-list > li p {
letter-spacing: 0.02em;
}
.index-list > li h6 + p, .index-list > li .heading-6 + p {
margin-top: 20px;
}
.bg-gray-lighter .index-list > li .list-index-counter:before {
color: #fff;
}
.bg-gray-darker .index-list > li .list-index-counter:before, .bg-additional-gray-darker .bg-additional-item .index-list > li .list-index-counter:before {
color: #0f9447;
}
.bg-gray-darker .index-list-content p, .bg-additional-gray-darker .bg-additional-item .index-list-content p {
color: #c2c2c3;
}
.inline-list {
margin-bottom: -12px;
transform: translateY(-12px);
margin-left: -3.5px;
margin-right: -3.5px;
}
.inline-list > li {
display: inline-block;
margin-top: 12px;
margin-left: 3.5px;
margin-right: 3.5px;
}
@media (min-width: 1200px) {
.inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -20px;
margin-right: -20px;
}
.inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
}
.inline-list-xs {
margin-bottom: -12px;
transform: translateY(-12px);
margin-left: -10px;
margin-right: -10px;
}
.inline-list-xs > li {
display: inline-block;
margin-top: 12px;
margin-left: 10px;
margin-right: 10px;
}
* + .inline-list {
margin-top: 20px;
}
.inline-list + .inline-list {
margin-top: 25px;
}
@media (min-width: 1600px) {
* + .inline-list {
margin-top: 40px;
}
.inline-list + .inline-list {
margin-top: 45px;
}
}
.list-terms dt + dd {
margin-top: 15px;
}
.list-terms dd + dt {
margin-top: 25px;
}
@media (min-width: 1600px) {
.list-terms dt + dd {
margin-top: 20px;
}
.list-terms dd + dt {
margin-top: 50px;
}
}
.modal-custom {
padding-left: 20px;
padding-right: 20px;
z-index: 9999;
}
.modal-custom .modal-dialog {
width: 100%;
max-width: 830px;
margin: 0;
}
.modal-custom .modal-header {
border-bottom: 0;
padding-right: 40px;
}
.modal-custom .modal-content {
padding: 10px;
margin: 10px;
border: 0;
box-shadow: 0 0 24px rgba(127, 131, 154, 0.42);
}
.modal-custom .modal-body {
padding-top: 5px;
}
.modal-custom .close {
position: absolute;
top: 10px;
right: 10px;
opacity: 1;
text-shadow: none;
z-index: 2;
}
.modal-custom .close > span {
color: #003768;
}
.modal-custom .close > span:before {
content: "\f24c";
font: 400 40px/1 'Material Design Icons';
display: inline-block;
}
.modal-custom .close > span:hover {
color: #0f9447;
}
.modal-custom * + form {
margin-top: 30px;
}
.modal-photo .modal-content {
background-image: url(../images/sale-modal-01-1170x600.jpg);
background-size: cover;
color: #fff;
}
.modal-photo .modal-title {
color: #fff;
}
.modal-photo .close {
background-color: rgba(0, 0, 0, 0.2);
}
.modal-account .modal-dialog {
max-width: 1170px;
}
.modal-account-image {
display: none;
}
.modal-product .modal-dialog {
max-width: 450px;
margin: 10px auto;
}
.modal-product .modal-body {
display: flex;
flex-wrap: wrap;
transform: translateY(-30px);
margin-bottom: -30px;
margin-left: -15px;
margin-right: -15px;
}
.modal-product .modal-body > * {
flex-grow: 1;
margin-top: 30px;
padding-left: 15px;
padding-right: 15px;
}
.modal-product-image {
max-width: 200px;
}
.modal-product-image img {
box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.35);
}
.modal-price {
font: 400 24px/1 "Montserrat", Helvetica, Arial, sans-serif;
letter-spacing: 0.12em;
color: #29292b;
}
.modal-sale .modal-dialog {
max-width: 1170px;
}
.sale-body-subtitle {
font-size: 18px;
}
.sale-body-title {
font-size: 30px;
line-height: 1;
font-weight: 900;
}
.notification .modal-content {
border: 0;
}
.notification .modal-dialog {
margin: 10px;
}
.notification-open {
overflow-x: hidden;
overflow-y: auto;
}
.notification-dark .modal-content {
background-color: #29292b;
color: #fff;
}
.modal.fade.slideRight .modal-dialog {
transition: 650ms ease-in-out;
transform: translate3d(0, 0, 0);
}
.modal.fade.slideRight:not(.in) .modal-dialog {
transform: translate3d(100%, 0, 0);
}
@media (min-width: 768px) {
.modal-custom .modal-dialog {
position: absolute;
top: 50%;
left: 50%;
}
.modal-custom.fade .modal-dialog {
transform: translate(-50%, -75%);
}
.modal-custom.in .modal-dialog {
transform: translate(-50%, -50%);
}
.notification {
top: auto;
left: auto;
padding: 20px;
}
.notification .modal-dialog {
position: static;
top: auto;
left: auto;
width: 100%;
max-width: 830px;
margin: 0;
}
}
@media (min-width: 992px) {
.modal-custom .modal-content {
position: relative;
overflow: hidden;
padding: 30px 115px 30px 40px;
}
.modal-custom .modal-content:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 70px;
content: "";
display: inline-block;
background-color: #f2f3f9;
}
.modal-custom .close {
top: 15px;
right: 15px;
}
.modal-photo .modal-content:before {
background-color: rgba(0, 0, 0, 0.2);
}
.modal-photo .close {
background-color: transparent;
}
.modal-account .modal-account-image {
display: block;
margin: 0 auto;
}
.modal-account .modal-header {
padding: 0;
}
.modal-account .modal-content {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.modal-account .modal-body {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
}
.modal-account .modal-body-inner {
flex-grow: 1;
}
.modal-account .modal-body-inner:first-of-type {
max-width: 410px;
}
.modal-account .modal-body-inner:last-of-type {
max-width: 370px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
}
.modal-product .modal-dialog {
max-width: 1170px;
}
.modal-product .modal-content {
padding: 55px 115px 80px 40px;
}
.modal-product .modal-body {
flex-wrap: nowrap;
}
.modal-product .modal-body-inner {
padding-left: 70px;
}
.modal-product * + .divider {
margin-top: 30px;
}
.modal-product * + p,
.modal-product p + p {
margin-top: 30px;
}
.modal-product * + .button {
margin-top: 40px;
}
.modal-product-image {
max-width: 100%;
width: 100%;
text-align: center;
}
.modal-sale .modal-content {
min-height: 600px;
display: flex;
align-items: center;
padding-left: 95px;
}
.ie-10 .modal-sale .modal-content,
.ie-11 .modal-sale .modal-content,
.ie-edge .modal-sale .modal-content {
height: 600px;
}
.modal-sale * + .button {
margin-top: 45px;
}
.sale-body-subtitle {
font-size: 24px;
}
.sale-body-title {
font-size: 52px;
}
.notification .modal-dialog {
margin: 30px;
width: auto;
}
.notification .rd-mailform {
width: 100%;
min-width: 370px;
}
.notification-dark .modal-content:before {
background: rgba(0, 0, 0, 0.3);
}
}
@media (min-width: 1200px) {
.modal-account .modal-body-inner:first-of-type {
max-width: 470px;
}
}
/*
*
* Navigation
* --------------------------------------------------
*/
.navigation-pills li a {
display: inline-block;
padding: 3px 9px;
border: 1px solid #0f9447;
border-radius: 5px;
font-size: 16px;
transition: .2s;
}
.navigation-pills li a.active, .navigation-pills li a:hover, .navigation-pills li a:focus {
background-color: #0f9447;
color: #fff;
}
/*
*
* Pagination custom
* --------------------------------------------------
*/
.pagination-custom {
display: inline-table;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -10px;
}
.pagination-custom > * {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.pagination-custom > li,
.pagination-custom > li > a {
border-radius: 10px;
}
.pagination-custom > li {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.12em;
min-width: 50px;
color: #fff;
background: #003768;
vertical-align: middle;
}
.pagination-custom > li > a {
display: block;
height: 50px;
line-height: 50px;
vertical-align: middle;
color: inherit;
background: inherit;
text-align: center;
}
.pagination-custom > li > a:hover {
color: #fff;
background: #0f9447;
}
.pagination-custom > li.disabled,
.pagination-custom > li.active {
pointer-events: none;
}
.pagination-custom > li.active {
color: #fff;
background: #0f9447;
}
.pagination-custom > li.disabled {
color: #fff;
background: #bde091;
}
.pagination-custom .pagination-control a::before {
color: inherit;
font-family: 'Material Design Icons';
}
.pagination-custom .pagination-control:first-child a::before {
content: '\f14a';
}
.pagination-custom .pagination-control:last-child a::before {
content: '\f14f';
}
* + .pagination-custom {
margin-top: 30px;
}
@media (min-width: 1200px) {
* + .pagination-custom {
margin-top: 50px;
}
}
.panel-group-custom {
margin-bottom: 0;
}
.panel-group-custom .panel-heading + .panel-collapse > .panel-body,
.panel-group-custom .panel-heading + .panel-collapse > .list-group {
border-top: 0;
}
.panel-group-custom .panel + .panel {
margin-top: 0;
}
.panel-group.panel-group-corporate .panel + .panel {
margin-top: 20px;
}
.panel-custom {
margin: 0;
background: inherit;
border: 0;
border-radius: 0;
box-shadow: none;
text-align: left;
}
.panel-custom a {
display: block;
}
.panel-custom .panel-heading {
padding: 0;
border-bottom: 0;
border-top-left-radius: 0;
}
.panel-custom .panel-body {
padding: 0;
border: 0;
}
* + .panel-group-custom {
margin-top: 35px;
}
@media (min-width: 768px) {
* + .panel-group-custom {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
* + .panel-group-custom {
margin-top: 60px;
}
}
.panel-corporate {
position: relative;
z-index: 1;
text-align: left;
background: #fff;
box-shadow: 0px 5px 12px 0px #dcdeec;
}
.panel-corporate.panel {
border-radius: 10px;
}
.panel-corporate .panel-title a {
padding: 18px 82px 18px 32px;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
color: #29292b;
transition: inherit;
border-radius: 10px 10px 0 0;
}
.panel-corporate .panel-title a .panel-arrow {
transition: .33s;
}
.panel-corporate .panel-title a.collapsed {
border-bottom-width: 0;
border-radius: 10px;
}
.panel-corporate .panel-title a.collapsed .panel-arrow::before {
opacity: 1;
}
.panel-corporate .panel-title a.collapsed .panel-arrow::after {
opacity: 0;
}
.panel-corporate .panel-arrow {
position: absolute;
top: 0;
bottom: -1px;
right: -1px;
z-index: 2;
width: 70px;
background: #003768;
border-radius: 0 10px 10px 0;
transition: .33s all ease;
}
.panel-corporate .panel-arrow::before, .panel-corporate .panel-arrow::after {
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
z-index: 4;
font-family: 'Material Design Icons';
color: #fff;
transition: .22s;
}
.panel-corporate .panel-arrow::before {
content: '\f504';
opacity: 0;
}
.panel-corporate .panel-arrow::after {
content: '\f465';
opacity: 1;
}
.panel-corporate .panel-arrow:hover {
background: #0f9447;
}
.panel-corporate .panel-collapse {
position: relative;
z-index: 1;
color: #838386;
border-radius: 0 0 10px 10px;
}
.panel-corporate .panel-body {
padding: 0 82px 25px 32px;
}
@media (max-width: 767px) {
.panel-corporate .panel-title a,
.panel-corporate .panel-body {
padding-left: 25px;
}
}
@media (min-width: 768px) {
.panel-corporate .panel-title a {
font-size: 24px;
line-height: 1.41667;
}
.panel-corporate .panel-body {
padding-right: 150px;
}
}
.panel-light:first-child .panel-title {
border-top: 1px solid #ededed;
}
.panel-light .panel-title:nth-child(n + 2) {
margin-top: -1px;
}
.panel-light .panel-title a {
position: relative;
padding: 19px 55px 19px 32px;
border-bottom: 1px solid transparent;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
color: #29292b;
transition: .2s all ease;
}
.panel-light .panel-title a .panel-arrow::after {
opacity: 0;
visibility: hidden;
transition: .2s all ease;
}
.panel-light .panel-title a.collapsed {
border-bottom-color: #ededed;
}
.panel-light .panel-title a.collapsed .panel-arrow::after {
opacity: 1;
visibility: visible;
}
.panel-light .panel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 26px;
transition: .33s;
will-change: transform;
}
.panel-light .panel-arrow::before, .panel-light .panel-arrow::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #003768;
}
.panel-light .panel-arrow::before {
width: 18px;
height: 2px;
right: 0;
}
.panel-light .panel-arrow::after {
width: 2px;
height: 18px;
right: 8px;
}
.panel-light .panel-collapse {
position: relative;
margin-top: -1px;
border-bottom: 1px solid #ededed;
color: rgba(131, 131, 134, 0.47);
will-change: transform;
}
.panel-light .panel-body {
padding: 0 44px 25px 32px;
}
@media (max-width: 767px) {
.panel-light .panel-title a,
.panel-light .panel-body {
padding-left: 15px;
}
}
@media (min-width: 768px) {
.panel-light .panel-title a {
font-size: 24px;
line-height: 1.41667;
}
}
/**
* Posts
*/
.post-blog {
position: relative;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
border-radius: 8px;
overflow: hidden;
text-align: left;
transition: 450ms ease-in-out;
color: #29292b;
will-change: transform;
}
.post-blog-title {
color: #003768;
}
.post-blog-title:hover {
color: #003768;
}
.post-blog:hover {
box-shadow: 0 3px 20px rgba(41, 41, 43, 0.5);
}
.post-blog .post-blog-video,
.post-blog .post-blog-quote,
.post-blog .post-blog-image {
position: relative;
min-height: 220px;
}
.post-blog .post-blog-video figure, .post-blog .post-blog-video img,
.post-blog .post-blog-quote figure,
.post-blog .post-blog-quote img,
.post-blog .post-blog-image figure,
.post-blog .post-blog-image img {
min-height: inherit;
}
.post-blog .post-blog-video img,
.post-blog .post-blog-quote img,
.post-blog .post-blog-image img {
width: 100%;
}
.post-blog .post-blog-video {
border-radius: 0;
}
.post-blog .post-blog-quote {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 10px 20px;
font-size: 21px;
font-style: italic;
color: #fff;
background: #003768;
border-radius: 0;
text-align: center;
}
.post-blog .post-blog-quote:hover {
color: #ffec17;
}
.post-blog .post-blog-quote::before {
position: relative;
display: block;
transform: scale(-1, -1);
content: '\f373';
font-family: 'Material Design Icons';
font-size: 60px;
line-height: 1;
font-style: normal;
color: inherit;
}
@media (min-width: 768px) {
.post-blog .post-blog-quote {
font-size: 24px;
}
}
@media (min-width: 1600px) {
.post-blog .post-blog-video,
.post-blog .post-blog-quote,
.post-blog .post-blog-image {
min-height: 305px;
}
}
@supports (object-fit: cover) {
.post-blog .post-blog-video img,
.post-blog .post-blog-quote img,
.post-blog .post-blog-image img {
width: 100%;
object-fit: cover;
object-position: center center;
}
}
.post-blog-caption {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding-top: 25px;
background-color: #f2f3f9;
}
.post-blog-caption .post-blog-caption-footer {
margin-top: auto;
}
.post-blog + .post-blog {
margin-top: 30px;
}
.post-blog-image {
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.post-blog-image img {
transition: 750ms ease-in-out;
max-height:220px;
}
.post-blog-image:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.post-blog-caption-header,
.post-blog-caption-body,
.post-blog-caption-footer {
padding-left: 15px;
padding-right: 15px;
}
.post-blog-caption-body h1, .post-blog-caption-body h2, .post-blog-caption-body h3, .post-blog-caption-body h4, .post-blog-caption-body h5, .post-blog-caption-body h6, .post-blog-caption-body [class^='heading-'] > a {
display: block;
}
@media (min-width: 480px) {
.post-blog-caption-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
.post-blog-caption-body {
padding-top: 20px;
padding-bottom: 20px;
}
.post-blog-caption-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #fff;
}
.post-blog-caption-footer > * {
color: #838386;
}
.post-comment > * {
vertical-align: middle;
}
.post-comment .icon {
padding-right: 5px;
}
.post-blog-container[class*='cell-'] {
display: flex;
}
.post-blog-container[class*='cell-'] > .range {
flex: 1 1 auto;
}
@media (min-width: 992px) {
.post-blog-caption-header,
.post-blog-caption-body,
.post-blog-caption-footer {
padding-left: 38px;
padding-right: 38px;
}
}
@media (min-width: 1800px) {
.post-blog {
min-height: 640px;
}
.post-blog-caption-body {
min-height: 200px;
}
}
.post-blog-quote {
display: block;
position: relative;
border-radius: 8px;
background-color: #0f9447;
padding: 20px;
}
.post-blog-quote .quote-primary-text,
.post-blog-quote .quote-primary-mark {
transition: 350ms ease-in-out;
}
.post-blog-quote .quote-primary-text {
color: #fff;
}
.post-blog-quote .quote-primary-mark {
fill: #fff;
}
.post-blog-quote .quote-primary-meta {
margin-top: 33px;
color: #f2f3f9;
}
.post-blog-quote .quote-primary-meta .cite {
color: #ffec17;
}
.post-blog-quote:hover .quote-primary-text {
color: #ffec17;
}
.post-blog-quote:hover .quote-primary-mark {
fill: #ffec17;
}
.post-blog-quote-text {
width: 100%;
}
@media (min-width: 768px) {
.post-blog-quote {
padding: 40px 45px 45px;
}
}
.post-blog-video {
display: block;
position: relative;
border-radius: 8px;
background-color: #000000;
overflow: hidden;
will-change: transform;
}
.post-blog-video figure {
border-radius: 8px;
opacity: .7;
}
.post-blog-video figure img {
height: auto;
width: 101%;
transition: 750ms ease-in-out;
}
.post-blog-video .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
color: #fff;
font-size: 4.4em;
transition: 350ms ease-in-out;
}
.post-blog-video:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.post-blog-video:hover .icon {
color: #ffec17;
}
.post-blog-large {
position: relative;
max-width: 870px;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
overflow: hidden;
}
.post-blog-large .post-blog-meta {
position: absolute;
top: 15px;
left: 15px;
}
.post-blog-large .post-blog-meta li {
color: #ededed;
}
.post-blog-large .post-blog-meta a {
color: #ededed;
}
.post-blog-large .post-blog-meta a:focus, .post-blog-large .post-blog-meta a:hover {
color: #ffec17;
}
.post-blog-large-caption {
text-align: left;
padding: 15px 15px 20px;
background-color: #fff;
}
.post-blog-large-caption * + .button {
margin-top: 25px;
}
.post-blog-large-title {
display: block;
font-size: 28px;
line-height: 1.2;
}
.post-blog-large-image {
background-color: #000000;
}
.post-blog-large-image img {
width: 100.3%;
opacity: .5;
}
.post-blog-meta {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -7px;
text-align: left;
color: #838386;
}
.post-blog-meta > * {
display: inline-block;
margin-top: 5px;
margin-left: 7px;
}
.post-blog-meta li {
position: relative;
display: inline-block;
padding: 5px 10px;
}
.post-blog-meta li:before {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 24px;
content: "";
display: inline-block;
border-left: 1px solid;
}
.post-blog-meta li:last-of-type:before {
content: none;
}
.post-blog-tags {
margin-left: -7px;
margin-right: -7px;
}
.post-blog-tags > li {
display: inline-block;
padding: 5px 7px;
}
.button-tags {
position: relative;
z-index: 1;
display: inline-block;
padding: 4px 11px;
border-radius: 20px;
font: 300 14px/1 "Lato", Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
background: #2b7dc5;
}
.button-tags, .button-tags:active, .button-tags:focus, .button-tags:hover {
color: #fff;
}
.button-tags::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
z-index: -1;
background-image: -moz-linear-gradient(0deg, #003768 0%, #2b7dc5 100%);
background-image: -webkit-linear-gradient(0deg, #003768 0%, #2b7dc5 100%);
background-image: -ms-linear-gradient(0deg, #003768 0%, #2b7dc5 100%);
background-size: 200%;
opacity: 1;
transition: .22s;
}
.button-tags:hover::after {
opacity: 0;
}
/**
* Post blog article
*
*/
.post-blog-article {
color: #29292b;
letter-spacing: .02em;
}
.post-blog-article .big {
letter-spacing: 0;
line-height: 1.4;
}
.post-blog-article * + .post-video,
.post-blog-article * + img {
margin-top: 25px;
}
@media (min-width: 768px) {
.post-blog-article .quote-primary {
padding-left: 40px;
padding-right: 40px;
}
}
.post-blog-article-title {
font-size: 26px;
line-height: 1.3;
letter-spacing: 0;
}
@media (min-width: 768px) {
.post-blog-article-title {
font-size: 32px;
}
}
.post-blog-article-meta {
color: #838386;
}
.post-blog-article-meta .box-inline a {
color: #838386;
}
.post-blog-article-meta .box-inline a:hover {
color: #003768;
}
* + .post-blog-article-meta {
margin-top: 15px;
}
* + .post-blog-large-title {
margin-top: 10px;
}
@media (min-width: 992px) {
/**
* Post blog article
*
*/
.post-blog-article * + .big {
margin-top: 30px;
}
.post-blog-article * + img {
margin-top: 55px;
}
.post-blog-article img + * {
margin-top: 45px;
}
.post-blog-article img + video {
margin-top: 0;
}
.post-blog-article-title {
font-size: 42px;
line-height: 1.25;
}
* + .post-blog-article-meta {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
.post-blog-large .post-blog-meta {
left: 47px;
margin-left: -25px;
margin-right: -25px;
}
.post-blog-large .post-blog-meta li {
padding-left: 25px;
padding-right: 25px;
}
.post-blog-large-caption {
position: absolute;
bottom: 0;
left: 0;
transform: translate3d(0, 48%, 0);
width: 100%;
max-width: 620px;
padding-left: 47px;
color: #c2c2c3;
background-color: transparent;
transition: 570ms ease-in-out;
}
.post-blog-large-caption .post-blog-large-text,
.post-blog-large-caption .button {
opacity: 0;
transition: 350ms opacity;
}
.post-blog-large-caption .post-blog-large-text {
color: #c2c2c3;
}
.post-blog-large-title {
font-size: 36px;
line-height: 1.23;
color: #fff;
max-height: 88px;
overflow: hidden;
}
.post-blog-large-title:focus, .post-blog-large-title:hover {
color: #ffec17;
}
.post-blog-large-image {
opacity: .8;
}
.post-blog-large-image img {
opacity: 1;
}
.post-blog-large {
background-color: #000000;
}
.post-blog-large-image {
transition: 750ms ease-in-out;
}
.post-blog-large:hover:before {
opacity: 1;
}
.post-blog-large:hover .post-blog-large-image {
transform: scale3d(1.05, 1.05, 1.05);
opacity: .5;
}
.post-blog-large:hover .post-blog-large-caption {
transform: translate3d(0, 0, 0);
}
.post-blog-large:hover .post-blog-large-caption .post-blog-large-text,
.post-blog-large:hover .post-blog-large-caption .button {
opacity: 1;
}
.post-blog-article + [class*='section-'] {
margin-top: 60px;
}
}
@media (min-width: 1800px) {
.post-blog-large-caption {
padding-bottom: 48px;
}
.post-blog-large-caption * + .button {
margin-top: 30px;
}
.post-blog-large-title {
font-size: 42px;
max-height: 110px;
}
.post-blog-large-image {
opacity: 1;
}
.post-blog-large .post-blog-meta {
top: 40px;
}
* + .post-blog-large-title {
margin-top: 20px;
}
* + .post-blog-large-text {
margin-top: 25px;
}
}
/**
* Post facebook
*/
.post-facebook {
padding: 25px;
border-radius: 9px;
text-align: left;
background: #f2f3f9;
}
.post-facebook time {
color: #838386;
}
.post-facebook-profile-name {
font-size: 15px;
color: #29292b;
font-weight: 400;
}
.post-facebook-image {
width: 70px;
height: auto;
border-radius: 50%;
}
.post-facebook-header {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transform: translateY(-15px);
margin-bottom: -15px;
margin-left: -15px;
word-break: break-all;
}
.post-facebook-header > * {
display: inline-block;
margin-top: 15px;
margin-left: 15px;
}
.post-facebook-attachment {
border-left: 2px solid #c2c2c3;
color: #838386;
}
.post-facebook-attachment > * {
padding: 0 15px;
}
.post-facebook-attachment a {
font-weight: 400;
color: #003768;
}
.post-facebook-attachment a:hover {
color: #29292b;
}
.post-facebook-attachment * + p {
margin-top: 5px;
}
@media (min-width: 480px) {
.post-facebook-attachment {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 767px) {
.post-facebook-attachment > * + * {
margin-top: 15px;
}
}
.post-facebook-attachment:empty {
margin-top: 0;
display: none;
}
.post-facebook-attachment-image {
position: relative;
overflow: hidden;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 50%;
max-height: 200px;
}
@supports (object-fit: cover) {
.post-facebook-attachment-image img {
object-fit: cover;
object-position: center center;
height: 100%;
width: 100%;
}
}
.post-facebook-attachment-left {
max-width: 120px;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.post-facebook-attachment-left img {
width: 100%;
}
.post-facebook-attachment-text {
position: relative;
max-height: 3.11111em;
overflow: hidden;
}
.post-facebook-attachment-text:empty {
display: none;
}
.post-facebook-meta {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -20px;
color: #29292b;
}
.post-facebook-meta > * {
display: inline-block;
margin-top: 5px;
margin-left: 20px;
}
.post-facebook-meta .icon {
font-size: 28px;
color: #c2c2c3;
}
.post-facebook-meta span {
display: inline-block;
vertical-align: middle;
padding: 0 .15em;
}
.post-facebook-meta span:first-child {
padding-left: 0;
}
* + .post-facebook {
margin-top: 30px;
}
* + .post-facebook-attachment {
margin-top: 20px;
}
* + .post-facebook-meta {
margin-top: 20px;
}
@media (min-width: 480px) {
.post-facebook-profile-name {
font-size: 20px;
}
}
@media (min-width: 1200px) {
* + .post-facebook-text {
margin-top: 28px;
}
* + .post-facebook-attachment {
margin-top: 30px;
}
* + .post-facebook-meta {
margin-top: 35px;
}
}
@media (max-width: 1599px) {
.post-facebook .post-facebook-attachment-title {
font-size: 19px;
word-break: break-all;
}
}
@media (min-width: 1600px) {
.post-facebook {
padding-right: 55px;
}
.post-facebook-attachment-left {
max-width: 170px;
}
.post-facebook-profile-name {
font-size: 24px;
}
.post-facebook-header {
transform: translateY(-15px);
margin-bottom: -15px;
margin-left: -30px;
}
.post-facebook-header > * {
display: inline-block;
margin-top: 15px;
margin-left: 30px;
}
}
/**
* Post classic
*/
.post-classic {
position: relative;
overflow: hidden;
border-radius: 9px;
background: #f2f3f9;
text-align: left;
}
.post-classic .post-blog-video, .post-classic .post-blog-video figure {
border-radius: 0;
}
.post-classic-media {
display: block;
position: relative;
overflow: hidden;
min-height: 250px;
border-radius: 9px 9px 0 0;
background: #29292b;
}
.post-classic-media figure {
min-height: inherit;
}
.post-classic-media img {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
max-height: none;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
opacity: 1;
transition: .33s;
}
.post-classic-media .post-classic-video {
min-height: inherit;
}
.post-classic-media:hover > img {
opacity: .8;
transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
}
.post-classic-media .post-blog-video:hover img {
transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
}
@supports (object-fit: cover) {
.post-classic-media > img {
left: auto;
top: auto;
object-fit: cover;
transform: none;
object-position: center 20%;
width: 100%;
height: 100%;
min-height: inherit;
}
.post-classic-media:hover > img {
transform: scale3d(1.05, 1.05, 1.05);
}
}
.post-quote-wrap {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #0f9447;
}
.post-quote-wrap > * {
max-width: 100%;
}
.post-classic-quote {
position: relative;
font-style: italic;
color: #fff;
text-align: center;
padding: 20px;
}
.post-classic-quote::before {
position: relative;
transform: scale(-1, -1);
content: '\f373';
font-family: 'Material Design Icons';
margin-top: -10px;
font-size: 60px;
line-height: 1;
font-style: normal;
font-weight: 400;
}
.post-classic-quote .post-classic-title {
padding: 0;
color: #fff;
}
.post-classic-body {
padding: 25px 20px;
}
.post-classic-footer {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -20px;
}
.post-classic-footer > * {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
}
.post-classic-meta {
display: inline-table;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -20px;
left: -3px;
color: #838386;
}
.post-classic-meta > * {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
}
.post-classic-meta > li {
vertical-align: middle;
}
.post-classic-meta > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-classic-meta a {
position: relative;
top: -2px;
display: inline-block;
line-height: inherit;
color: inherit;
}
.post-classic-meta a:hover {
color: #003768;
}
.post-classic-meta .icon {
font-size: 1.55em;
color: #0f9447;
}
.post-classic-info {
display: inline-table;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -20px;
color: #838386;
font-style: italic;
}
.post-classic-info > * {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
}
.post-classic-info > li {
vertical-align: middle;
}
.post-classic-info > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-classic-info .icon {
position: relative;
top: 1px;
font-size: 1.333em;
font-style: normal;
color: #c2c2c3;
transition: .22s;
}
.post-classic-info a {
color: inherit;
transition: .33s;
}
.post-classic-info a:hover {
color: #003768;
}
.post-classic-info a:hover .icon {
color: #003768;
}
.post-classic-title {
font-size: 18px;
font-weight: 300;
color: #003768;
}
.post-classic-text {
color: #29292b;
}
.post-audio.jp-player-init .jp-audio {
width: 100%;
max-width: 100%;
padding: 0;
}
.post-audio.jp-player-init .jp-btn:before {
font-size: 15px;
}
.post-audio.jp-player-init.jp-state-playing .jp-play:before {
content: "\f4d3";
}
.post-audio.jp-player-init .jp-audio .jp-no-solution {
margin: 5px 0;
padding: 10px;
background: rgba(142, 201, 66, 0.1);
border: 2px dashed rgba(142, 201, 66, 0.2);
}
.post-audio.jp-player-init .jp-audio .jp-no-solution span {
display: block;
font-weight: 700;
}
.post-audio.jp-player-init .jp-audio .jp-no-solution a {
color: #29292b;
}
.post-audio.jp-player-init .jp-audio .jp-no-solution a:hover {
color: #29292b;
text-decoration: underline;
}
.post-audio.jp-player-init .jp-play-bar,
.post-audio.jp-player-init .jp-volume-bar-value {
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
background-size: 0.4375em 0.4375em;
background-color: #a55708;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6710a), color-stop(100%, #a55708));
background-image: -webkit-linear-gradient(#d6710a, #a55708);
background-image: linear-gradient(#d6710a, #a55708);
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
* + .post-classic {
margin-top: 40px;
}
* + .post-classic-meta {
margin-top: 10px;
}
* + .post-classic-title {
margin-top: 10px;
}
* + .post-audio {
margin-top: 15px;
}
* + .post-classic-text {
margin-top: 15px;
}
* + .post-classic-footer {
margin-top: 15px;
}
@media (min-width: 768px) {
.post-classic-title {
font-size: 32px;
line-height: 1.2381;
}
.post-classic-quote {
padding: 30px 50px;
}
.post-classic-info {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -35px;
}
.post-classic-info > * {
display: inline-block;
margin-top: 10px;
margin-left: 35px;
}
* + .post-classic-meta {
margin-top: 25px;
}
* + .post-classic-player {
margin-top: 35px;
}
* + .post-classic-text {
margin-top: 25px;
}
* + .post-classic-footer {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.post-classic-media a .icon {
font-size: 120px;
}
}
@media (min-width: 1200px) {
.post-classic-title {
padding-right: 50px;
}
.post-classic-media {
min-height: 340px;
}
.ie-10 .post-quote-wrap,
.ie-11 .post-quote-wrap {
display: block;
vertical-align: middle;
white-space: nowrap;
}
.ie-10 .post-quote-wrap > *,
.ie-11 .post-quote-wrap > * {
display: inline-block;
vertical-align: middle;
max-width: 99%;
white-space: normal;
}
.ie-10 .post-quote-wrap::after,
.ie-11 .post-quote-wrap::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.post-classic-meta {
transform: translateY(-14px);
margin-bottom: -14px;
margin-left: -40px;
}
.post-classic-meta > * {
display: inline-block;
margin-top: 14px;
margin-left: 40px;
}
* + .post-classic-meta {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.post-classic-title {
font-size: 42px;
}
.post-classic-media {
min-height: 580px;
}
.post-classic-body {
padding: 37px;
}
.post-classic-quote {
padding: 100px;
}
.post-classic-meta {
transform: translateY(-14px);
margin-bottom: -14px;
margin-left: -60px;
}
.post-classic-meta > * {
display: inline-block;
margin-top: 14px;
margin-left: 60px;
}
}
/**
* Post minimal
*/
.post-minimal {
text-align: left;
}
.post-minimal > * + * {
margin-top: 12px;
}
.post-minimal-title {
color: #003768;
}
.post-minimal-time {
display: block;
color: #c2c2c3;
}
.post-minimal-md .post-minimal-title {
font-weight: 400;
}
@media (min-width: 768px) {
.post-minimal-md .post-minimal-title {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.post-minimal-md .post-minimal-title {
font-size: 24px;
}
}
* + .post-minimal {
margin-top: 20px;
}
/**
* Blog aside
*/
.blog-aside {
position: relative;
transform: translateY(-30px);
margin-bottom: -30px;
pointer-events: none;
}
.blog-aside > *:before {
content: '';
display: table;
width: 0;
}
.blog-aside > * {
margin-top: 30px;
pointer-events: auto;
}
.blog-aside h6 + * {
margin-top: 15px;
}
@media (min-width: 768px) {
.blog-aside {
transform: translateY(-60px);
margin-bottom: -60px;
}
.blog-aside > * {
margin-top: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-aside {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-aside-item {
width: 50%;
padding: 0 15px;
}
}
@media (min-width: 1600px) {
.blog-aside {
transform: translateY(-120px);
margin-bottom: -120px;
}
.blog-aside h6 + * {
margin-top: 28px;
}
.blog-aside > * {
margin-top: 120px;
}
}
.shop-aside {
position: relative;
transform: translateY(-30px);
margin-bottom: -30px;
pointer-events: none;
}
.shop-aside > *:before {
content: '';
display: table;
width: 0;
}
.shop-aside > * {
margin-top: 30px;
pointer-events: auto;
}
.shop-aside h6 + * {
margin-top: 15px;
}
@media (min-width: 768px) {
.shop-aside {
transform: translateY(-60px);
margin-bottom: -60px;
}
.shop-aside > * {
margin-top: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.shop-aside {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shop-aside-item {
width: 50%;
padding: 0 15px;
}
}
@media (min-width: 1600px) {
.shop-aside {
transform: translateY(-120px);
margin-bottom: -120px;
}
.shop-aside h6 + * {
margin-top: 28px;
}
.shop-aside > * {
margin-top: 120px;
}
}
/**
* Post modern
*/
.post-modern {
position: relative;
overflow: hidden;
}
.post-modern .post-blog-video, .post-modern .post-blog-video figure {
border-radius: 0;
}
.post-modern > * + * {
margin-top: 25px;
}
.post-modern-aside {
width: 130px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.post-modern-aside time {
display: block;
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
.post-modern-main {
position: relative;
overflow: hidden;
border-radius: 9px;
background: #f2f3f9;
text-align: left;
color: #29292b;
}
.post-modern-body {
padding: 25px 20px;
}
.post-modern-footer {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-modern-image {
display: block;
background: #29292b;
}
.post-modern-image img {
opacity: 1;
transition: .33s;
}
.post-modern-image:hover > img {
opacity: .8;
}
.post-modern-avatar {
display: block;
border-radius: 100%;
margin-left: auto;
margin-right: auto;
border: 5px solid #fff;
box-shadow: 0 5px 9px 0 rgba(150, 150, 150, 0.18);
}
.post-modern-title {
color: #003768;
}
.post-modern-title > a {
display: block;
}
.post-modern-title:hover {
color: #0f9447;
}
.post-modern-author {
color: #003768;
}
.post-modern-meta {
display: inline-table;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -20px;
left: -3px;
color: #838386;
}
.post-modern-meta > * {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
}
.post-modern-meta > li {
vertical-align: middle;
}
.post-modern-meta > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-modern-meta a {
color: inherit;
}
.post-modern-meta a:hover {
color: #003768;
}
.post-modern-meta .icon {
font-size: 1.55em;
color: #c2c2c3;
}
.post-modern-info {
display: inline-table;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -20px;
color: #838386;
font-style: italic;
}
.post-modern-info > * {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
}
.post-modern-info > li {
vertical-align: middle;
}
.post-modern-info > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-modern-info .icon {
position: relative;
top: 1px;
font-size: 1.333em;
font-style: normal;
color: #c2c2c3;
transition: .22s;
}
.post-modern-info a {
color: inherit;
transition: .33s;
}
.post-modern-info a:hover {
color: #003768;
}
.post-modern-info a:hover .icon {
color: #003768;
}
* + .post-modern {
margin-top: 30px;
}
* + .post-modern-author {
margin-top: 12px;
}
* + .post-modern-avatar-wrap {
margin-top: 15px;
}
* + .post-modern-footer {
margin-top: 20px;
}
@media (min-width: 768px) {
.post-modern {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.post-modern > * + * {
margin-top: 0;
}
.post-modern-aside {
position: relative;
padding-bottom: 20px;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.post-modern-aside::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
height: 100vh;
transform: translate(0, 100%);
border-right: 1px solid #c2c2c3;
}
.post-modern-avatar-wrap {
position: relative;
}
.post-modern-avatar-wrap::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 400px;
border-bottom: 1px solid #c2c2c3;
}
.post-modern-avatar {
position: relative;
z-index: 2;
}
.post-modern-main {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 30px;
}
.post-modern-title {
max-width: 81%;
}
}
@media (min-width: 1200px) {
.post-modern-main {
margin-left: 60px;
}
.post-modern-body {
padding: 40px 35px 30px 30px;
}
* + .post-modern-author {
margin-top: 20px;
}
}
@media (min-width: 1600px) {
.post-modern {
margin-left: 80px;
}
.post-modern-main {
margin-left: 100px;
}
* + .post-modern-avatar-wrap {
margin-top: 30px;
}
}
/**
* Post light
*/
.post-light {
text-align: left;
}
.post-light .unit-left a {
background: #29292b;
display: block;
}
.post-light .unit-left a img {
opacity: 1;
transition: .33s;
}
.post-light .unit-left a:hover img {
opacity: .8;
}
.post-light-title {
max-width: 90%;
color: #003768;
}
.post-light-time {
display: block;
color: #c2c2c3;
}
.post-light + .post-light {
margin-top: 30px;
}
@media (min-width: 992px) {
* + .post-light-time {
margin-top: 10px;
}
}
@media (min-width: 1200px) {
.post-light + .post-light {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
.post-light + .post-light {
margin-top: 65px;
}
}
/**
* Pricing Table, Box Style
*/
.pricing-shell-wrap .pricing-box {
max-width: 420px;
}
.pricing-box {
max-width: 270px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #f2f3f9;
border-radius: 9px;
box-shadow: 0 7px 24px 0 rgba(41, 41, 43, 0.42);
transition: .3s ease-out all;
}
.pricing-box .pricing-box-price {
color: #29292b;
font-weight: 500;
}
.pricing-box .pricing-box-price .heading-2 {
font-weight: inherit;
}
.pricing-box .pricing-box-price > * {
color: inherit;
}
.pricing-box .button {
min-width: 0;
padding: 11px 23px;
}
.pricing-box .unit-left {
min-width: 37px;
}
.pricing-box * + .button {
margin-top: 18px;
}
.pricing-box-header {
padding: 25px 10px;
color: #fff;
background-color: #0f9447;
border-top-right-radius: inherit;
border-top-left-radius: inherit;
transition: .3s ease-out all;
}
.pricing-box-header > * {
color: inherit;
}
.pricing-box-body {
padding: 28px 10px;
}
.pricing-box-list {
letter-spacing: 0.02em;
color: #29292b;
}
.pricing-box-list > li {
text-align: left;
}
.pricing-box-list > li + li {
margin-top: 10px;
}
.pricing-box-list-disable {
color: #c2c2c3;
text-decoration: line-through;
}
@media (min-width: 1600px) {
.pricing-box-body {
padding: 36px 10px;
}
.pricing-box .button {
padding: 14px 45px;
}
}
.desktop .pricing-box {
box-shadow: none;
}
.desktop .pricing-box .pricing-box-header {
background-color: #003768;
}
.desktop .pricing-box-primary,
.desktop .pricing-box:hover {
box-shadow: 0 7px 24px 0 rgba(41, 41, 43, 0.42);
}
.desktop .pricing-box-primary .pricing-box-header,
.desktop .pricing-box:hover .pricing-box-header {
background-color: #0f9447;
}
* + .pricing-box-price {
margin-top: 30px;
}
@media (min-width: 768px) {
.pricing-box * + .button {
margin-top: 19px;
}
* + .pricing-box-price {
margin-top: 30px;
}
}
@media (min-width: 1600px) {
* + .pricing-box-price {
margin-top: 40px;
}
}
/**
* Pricing Box Alternative
*/
.pricing-box-alternative {
position: relative;
z-index: 10;
max-width: 294px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding: 15px 20px 15px;
border: 1px solid #ededed;
transition: .3s ease-out all;
}
.pricing-box-alternative:before {
content: '';
z-index: -1;
position: absolute;
top: -40px;
bottom: -90px;
left: 0;
right: 0;
background-color: #0f9447;
border-radius: 9px;
}
.pricing-box-alternative * + .pricing-box-list {
margin-top: 15px;
}
.pricing-box-alternative * + .pricing-box-price {
margin-top: 25px;
}
.pricing-box-alternative .pricing-box-button {
margin-top: 20px;
position: relative;
}
.pricing-box-alternative .pricing-box-button .button {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
padding-left: 8px;
padding-right: 8px;
}
.pricing-box-alternative .pricing-box-button .button-secondary:hover {
color: #29292b;
background: #ffec17;
border-color: #ffec17;
}
.pricing-box-alternative-header {
color: #003768;
}
.pricing-box-alternative-header > * {
color: inherit;
}
.pricing-box-rating > li {
display: inline-block;
margin: 0 -4px;
}
.pricing-box-rating .mdi-star {
color: #0f9447;
}
.pricing-box-rating .mdi-star-outline {
color: #ededed;
}
* + .pricing-box-rating {
margin-top: 30px;
}
.tablet .pricing-box-alternative:before,
.mobile .pricing-box-alternative:before {
visibility: visible;
opacity: 1;
}
.tablet .pricing-box-alternative .pricing-box-button .button,
.mobile .pricing-box-alternative .pricing-box-button .button {
visibility: visible;
opacity: 1;
}
.tablet .pricing-box-alternative .pricing-box-rating .mdi-star,
.mobile .pricing-box-alternative .pricing-box-rating .mdi-star {
color: #ffec17;
}
.tablet .pricing-box-alternative .pricing-box-rating .mdi-star-outline,
.mobile .pricing-box-alternative .pricing-box-rating .mdi-star-outline {
color: #fff;
}
.tablet .pricing-box-alternative .pricing-box-alternative-header,
.mobile .pricing-box-alternative .pricing-box-alternative-header {
color: #fff;
}
.tablet .pricing-box-alternative .pricing-box-list,
.mobile .pricing-box-alternative .pricing-box-list {
color: #fff;
}
.tablet .pricing-box-alternative .pricing-box-list-disable,
.mobile .pricing-box-alternative .pricing-box-list-disable {
color: #d3d3d4;
}
.tablet .pricing-box-alternative .pricing-box-price,
.mobile .pricing-box-alternative .pricing-box-price {
color: #fff;
}
.tablet .pricing-box-alternative .pricing-box-price > *,
.mobile .pricing-box-alternative .pricing-box-price > * {
color: inherit;
}
.desktop .pricing-box-alternative {
padding: 50px 20px 30px;
margin-bottom: 0;
z-index: 1;
}
.desktop .pricing-box-alternative:before {
visibility: hidden;
opacity: 0;
}
.desktop .pricing-box-alternative:hover {
margin-bottom: 50px;
padding: 15px 20px 15px;
z-index: 10;
}
.desktop .pricing-box-alternative:hover:before {
visibility: visible;
opacity: 1;
}
.desktop .pricing-box-alternative:hover .pricing-box-button .button {
visibility: visible;
opacity: 1;
}
.desktop .pricing-box-alternative:hover .pricing-box-rating .mdi-star {
color: #ffec17;
}
.desktop .pricing-box-alternative:hover .pricing-box-rating .mdi-star-outline {
color: #fff;
}
.desktop .pricing-box-alternative:hover .pricing-box-alternative-header {
color: #fff;
}
.desktop .pricing-box-alternative:hover .pricing-box-list {
color: #fff;
}
.desktop .pricing-box-alternative:hover .pricing-box-list-disable {
color: #d3d3d4;
}
.desktop .pricing-box-alternative:hover .pricing-box-price {
color: #fff;
}
.desktop .pricing-box-alternative:hover .pricing-box-price > * {
color: inherit;
}
@media (min-width: 768px) {
.pricing-box-alternative * + .pricing-box-list {
margin-top: 25px;
}
}
@media (min-width: 1200px) {
.pricing-box-rating .icon {
font-size: 36px;
}
}
/**
* Pricing Box LG width Style
*/
.pricing-box-lg {
max-width: 570px;
}
.pricing-box-lg .pricing-box-header {
padding: .9em 2.2em;
}
.pricing-box-lg .pricing-box-body {
padding: 28.8px 20px 28.8px 20px;
}
.pricing-box-lg .pricing-box-list {
display: inline-flex;
flex-direction: column;
padding-left: 0;
}
.pricing-box-lg .pricing-box-list > li:before {
color: #b7b7b7;
}
.pricing-box-lg .button {
padding: 8px 27px;
}
.pricing-box-lg .pricing-box-price-new {
color: #29292b;
font-weight: 400;
}
.pricing-box-lg .pricing-box-price-new > * {
font-weight: inherit;
color: inherit;
}
.pricing-box-lg .pricing-box-price-old {
color: #c2c2c3;
font-weight: 400;
}
.pricing-box-lg .pricing-box-price-old > * {
font-weight: inherit;
color: inherit;
text-decoration: line-through;
}
* + .pricing-box-price-new {
margin-top: 10px;
}
@media (min-width: 768px) {
.pricing-box-lg .pricing-box-body {
padding: 28.8px 50px 34.8px 45px;
}
* + .pricing-box-price-new {
margin-top: 0;
}
}
/**
* Pricing Box Xl Style
*/
.pricing-box-xl {
max-width: 380px;
}
.pricing-box-xl sup {
top: 0;
}
.pricing-box-xl .pricing-box-header {
padding-top: 15px;
padding-bottom: 15px;
}
.pricing-box-xl .button {
padding-top: 9px;
padding-bottom: 9px;
}
.pricing-box-xl .pricing-box-price sup {
font-size: .6em;
}
.pricing-box-xl .icon-md-big,
.pricing-box-xl .icon-md {
font-size: 25px;
}
.pricing-box-xl .pricing-box-body {
padding: 40px 27px;
}
.pricing-box-xl .pricing-box-list > li + li {
margin-top: 23px;
}
@media (min-width: 480px) {
.pricing-box-xl {
max-width: 620px;
}
.pricing-box-xl .pricing-box-body {
padding: 50px 67px;
}
}
@media (min-width: 1200px) {
.pricing-box-xl .pricing-box-body {
padding: 30px 27px;
}
}
@media (min-width: 1600px) {
.pricing-box-xl .pricing-box-body {
padding: 50px 67px;
}
.pricing-box-xl .button {
padding-top: 11px;
padding-bottom: 11px;
}
.pricing-box-xl .icon-md {
font-size: 28px;
}
.pricing-box-xl .icon-md-big {
font-size: 36px;
}
}
/**
* Pricing Box Wrap
*/
@media (max-width: 991px) {
.pricing-box-wrap-element .pricing-box-alternative {
border-radius: 9px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pricing-box-wrap-element:nth-child(2n + 1) .pricing-box-alternative {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.pricing-box-wrap-element:nth-child(2n + 2) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pricing-box-wrap-element:nth-child(3n + 1) .pricing-box-alternative {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.pricing-box-wrap-element:nth-child(3n + 3) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
}
@media (min-width: 1200px) {
.pricing-box-wrap-element:nth-child(4n + 1) .pricing-box-alternative {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.pricing-box-wrap-element:nth-child(4n + 4) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
}
/*
*
* Quotes
* --------------------------------------------------
*/
/**
* Quote primary
*/
.quote-primary {
text-align: left;
}
.quote-primary .cite {
color: #003768;
}
.quote-primary-text {
font-style: italic;
font-size: 18px;
line-height: 1.55556;
}
.quote-primary-mark {
position: relative;
top: 6px;
display: block;
width: 37px;
height: 27px;
fill: #0f9447;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.quote-primary-meta {
margin-left: -.2em;
color: #c2c2c3;
}
.quote-primary-meta * {
padding: 0 .2em;
}
* + .quote-primary-text {
margin-top: 20px;
}
* + .quote-primary-meta {
margin-top: 15px;
}
@media (min-width: 768px) {
.quote-primary-text {
font-size: 20px;
}
* + .quote-primary-text {
margin-top: 30px;
}
* + .quote-primary-meta {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.quote-primary-text {
font-size: 24px;
line-height: 1.41667;
}
}
/**
* Quote minimal
*/
.quote-minimal {
padding-left: 30px;
padding-right: 20px;
}
.quote-minimal-text {
font-size: 18px;
font-style: italic;
color: #29292b;
}
@media (min-width: 768px) {
.quote-minimal-text {
font-size: 24px;
}
}
/**
* Quote boxed
*/
.quote-boxed {
text-align: left;
transform: translateY(-20px);
margin-bottom: -20px;
margin-left: -30px;
}
.quote-boxed > * {
display: inline-block;
margin-top: 20px;
margin-left: 30px;
}
.quote-boxed-image {
width: 100px;
height: auto;
border-radius: 50%;
}
.quote-boxed-text,
.quote-boxed-cite {
font-size: 18px;
}
.quote-boxed-text {
position: relative;
color: #29292b;
}
.quote-boxed-text::before {
position: relative;
display: inline-block;
transform: scale(-1, -1);
top: -5px;
left: -10px;
content: '\f373';
font-family: 'Material Design Icons';
font-size: 45px;
line-height: .8;
color: #003768;
}
.quote-boxed-cite {
font-weight: 400;
color: #0f9447;
}
.quote-boxed-small {
color: #838386;
}
.quote-boxed-meta > * + * {
margin-top: 0;
}
* + .quote-boxed-meta {
margin-top: 10px;
}
@media (min-width: 480px) {
.quote-boxed {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.quote-boxed-aside {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.quote-boxed-main {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media (min-width: 768px) {
.quote-boxed-image {
width: 160px;
}
.quote-boxed-text,
.quote-boxed-cite {
font-size: 20px;
line-height: 1.41667;
}
.quote-boxed-text::before {
font-size: 60px;
top: -9px;
}
* + .quote-boxed-meta {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.quote-boxed {
transform: translateY(-30px);
margin-bottom: -30px;
margin-left: -80px;
}
.quote-boxed > * {
display: inline-block;
margin-top: 30px;
margin-left: 80px;
}
.quote-boxed-image {
width: 210px;
}
.quote-boxed-text,
.quote-boxed-cite {
font-size: 24px;
}
* + .quote-boxed-meta {
margin-top: 30px;
}
}
/**
* Quote vertical
*/
.quote-vertical-image {
width: 100px;
height: auto;
border-radius: 50%;
}
.quote-vertical-text {
position: relative;
color: #29292b;
}
.quote-vertical-text::after {
position: relative;
display: inline-block;
margin-top: 10px;
content: '\f373';
font-family: 'Material Design Icons';
font-size: 40px;
line-height: 1;
color: #003768;
}
.quote-vertical-cite {
font-weight: 400;
color: #0f9447;
}
.quote-vertical-small {
color: #838386;
}
.quote-vertical-meta > * + * {
margin-top: 0;
}
* + .quote-vertical-text {
margin-top: 15px;
}
* + .quote-vertical-meta {
margin-top: 5px;
}
@media (min-width: 480px) {
.quote-vertical-text,
.quote-vertical-cite {
font-size: 18px;
line-height: 1.5;
}
}
@media (min-width: 768px) {
.quote-vertical-text,
.quote-vertical-cite {
font-size: 20px;
line-height: 1.5;
}
.quote-vertical-text::after {
margin-top: 20px;
}
* + .quote-vertical-text {
margin-top: 25px;
}
}
@media (min-width: 1200px) {
.quote-vertical-text,
.quote-vertical-cite {
font-size: 24px;
}
}
/**
* Quote classic
*/
.quote-classic {
text-align: left;
}
.quote-classic-image {
width: 70px;
height: auto;
border-radius: 50%;
}
.quote-classic-header {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transform: translateY(-20px);
margin-bottom: -20px;
margin-left: -20px;
}
.quote-classic-header > * {
display: inline-block;
margin-top: 20px;
margin-left: 20px;
}
.quote-classic-text {
font-style: italic;
color: #29292b;
}
.quote-classic-cite {
font-weight: 400;
color: #0f9447;
}
.quote-classic-small {
font-style: italic;
color: #838386;
}
.quote-classic-meta > * + * {
margin-top: 0;
}
* + .quote-classic-text {
margin-top: 20px;
}
@media (min-width: 480px) {
.quote-classic-text,
.quote-classic-cite {
font-size: 18px;
line-height: 1.5;
}
}
@media (min-width: 768px) {
.quote-classic-text,
.quote-classic-cite {
font-size: 20px;
line-height: 1.5;
}
}
@media (min-width: 1600px) {
.quote-classic-text,
.quote-classic-cite {
font-size: 24px;
}
}
/**
* Quote modern
*/
.quote-modern {
text-align: left;
}
.quote-modern-image {
width: 80px;
height: auto;
border-radius: 50%;
}
.quote-modern-footer {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transform: translateY(-20px);
margin-bottom: -20px;
margin-left: -20px;
}
.quote-modern-footer > * {
display: inline-block;
margin-top: 20px;
margin-left: 20px;
}
.quote-modern-text {
position: relative;
font-size: 18px;
color: #29292b;
}
.quote-modern-text::before {
position: relative;
display: inline-block;
transform: scale(-1, -1);
left: -10px;
content: '\f373';
font-family: 'Material Design Icons';
font-size: 60px;
font-style: normal;
line-height: 1;
color: #003768;
}
@supports (-webkit-background-clip: text) {
.quote-modern-text::before {
background: linear-gradient(to left, #003768 70%, #2b7dc5);
background-size: 200% auto;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.quote-modern-cite {
font-weight: 400;
color: #2b7dc5;
}
.quote-modern-small {
color: #838386;
}
.quote-modern-meta > * + * {
margin-top: 0;
}
* + .quote-modern-text {
margin-top: 20px;
}
* + .quote-modern-footer {
margin-top: 20px;
}
@media (min-width: 768px) {
.quote-modern-cite,
.quote-modern-text {
font-size: 20px;
line-height: 1.5;
}
}
@media (min-width: 1600px) {
.quote-modern-cite,
.quote-modern-text {
font-size: 24px;
}
}
/*
*
* Snackbars
* --------------------------------------------------
*/
.snackbars {
padding: 9px 16px;
margin-left: auto;
margin-right: auto;
color: #fff;
text-align: left;
background-color: #29292b;
border-radius: 0;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
font-size: 14px;
}
.snackbars .icon-xxs {
font-size: 18px;
}
.snackbars p span:last-child {
padding-left: 14px;
}
.snackbars-left {
display: inline-block;
margin-bottom: 0;
}
.snackbars-right {
display: inline-block;
float: right;
text-transform: uppercase;
}
.snackbars-right:hover {
text-decoration: underline;
}
@media (min-width: 480px) {
.snackbars {
max-width: 540px;
padding: 12px 15px;
font-size: 15px;
}
}
.inline-message {
border-radius: 9px;
padding: 20px;
text-align: left;
font-size: 15px;
color: #29292b;
background: #f2f3f9;
border: 2px dashed rgba(131, 131, 134, 0.1);
}
* + .inline-message {
margin-top: 20px;
}
/**
* Table custom
*/
.table-custom {
box-sizing: border-box;
width: 100%;
max-width: 100%;
font-weight: 300;
text-align: left;
background: #fff;
}
.table-custom th,
.table-custom td {
padding: 15px 20px 15px 15px;
font-weight: 300;
letter-spacing: 0.02em;
color: #29292b;
background: #fff;
border-bottom: 1px solid #ededed;
}
.table-custom th:first-child,
.table-custom td:first-child {
padding: 15px 30px 15px 20px;
}
@media (min-width: 992px) {
.table-custom th,
.table-custom td {
padding: 15px 45px 15px 35px;
}
.table-custom th:first-child,
.table-custom td:first-child {
padding: 15px 60px 15px 30px;
}
}
.table-custom th {
color: #838386;
border-color: #29292b;
}
.table-checkout {
max-width: 570px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.table-checkout .table-custom-responsive {
border: none;
}
.table-checkout tr td {
border-top: 1px solid #ededed;
}
.table-checkout tr td:last-child {
text-align: right;
padding-right: 25px;
font-weight: 400;
color: #29292b;
}
.table-checkout .form-wrap {
margin-left: 30px;
margin-right: 30px;
}
.table-checkout * + .form-wrap,
.table-checkout * + .button {
margin-top: 30px;
}
@media (min-width: 1600px) {
.table-checkout * + .form-wrap,
.table-checkout * + .button {
margin-top: 55px;
}
}
/**
* Table Shop
*/
.table-shop {
min-width: 680px;
}
.table-shop th,
.table-shop td {
padding-left: 15px;
padding-right: 15px;
}
.table-shop th:last-child,
.table-shop td:last-child {
text-align: right;
padding-right: 20px;
}
.table-shop td {
padding-top: 23px;
padding-bottom: 23px;
}
@media (min-width: 0px) and (max-width: 767px) {
.table-shop th:first-child,
.table-shop td:first-child {
padding-left: 15px;
padding-right: 15px;
}
.table-shop th:nth-child(2),
.table-shop td:nth-child(2) {
width: 45%;
}
.table-shop th:nth-child(3),
.table-shop td:nth-child(3) {
width: 13%;
}
}
@media (min-width: 768px) {
.table-shop th:nth-child(2),
.table-shop td:nth-child(2) {
width: 43%;
}
}
@media (min-width: 992px) {
.table-shop th:nth-child(1),
.table-shop td:nth-child(1) {
width: 12%;
}
.table-shop th:nth-child(2),
.table-shop td:nth-child(2) {
width: 37%;
}
.table-shop th:nth-child(3),
.table-shop td:nth-child(3) {
width: 21%;
}
}
/**
* Table Hover
*/
.table-hover tr:hover td, .table-hover tr:hover td {
background-color: #f2f3f9;
}
/**
* Table Color Header
*/
.table-color-header th {
border: none;
color: #fff;
background-color: #0f9447;
}
.table-color-header tr:nth-child(even) td {
background-color: #f2f3f9;
}
.table-custom-bordered {
border: 1px solid #ededed;
}
.table-custom-bordered td, .table-custom-bordered th {
border: 1px solid #ededed;
}
.table-custom-bordered th {
border-bottom-color: #29292b;
}
.table-custom-bordered tbody > tr:first-of-type > td {
border-top: 0;
}
.table-custom-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-custom-responsive {
width: 100%;
margin-bottom: 10px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ededed;
}
.table-custom-responsive > .table-custom > thead > tr > th,
.table-custom-responsive > .table-custom > thead > tr > td,
.table-custom-responsive > .table-custom > tbody > tr > th,
.table-custom-responsive > .table-custom > tbody > tr > td,
.table-custom-responsive > .table-custom > tfoot > tr > th,
.table-custom-responsive > .table-custom > tfoot > tr > td {
white-space: nowrap;
}
}
@media (max-width: 991px) {
.table-shop-responsive {
width: 100%;
margin-bottom: 10px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ededed;
}
.table-shop-responsive > .table-custom > thead > tr > th,
.table-shop-responsive > .table-custom > thead > tr > td,
.table-shop-responsive > .table-custom > tbody > tr > th,
.table-shop-responsive > .table-custom > tbody > tr > td,
.table-shop-responsive > .table-custom > tfoot > tr > th,
.table-shop-responsive > .table-custom > tfoot > tr > td {
white-space: nowrap;
}
}
* + .table-custom-responsive {
margin-top: 30px;
}
@media (min-width: 768px) {
* + .table-custom-responsive {
margin-top: 60px;
}
}
.team-classic {
max-width: 270px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.team-classic .list-inline {
margin-left: -6px;
margin-right: -6px;
}
.team-classic .list-inline > li {
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 768px) {
.team-classic .list-inline {
margin-left: -8px;
margin-right: -8px;
}
.team-classic .list-inline > li {
padding-left: 8px;
padding-right: 8px;
}
}
.team-classic-circle {
text-align: center;
}
@media (min-width: 1600px) {
.team-classic-circle {
max-width: 300px;
}
}
.team-classic-image {
position: relative;
overflow: hidden;
border-radius: 8px;
}
.team-classic-image-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background-color: rgba(15, 148, 71, 0.7);
border-radius: 0 0 8px 8px;
}
.team-classic-caption {
margin-top: 22px;
}
.team-classic-caption * + .button {
margin-top: 20px;
}
.team-classic-caption * + .list-inline {
margin-top: 15px;
}
.team-classic-title {
color: #003768;
font-weight: 400;
}
.team-classic-title:hover {
color: #003768;
}
.team-classic-job-position {
font-size: 18px;
font-style: italic;
color: #838386;
}
* + .team-classic-job-position {
margin-top: 0;
}
.team-inline {
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.team-inline * + .team-inline-text {
margin-top: 20px;
}
.team-inline * + .list-inline {
margin-top: 20px;
}
@media (min-width: 768px) {
.team-inline {
max-width: 100%;
}
.team-inline .team-classic-image {
max-width: 300px;
}
.team-inline * + .team-classic-job-position {
margin-top: 15px;
}
.team-inline * + .team-inline-text {
margin-top: 40px;
}
.team-inline * + .list-inline {
margin-top: 40px;
}
}
@media (min-width: 1200px) {
.team-inline .team-classic-image {
max-width: 100%;
}
}
.team-inline-title {
text-transform: uppercase;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
letter-spacing: .12em;
}
.desktop .team-classic-image-caption {
transition: 450ms ease-in-out;
opacity: 0;
transform: rotate3d(1, 0, 0, 90deg);
transform-origin: 0 100%;
}
.desktop .team-classic {
perspective: 1200px;
}
.desktop .team-classic:hover .team-classic-image-caption {
opacity: 1;
transform: rotate3d(1, 0, 0, 0deg);
}
/*
*
* Thumbnails
* --------------------------------------------------
*/
.figure-light {
color: #c2c2c3;
}
.image-default {
display: block;
width: 100%;
}
@media (max-width: 767px) {
.image-default img {
max-width: 360px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.image-video {
position: relative;
display: inline-block;
width: auto;
}
.image-video .link-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-shadow img {
box-shadow: 0px 10px 30px 0px rgba(142, 149, 166, 0.5);
}
/*
*
* Thumbnail classic with icon
*----------------------------------------------------
*/
.thumbnail-classic * + .divider {
margin-top: 20px;
}
.thumbnail-classic span {
position: relative;
}
.thumbnail-classic:hover .thumbnail-classic-icon {
color: #fff;
}
.thumbnail-classic:hover .thumbnail-classic-icon:before {
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
box-shadow: 0 8px 29px rgba(63, 9, 102, 0.25);
}
.thumbnail-classic:hover .thumbnail-classic-icon:after {
opacity: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.thumbnail-classic.unit-sm-horizontal {
text-align: left;
}
.thumbnail-classic.unit-sm-horizontal .thumbnail-classic-caption {
margin-top: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.thumbnail-classic.unit-md-horizontal {
text-align: left;
}
.thumbnail-classic.unit-md-horizontal .thumbnail-classic-caption {
margin-top: 0;
}
}
.thumbnail-classic-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 120px;
margin-left: auto;
margin-right: auto;
transition: 450ms ease-in-out;
color: #003768;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.thumbnail-classic-icon:before, .thumbnail-classic-icon:after {
position: absolute;
content: "";
display: inline-block;
border-radius: 50%;
transition: 450ms ease-in-out;
}
.thumbnail-classic-icon:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px solid #d8dae2;
}
.thumbnail-classic-icon:before {
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
opacity: 0;
background-image: -moz-linear-gradient(0deg, #003768 0%, #0f9447 100%);
background-image: -webkit-linear-gradient(0deg, #003768 0%, #0f9447 100%);
background-image: -ms-linear-gradient(0deg, #003768 0%, #0f9447 100%);
background-size: 200%;
}
.thumbnail-classic-icon .icon {
font-size: 48px;
}
.thumbnail-classic-secondary .thumbnail-classic-text {
letter-spacing: .02em;
color: #838386;
opacity: 1;
}
.thumbnail-classic-secondary .thumbnail-classic-icon::after {
border-color: #003768;
}
.thumbnail-classic-secondary .divider {
background: #0f9447;
}
.thumbnail-classic-caption {
margin-top: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.thumbnail-classic-caption {
padding-right: 15px;
}
}
@media (min-width: 1600px) {
.thumbnail-classic-caption {
margin-top: 20px;
}
.thumbnail-classic-caption * + .divider {
margin-top: 30px;
}
.thumbnail-classic-caption .divider + p {
margin-top: 30px;
}
}
/**
* Thumb Minimal
*/
.thumb-minimal {
display: inline-block;
position: relative;
}
.thumb-minimal-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(142, 201, 66, 0.7);
transition: .3s ease-out all;
}
.thumb-minimal-overlay:before {
content: '\f504';
position: absolute;
top: 50%;
left: 50%;
font-size: 36px;
color: #fff;
font-family: 'Material Design Icons';
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.desktop .thumb-minimal-overlay {
visibility: hidden;
opacity: 0;
}
.desktop .thumb-minimal:hover .thumb-minimal-overlay {
visibility: visible;
opacity: 1;
}
}
/**
* Thumb Default
*/
.thumb-default {
position: relative;
padding-bottom: 100%;
}
.thumb-default a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.thumb-default img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.thumb-default-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(142, 201, 66, 0.25);
transition: .3s ease-out all;
}
.thumb-default-overlay:before {
content: '\f504';
position: absolute;
top: 50%;
left: 50%;
font-size: 36px;
color: #fff;
font-family: 'Material Design Icons';
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.desktop .thumb-default-overlay {
visibility: hidden;
opacity: 0;
background-color: rgba(142, 201, 66, 0.7);
}
.desktop .thumb-default:hover .thumb-default-overlay {
visibility: visible;
opacity: 1;
}
}
.ie-10 .thumb-default,
.ie-11 .thumb-default {
overflow: hidden;
}
.ie-10 .thumb-default img,
.ie-11 .thumb-default img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 135%;
max-height: 135%;
min-height: 101%;
min-width: 101%;
}
.thumbnail-simple {
text-align: left;
}
.thumbnail-simple-image-wrap {
display: block;
position: relative;
border-radius: 9px;
overflow: hidden;
}
.thumbnail-simple-image-wrap img {
width: 100%;
}
.thumbnail-simple-image-wrap:hover {
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
transform: translate3d(0, -5px, 0);
}
.thumbnail-simple-title {
font-size: 18px;
line-height: 1.3;
font-weight: 400;
}
.thumbnail-simple-subtitle {
font-style: italic;
}
* + .thumbnail-simple-subtitle {
margin-top: 0;
}
@media (min-width: 1200px) {
.thumbnail-simple-title {
font-size: 20px;
}
}
@media (min-width: 1800px) {
.thumbnail-simple-title {
font-size: 24px;
}
}
/*
*
* Thumbnail Modern
* --------------------------------------------------
*/
.thumbnail-modern {
display: block;
position: relative;
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.thumbnail-modern-image-wrap {
display: block;
position: relative;
overflow: hidden;
will-change: transform;
border-radius: 9px;
box-shadow: 0 5px 12px 0 #dcdeec;
}
.thumbnail-modern-image-wrap img, .thumbnail-modern-image-wrap::after {
border-radius: 9px;
}
.thumbnail-modern-image-wrap::before, .thumbnail-modern-image-wrap::after {
pointer-events: none;
}
.thumbnail-modern-image {
min-width: 100%;
}
* + .thumbnail-modern-caption {
margin-top: 15px;
}
@media (min-width: 992px) {
.desktop .thumbnail-modern-image-wrap {
transition: .33s;
}
.desktop .thumbnail-modern-image-wrap img {
transition: .7s;
transform: scale3d(1, 1, 1);
}
.desktop .thumbnail-modern-image-wrap::before {
content: '\f504';
position: absolute;
display: block;
z-index: 2;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-filter: blur(0);
font-family: 'Material Design Icons';
font-size: 60px;
color: #fff;
opacity: 0;
transition: .4s .1s;
}
.desktop .thumbnail-modern-image-wrap::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #003768;
opacity: 0;
transition: .4s;
}
.desktop .thumbnail-modern-image-wrap:hover {
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
}
.desktop .thumbnail-modern-image-wrap:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.desktop .thumbnail-modern-image-wrap:hover::before {
opacity: 1;
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.desktop .thumbnail-modern-image-wrap:hover::after {
opacity: .6;
}
}
@media (min-width: 768px) {
* + .thumbnail-modern-caption {
margin-top: 22px;
}
}
@media (min-width: 1600px) {
* + .thumbnail-modern-caption {
margin-top: 35px;
}
}
/**
* Time Line Styles
*/
.time-line-vertical-element:before, .time-line-horizontal-element .time-line-time:before {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #003768;
}
.time-line-time {
color: #29292b;
letter-spacing: 0.02em;
}
.time-line-content * + img {
margin-top: 20px;
}
.time-line-content img + * {
margin-top: 20px;
}
.time-line-content img + p {
margin-top: 20px;
}
.time-line-content p {
letter-spacing: 0.02em;
color: #838386;
}
.time-line-content * + p {
margin-top: 10px;
}
.bg-gray-darker .time-line-content p, .bg-additional-gray-darker .bg-additional-item .time-line-content p {
color: #c2c2c3;
}
/**
* Vertical Time Line
*/
.time-line-vertical {
position: relative;
max-width: 830px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}
.time-line-vertical:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 7px;
transform: translateX(-50%);
border-left: 2px solid #003768;
}
.time-line-vertical-element {
position: relative;
padding-left: 35px;
}
.time-line-vertical-element:before {
content: '';
position: absolute;
left: 0;
top: 6px;
}
.time-line-vertical-element + .time-line-vertical-element {
margin-top: 35px;
}
@media (min-width: 768px) {
.time-line-vertical:before,
.time-line-vertical-element:before {
display: none;
}
.time-line-vertical-element {
padding-left: 0;
}
.time-line-vertical-element .time-line-content {
position: relative;
top: -3px;
}
.time-line-vertical-element .unit-left {
max-width: 150px;
width: 100%;
text-align: right;
}
.time-line-vertical-element .unit-body {
position: relative;
}
.time-line-vertical-element .unit-body:before {
content: '';
position: absolute;
z-index: 1;
left: 48px;
top: 8px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #003768;
}
.time-line-vertical-element:last-child .unit-body:after {
content: '';
position: absolute;
left: 54px;
top: -250vh;
bottom: -250vh;
border-left: 2px solid #003768;
}
.time-line-vertical-element + .time-line-vertical-element {
margin-top: 45px;
}
.time-line-vertical-element-offset + .time-line-vertical-element-offset {
margin-top: 55px;
}
}
* + .time-line-vertical {
margin-top: 30px;
}
@media (min-width: 768px) {
* + .time-line-vertical {
margin-top: 45px;
}
}
@media (min-width: 1200px) {
* + .time-line-vertical {
margin-top: 80px;
}
}
/**
* Horizontal Time Line
*/
.time-line-horizontal {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.time-line-horizontal-element {
padding-left: 5px;
padding-right: 5px;
max-width: 330px;
text-align: left;
}
.time-line-horizontal-element .time-line-content * + p {
margin-top: 16px;
}
.time-line-horizontal-element .time-line-time {
position: relative;
padding-bottom: 23px;
}
.time-line-horizontal-element .time-line-time time {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time-line-horizontal-element .time-line-time:before {
content: '';
z-index: 10;
position: absolute;
left: 0;
bottom: -7px;
}
.time-line-horizontal-element .time-line-time:after {
content: '';
position: absolute;
bottom: 0;
left: -40px;
right: -100vw;
border-bottom: 2px solid #003768;
}
.time-line-horizontal-element * + .time-line-content {
margin-top: 20px;
}
@media (min-width: 1600px) {
.time-line-horizontal-element .time-line-time {
padding-bottom: 33px;
}
.time-line-horizontal-element * + .time-line-content {
margin-top: 40px;
}
}
.bg-gray-lighter .time-line-horizontal-element .time-line-time:before {
background-color: #f2f3f9;
}
.bg-gray-darker .time-line-content, .bg-additional-gray-darker .bg-additional-item .time-line-content {
color: #c2c2c3;
}
.bg-gray-darker .time-line-horizontal-element .time-line-time:after, .bg-additional-gray-darker .bg-additional-item .time-line-horizontal-element .time-line-time:after,
.bg-gray-darker .time-line-horizontal-element .time-line-time:before, .bg-additional-gray-darker .bg-additional-item .time-line-horizontal-element .time-line-time:before {
background-color: #29292b;
border-color: #ffec17;
}
/*
*
* Tooltip Custom
* --------------------------------------------------
*/
.tooltip-custom {
display: inline-block;
cursor: pointer;
}
.tooltip-custom + .tooltip.in {
opacity: 1;
}
.tooltip-custom + .tooltip.top .tooltip-arrow {
bottom: -2px;
margin-left: -7px;
border-width: 7px 7px 0;
border-top-color: #0f9447;
}
.tooltip-custom + .tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 7px;
margin-bottom: -7px;
border-width: 7px 7px 0;
border-top-color: #0f9447;
}
.tooltip-custom + .tooltip.top-right .tooltip-arrow {
left: 7px;
margin-bottom: -7px;
border-width: 7px 7px 0;
border-top-color: #0f9447;
}
.tooltip-custom + .tooltip.right .tooltip-arrow {
margin-top: -7px;
border-width: 7px 7px 7px 0;
border-right-color: #0f9447;
}
.tooltip-custom + .tooltip.left .tooltip-arrow {
margin-top: -7px;
border-width: 7px 0 7px 7px;
border-left-color: #0f9447;
}
.tooltip-custom + .tooltip.bottom .tooltip-arrow {
margin-left: -7px;
border-width: 0 7px 7px;
border-bottom-color: #0f9447;
}
.tooltip-custom + .tooltip.bottom-left .tooltip-arrow {
right: 7px;
margin-top: -7px;
border-width: 0 7px 7px;
border-bottom-color: #0f9447;
}
.tooltip-custom + .tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 7px;
margin-top: -7px;
border-width: 0 7px 7px;
border-bottom-color: #0f9447;
}
.tooltip-custom + .tooltip .tooltip-inner {
font-family: "Lato", Helvetica, Arial, sans-serif;
max-width: 253px;
padding: 5px 12px;
font-size: 18px;
font-weight: 300;
border-radius: 0;
letter-spacing: .02em;
background: #0f9447;
}
/*
*
* Helpers
* ==================================================
*/
/*
*
* Text Alignment
* --------------------------------------------------
*/
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-middle {
vertical-align: middle;
}
@media (min-width: 480px) {
html:not(.lt-ie10) .text-xs-left {
text-align: left;
}
html:not(.lt-ie10) .text-xs-center {
text-align: center;
}
html:not(.lt-ie10) .text-xs-right {
text-align: right;
}
html:not(.lt-ie10) .text-xs-justify {
text-align: justify;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .text-sm-left {
text-align: left;
}
html:not(.lt-ie10) .text-sm-center {
text-align: center;
}
html:not(.lt-ie10) .text-sm-right {
text-align: right;
}
html:not(.lt-ie10) .text-sm-justify {
text-align: justify;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .text-md-left {
text-align: left;
}
html:not(.lt-ie10) .text-md-center {
text-align: center;
}
html:not(.lt-ie10) .text-md-right {
text-align: right;
}
html:not(.lt-ie10) .text-md-justify {
text-align: justify;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .text-lg-left {
text-align: left;
}
html:not(.lt-ie10) .text-lg-center {
text-align: center;
}
html:not(.lt-ie10) .text-lg-right {
text-align: right;
}
html:not(.lt-ie10) .text-lg-justify {
text-align: justify;
}
}
.bg-gray-darker.page-footer, .bg-additional-gray-darker .page-footer.bg-additional-item,
.bg-image.page-footer, .bg-additional-image .page-footer.bg-additional-item,
.bg-gradient.page-footer, .page-footer.bg-gradient-1, .page-footer.bg-gradient-2, .page-footer.bg-gradient-3 {
color: #fff;
}
.bg-gray-darker.page-footer h1, .bg-additional-gray-darker .page-footer.bg-additional-item h1,
.bg-image.page-footer h1, .bg-additional-image .page-footer.bg-additional-item h1,
.bg-gradient.page-footer h1, .page-footer.bg-gradient-1 h1, .page-footer.bg-gradient-2 h1, .page-footer.bg-gradient-3 h1, .bg-gray-darker.page-footer h2, .bg-additional-gray-darker .page-footer.bg-additional-item h2,
.bg-image.page-footer h2, .bg-additional-image .page-footer.bg-additional-item h2,
.bg-gradient.page-footer h2, .page-footer.bg-gradient-1 h2, .page-footer.bg-gradient-2 h2, .page-footer.bg-gradient-3 h2, .bg-gray-darker.page-footer h3, .bg-additional-gray-darker .page-footer.bg-additional-item h3,
.bg-image.page-footer h3, .bg-additional-image .page-footer.bg-additional-item h3,
.bg-gradient.page-footer h3, .page-footer.bg-gradient-1 h3, .page-footer.bg-gradient-2 h3, .page-footer.bg-gradient-3 h3, .bg-gray-darker.page-footer h4, .bg-additional-gray-darker .page-footer.bg-additional-item h4,
.bg-image.page-footer h4, .bg-additional-image .page-footer.bg-additional-item h4,
.bg-gradient.page-footer h4, .page-footer.bg-gradient-1 h4, .page-footer.bg-gradient-2 h4, .page-footer.bg-gradient-3 h4, .bg-gray-darker.page-footer h5, .bg-additional-gray-darker .page-footer.bg-additional-item h5,
.bg-image.page-footer h5, .bg-additional-image .page-footer.bg-additional-item h5,
.bg-gradient.page-footer h5, .page-footer.bg-gradient-1 h5, .page-footer.bg-gradient-2 h5, .page-footer.bg-gradient-3 h5, .bg-gray-darker.page-footer h6, .bg-additional-gray-darker .page-footer.bg-additional-item h6,
.bg-image.page-footer h6, .bg-additional-image .page-footer.bg-additional-item h6,
.bg-gradient.page-footer h6, .page-footer.bg-gradient-1 h6, .page-footer.bg-gradient-2 h6, .page-footer.bg-gradient-3 h6, .bg-gray-darker.page-footer [class^='heading-'], .bg-additional-gray-darker .page-footer.bg-additional-item [class^='heading-'],
.bg-image.page-footer [class^='heading-'], .bg-additional-image .page-footer.bg-additional-item [class^='heading-'],
.bg-gradient.page-footer [class^='heading-'], .page-footer.bg-gradient-1 [class^='heading-'], .page-footer.bg-gradient-2 [class^='heading-'], .page-footer.bg-gradient-3 [class^='heading-'] {
color: #fff;
}
.bg-gray-darker.page-footer .list-marked-primary > li:before, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li:before,
.bg-image.page-footer .list-marked-primary > li:before, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li:before,
.bg-gradient.page-footer .list-marked-primary > li:before, .page-footer.bg-gradient-1 .list-marked-primary > li:before, .page-footer.bg-gradient-2 .list-marked-primary > li:before, .page-footer.bg-gradient-3 .list-marked-primary > li:before {
color: #c2c2c3;
}
.bg-gray-darker.page-footer .list-marked-primary > li a, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a,
.bg-image.page-footer .list-marked-primary > li a, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a,
.bg-gradient.page-footer .list-marked-primary > li a, .page-footer.bg-gradient-1 .list-marked-primary > li a, .page-footer.bg-gradient-2 .list-marked-primary > li a, .page-footer.bg-gradient-3 .list-marked-primary > li a, .bg-gray-darker.page-footer .list-marked-primary > li a:focus, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:focus,
.bg-image.page-footer .list-marked-primary > li a:focus, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:focus,
.bg-gradient.page-footer .list-marked-primary > li a:focus, .page-footer.bg-gradient-1 .list-marked-primary > li a:focus, .page-footer.bg-gradient-2 .list-marked-primary > li a:focus, .page-footer.bg-gradient-3 .list-marked-primary > li a:focus, .bg-gray-darker.page-footer .list-marked-primary > li a:active, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:active,
.bg-image.page-footer .list-marked-primary > li a:active, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:active,
.bg-gradient.page-footer .list-marked-primary > li a:active, .page-footer.bg-gradient-1 .list-marked-primary > li a:active, .page-footer.bg-gradient-2 .list-marked-primary > li a:active, .page-footer.bg-gradient-3 .list-marked-primary > li a:active {
color: #ffec17;
}
.bg-gray-darker.page-footer .list-marked-primary > li a:hover, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:hover,
.bg-image.page-footer .list-marked-primary > li a:hover, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:hover,
.bg-gradient.page-footer .list-marked-primary > li a:hover, .page-footer.bg-gradient-1 .list-marked-primary > li a:hover, .page-footer.bg-gradient-2 .list-marked-primary > li a:hover, .page-footer.bg-gradient-3 .list-marked-primary > li a:hover {
color: #003768;
}
.bg-gray-darker.page-footer .right, .bg-additional-gray-darker .page-footer.bg-additional-item .right,
.bg-image.page-footer .right, .bg-additional-image .page-footer.bg-additional-item .right,
.bg-gradient.page-footer .right, .page-footer.bg-gradient-1 .right, .page-footer.bg-gradient-2 .right, .page-footer.bg-gradient-3 .right, .bg-gray-darker.page-footer .form-label, .bg-additional-gray-darker .page-footer.bg-additional-item .form-label,
.bg-image.page-footer .form-label, .bg-additional-image .page-footer.bg-additional-item .form-label,
.bg-gradient.page-footer .form-label, .page-footer.bg-gradient-1 .form-label, .page-footer.bg-gradient-2 .form-label, .page-footer.bg-gradient-3 .form-label, .bg-gray-darker.page-footer .form-input, .bg-additional-gray-darker .page-footer.bg-additional-item .form-input,
.bg-image.page-footer .form-input, .bg-additional-image .page-footer.bg-additional-item .form-input,
.bg-gradient.page-footer .form-input, .page-footer.bg-gradient-1 .form-input, .page-footer.bg-gradient-2 .form-input, .page-footer.bg-gradient-3 .form-input {
color: #838386;
}
.bg-white.page-footer-alternative p.right,
.bg-gray-lighter.page-footer-alternative p.right {
color: #838386;
}
/*
*
* Text styling
* --------------------------------------------------
*/
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
.text-thin {
font-weight: 100;
}
.text-elight {
font-weight: 200;
}
.text-light {
font-weight: 300;
}
.text-regular {
font-weight: 400;
}
.text-medium {
font-weight: 500;
}
.text-sbold {
font-weight: 600;
}
.text-bold, strong {
font-weight: 700;
}
.text-ubold {
font-weight: 900;
}
.text-spacing-0 {
letter-spacing: 0;
}
.text-spacing-sm {
letter-spacing: 0.02em;
}
.text-spacing-md {
letter-spacing: 0.06em;
}
.text-spacing-lg {
letter-spacing: 0.12em;
}
/*
*
* Visibility Responsive
* --------------------------------------------------
*/
.reveal-block {
display: block !important;
}
.reveal-inline-block {
display: inline-block !important;
}
.reveal-inline {
display: inline !important;
}
.reveal-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil {
display: none !important;
}
@media (min-width: 480px) {
.reveal-xs-block {
display: block !important;
}
.reveal-xs-inline-block {
display: inline-block !important;
}
.reveal-xs-inline {
display: inline !important;
}
.reveal-xs-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-xs {
display: none !important;
}
}
@media (min-width: 768px) {
.reveal-sm-block {
display: block !important;
}
.reveal-sm-inline-block {
display: inline-block !important;
}
.reveal-sm-inline {
display: inline !important;
}
.reveal-sm-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-sm {
display: none !important;
}
}
@media (min-width: 992px) {
.reveal-md-block {
display: block !important;
}
.reveal-md-inline-block {
display: inline-block !important;
}
.reveal-md-inline {
display: inline !important;
}
.reveal-md-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.reveal-lg-block {
display: block !important;
}
.reveal-lg-inline-block {
display: inline-block !important;
}
.reveal-lg-inline {
display: inline !important;
}
.reveal-lg-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-lg {
display: none !important;
}
}
@media (min-width: 1600px) {
.reveal-xl-block {
display: block !important;
}
.reveal-xl-inline-block {
display: inline-block !important;
}
.reveal-xl-inline {
display: inline !important;
}
.reveal-xl-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-xl {
display: none !important;
}
}
@media (min-width: 1800px) {
.reveal-xxl-block {
display: block !important;
}
.reveal-xxl-inline-block {
display: inline-block !important;
}
.reveal-xxl-inline {
display: inline !important;
}
.reveal-xxl-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil-xxl {
display: none !important;
}
}
/*
*
* Element groups
* --------------------------------------------------
*/
.page .group {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -10px;
}
.page .group > * {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.page .group-xxs {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -5px;
}
.page .group-xxs > * {
display: inline-block;
margin-top: 5px;
margin-left: 5px;
}
.page .group-xs {
transform: translateY(-9px);
margin-bottom: -9px;
margin-left: -9px;
}
.page .group-xs > * {
display: inline-block;
margin-top: 9px;
margin-left: 9px;
}
.page .group-md {
transform: translateY(-30px);
margin-bottom: -30px;
margin-left: -30px;
}
.page .group-md > * {
display: inline-block;
margin-top: 30px;
margin-left: 30px;
}
.page .group-lg {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -40px;
}
.page .group-lg > * {
display: inline-block;
margin-top: 5px;
margin-left: 40px;
}
.page .group-xl {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -50px;
}
.page .group-xl > * {
display: inline-block;
margin-top: 10px;
margin-left: 50px;
}
.group-middle {
display: inline-table;
}
.group-middle > * {
vertical-align: middle;
}
/*
*
* Sections
* --------------------------------------------------
*/
.section-bottom {
padding-top: 0;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.section-bottom {
padding-bottom: 0;
}
}
.section-bottom.section-reverse {
padding-top: 60px;
padding-bottom: 0;
}
@media (min-width: 992px) {
.section-bottom.section-reverse {
padding-top: 0;
padding-bottom: 0;
}
}
.section-xs {
padding: 40px 0;
}
.section-sm,
.section-md,
.section-lg,
.section-custom,
.section-xl,
.section-xxl,
.section-variant-1,
.section-variant-2 {
padding: 60px 0;
}
.section-lg-top {
padding-top: 60px;
}
@media (min-width: 768px) {
.section-md {
padding-top: 60px;
padding-bottom: 60px;
}
.section-lg, .section-custom {
padding-top: 80px;
padding-bottom: 80px;
}
.section-xl {
padding-top: 100px;
padding-bottom: 100px;
}
.section-xxl {
padding-top: 100px;
padding-bottom: 100px;
}
.section-lg-top {
padding-top: 80px;
}
.section-variant-1 {
padding: 120px 0;
}
.section-variant-2 {
padding: 80px 0;
}
}
@media (min-width: 992px) {
.section-xl {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media (min-width: 1200px) {
.section-md {
padding-top: 100px;
padding-bottom: 100px;
}
.section-lg, .section-custom {
padding-top: 80px;
padding-bottom: 80px;
}
.breadcrumbs-custom-wrap + .section-lg, .breadcrumbs-custom-wrap + .section-custom {
padding-top: 100px;
}
.section-xl {
padding-top: 130px;
padding-bottom: 130px;
}
.breadcrumbs-custom-wrap + .section-xl {
padding-top: 145px;
}
.section-xxl {
padding-top: 150px;
padding-bottom: 150px;
}
.section-variant-1 {
padding: 160px 0 100px;
}
.section-variant-2 {
padding: 120px 0 140px;
}
}
@media (min-width: 1600px) {
.section-lg, .section-custom {
padding-top:55px;
padding-bottom: 125px;
}
.section-lg.section-way-point, .section-way-point.section-custom {
padding-top: 165px;
}
.breadcrumbs-custom-wrap + .section-lg, .breadcrumbs-custom-wrap + .section-custom {
padding-top: 170px;
}
.section-lg-alternative {
padding-top: 130px;
padding-bottom: 140px;
}
.section-xl {
padding-top: 165px;
padding-bottom: 165px;
}
.breadcrumbs-custom-wrap + .section-xl {
padding-top: 190px;
}
.section-xxl {
padding-top: 200px;
padding-bottom: 200px;
}
.section-lg-top {
padding-top: 125px;
}
.section-variant-1 {
padding: 220px 0 140px;
}
.section-variant-2 {
padding: 160px 0;
}
}
@media (min-width: 1800px) {
.section-xl {
padding-top: 200px;
padding-bottom: 200px;
}
.section-xxl {
padding-top: 290px;
padding-bottom: 290px;
}
}
/**
* Custom sections
*/
.section-wrap {
position: relative;
padding: 1px 0;
overflow: hidden;
}
.section-wrap .section-wrap-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
transform: translateY(-35px);
margin-bottom: -35px;
pointer-events: none;
width: 100%;
}
.section-wrap .section-wrap-inner > *:before {
content: '';
display: table;
width: 0;
}
.section-wrap .section-wrap-inner > * {
margin-top: 35px;
pointer-events: auto;
}
.section-wrap .section-wrap-inner > * {
width: 100%;
}
.section-wrap .section-wrap-aside {
bottom: -1px;
}
.section-wrap .rd-google-map {
width: 100%;
max-width: none;
}
.section-wrap .box-minimal {
width: 100%;
max-width: none;
}
.section-wrap .section-wrap-image {
position: relative;
top: -1px;
overflow: hidden;
height: 300px;
}
.section-wrap .section-wrap-image img {
position: absolute;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
top: 30%;
left: 50%;
transform: translate(-50%, -30%);
}
@supports (object-fit: cover) {
.section-wrap .section-wrap-image img {
top: 0;
left: 0;
transform: none;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
}
}
@media (min-width: 768px) {
.section-wrap .section-wrap-image {
height: 500px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section-wrap .box-width-small {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.section-wrap .section-wrap-aside {
position: absolute;
top: -4px;
right: 0;
bottom: -4px;
height: auto;
width: calc(50% - 190px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: 50%;
}
.section-wrap .section-wrap-aside .jp-video-single {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.section-wrap .section-wrap-aside .jp-video .jp-jplayer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto !important;
height: auto !important;
}
.section-wrap .section-wrap-aside .jp-video .jp-jplayer img, .section-wrap .section-wrap-aside .jp-video .jp-jplayer video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
object-position: center;
width: 100% !important;
height: 100% !important;
}
.section-wrap .section-wrap-aside .rd-google-map {
height: calc(100% + 1px);
}
.section-wrap .section-wrap-aside img {
height: 100%;
width: 100%;
}
.section-wrap .section-wrap-aside.section-wrap-image-right img {
position: relative;
left: auto;
top: auto;
transform: none;
object-position: 90% center;
}
.ie-10 .section-wrap .section-wrap-aside.section-wrap-image-right img,
.ie-11 .section-wrap .section-wrap-aside.section-wrap-image-right img {
left: 90%;
transform: translate(-90%, -50%);
}
.ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.ie-10 .section-wrap .section-wrap-aside img,
.ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.ie-11 .section-wrap .section-wrap-aside img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
}
.ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video,
.ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video {
left: 50%;
transform: translateX(-50%);
width: 110% !important;
height: 110% !important;
}
.section-wrap .section-wrap-content {
max-width: 620px;
}
}
@media (min-width: 992px) {
.section-wrap.section-wrap-sm .section-wrap-aside {
width: 41.6%;
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: 50%;
}
.section-wrap.section-wrap-equal .section-wrap-aside {
width: 50%;
}
.section-wrap.section-wrap-equal .section-wrap-aside .section-wrap-content {
max-width: 630px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-wrap.section-wrap-lg .section-wrap-aside {
position: relative;
top: 1px;
width: 100%;
height: 500px;
}
.section-wrap.section-wrap-lg.section-reverse .section-wrap-inner {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
@media (min-width: 1200px) {
.section-wrap .section-wrap-aside {
width: calc(50% - 160px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: calc(50% - 30px);
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: calc(50% + 100px);
}
.section-wrap.section-wrap-equal .section-wrap-aside {
width: 50%;
}
.section-wrap .section-wrap-content {
max-width: 770px;
}
}
@media (min-width: 1600px) {
.section-wrap .section-wrap-aside {
width: calc(50% - 326.66667px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: 50%;
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: calc(50% + 163.33333px);
}
.section-wrap .section-wrap-content {
max-width: 880px;
}
}
@media (min-width: 992px) {
.section-wrap.section-reverse [class*='section'] .range-md-left, .section-wrap.section-md-reverse [class*='section'] .range-md-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-wrap.section-reverse [class*='section'] .range-md-right, .section-wrap.section-md-reverse [class*='section'] .range-md-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1200px) {
.section-wrap.section-reverse [class*='section'] .range-lg-left, .section-wrap.section-md-reverse [class*='section'] .range-lg-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-wrap.section-reverse [class*='section'] .range-lg-right, .section-wrap.section-md-reverse [class*='section'] .range-lg-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1600px) {
.section-wrap.section-reverse [class*='section'] .range-xl-left, .section-wrap.section-md-reverse [class*='section'] .range-xl-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-wrap.section-reverse [class*='section'] .range-xl-right, .section-wrap.section-md-reverse [class*='section'] .range-xl-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1800px) {
.section-wrap.section-reverse [class*='section'] .range-xxl-left, .section-wrap.section-md-reverse [class*='section'] .range-xxl-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-wrap.section-reverse [class*='section'] .range-xxl-right, .section-wrap.section-md-reverse [class*='section'] .range-xxl-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.section-wrap.section-reverse .section-wrap-inner {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
.section-wrap.section-reverse .range {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-wrap.section-reverse .section-wrap-aside {
left: 0;
right: auto;
}
@media (min-width: 992px) {
.section-wrap.section-md-reverse .section-wrap-inner {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
.section-wrap.section-md-reverse .section-wrap-aside {
left: 0;
right: auto;
}
}
/**
* Reverse section layouts
*/
.section-reverse.section-2-columns > [class*='shell'] > .range {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
@media (min-width: 992px) {
.section-reverse.section-2-columns > [class*='shell'] > .range-md-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-reverse.section-2-columns > [class*='shell'] > .range-md-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1200px) {
.section-reverse.section-2-columns > [class*='shell'] > .range-lg-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-reverse.section-2-columns > [class*='shell'] > .range-lg-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1600px) {
.section-reverse.section-2-columns > [class*='shell'] > .range-xl-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-reverse.section-2-columns > [class*='shell'] > .range-xl-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1800px) {
.section-reverse.section-2-columns > [class*='shell'] > .range-xxl-left {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-reverse.section-2-columns > [class*='shell'] > .range-xxl-right {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1600px) {
.section-reverse.section-2-columns .box-wrap-1 {
padding-right: 0;
padding-left: 37px;
margin-right: -80px;
margin-left: 0;
}
.section-reverse.section-2-columns .box-wrap-2 {
padding-right: 70px;
padding-left: 0;
}
}
.section-reverse .box-width-small {
margin-left: auto;
margin-right: 0;
}
.sections-collapsable [class*='section-'] + [class*='section-'] {
padding-top: 0;
}
@media (min-width: 1800px) {
.section-wrap-inner.section-xl {
padding: 230px 0;
}
}
.custom-wrap-1 {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.custom-wrap-1 {
max-width: 700px;
}
}
@media (min-width: 1400px) {
.custom-wrap-1 {
max-width: 1400px;
}
}
.custom-wrap-2 {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.custom-wrap-2 {
max-width: 650px;
}
}
@media (min-width: 1160px) {
.custom-wrap-2 {
max-width: 1160px;
}
}
.layout-3-columns .box-minimal {
display: inline-block;
width: 100%;
max-width: 375px;
}
.layout-3-columns .box-minimal + .box-minimal {
margin-top: 30px;
}
.layout-3-columns .layout-column-image {
text-align: center;
}
@media (max-width: 767px) {
.layout-3-columns .layout-column-image img {
width: auto;
max-height: 80vh;
}
}
@media (max-width: 991px) {
.layout-3-columns [class*='cell'] {
-ms-flex-order: 2;
order: 2;
}
.layout-3-columns .layout-column-image {
-ms-flex-order: 1;
order: 1;
}
.layout-3-columns .layout-column-image img {
width: auto;
max-height: 40vh;
}
}
@media (min-width: 768px) {
.layout-3-columns .box-minimal + .box-minimal {
margin-top: 50px;
}
}
@media (min-width: 992px) {
.layout-3-columns [class*='cell'] {
padding-top: 40px;
}
.layout-3-columns [class*='cell']:first-child {
text-align: right;
}
.layout-3-columns [class*='cell']:first-child .box-minimal-header {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.layout-3-columns .layout-column-image {
padding-top: 0;
margin-bottom: -50px;
}
.layout-3-columns .layout-column-image > * {
margin-right: -20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.layout-3-columns .box-minimal h6,
.layout-3-columns .box-minimal .heading-6 {
font-size: 20px;
}
.layout-3-columns .box-minimal-icon {
font-size: 30px;
}
.layout-3-columns .box-minimal-text {
font-size: 14px;
}
}
@media (min-width: 1600px) {
.layout-3-columns .box-minimal + .box-minimal {
margin-top: 90px;
}
}
.section-custom {
position: relative;
z-index: 1;
}
@media (min-width: 1200px) {
.page .section-access + .section-custom {
margin-top: 0;
padding-top: 0;
padding-bottom: 35px;
}
.page .section-access + .section-custom .form-find {
transform: translateY(-50%);
}
}
@media (max-width: 1199px) {
.section-pre-way-point + .section-way-point {
margin-top: 90px;
}
}
.mb-1 {
margin-bottom: -1px;
}
/*
*
* Offsets
* --------------------------------------------------
*/
* + p {
margin-top: 15px;
}
p + p {
margin-top: 12px;
}
* + figcaption {
margin-top: 10px;
}
* + h6, * + .heading-6 {
margin-top: 20px;
}
h1 + p, .heading-1 + p {
margin-top: 20px;
}
h2 + p, .heading-2 + p {
margin-top: 20px;
}
h3 + p, .heading-3 + p {
margin-top: 15px;
}
h4 + p, .heading-4 + p {
margin-top: 18px;
}
h5 + p, .heading-5 + p {
margin-top: 20px;
}
.heading-5 + h3 {
margin-top: 5px;
}
@media (min-width: 1600px) {
.heading-5 + h3 {
margin-top: 23px;
}
}
* + .list-xxs {
margin-top: 20px;
}
h6 + p, .heading-6 + p {
margin-top: 20px;
}
p + .list-marked {
margin-top: 10px;
}
p + p + .list-marked {
margin-top: 20px;
}
p + .button {
margin-top: 25px;
}
h3 + .parallax-container {
margin-top: 40px;
}
h3 + .section {
margin-top: 40px;
}
.divider + p {
margin-top: 10px;
}
@media (max-width: 767px) {
.range + .button-offset-lg {
margin-top: 40px;
}
}
* + .list-xs {
margin-top: 25px;
}
* + .list-marked {
margin-top: 20px;
}
* + .list-terms {
margin-top: 30px;
}
* + .button {
margin-top: 20px;
}
* + .list-ordered {
margin-top: 20px;
}
* + .figure-light {
margin-top: 20px;
}
* + .rd-mailform {
margin-top: 30px;
}
* + .quote-primary {
margin-top: 25px;
}
* + .quote-minimal {
margin-top: 25px;
}
.quote-minimal + * {
margin-top: 25px;
}
* + .group-xs {
margin-top: 25px;
}
* + .group-md {
margin-top: 25px;
}
* + .rd-mailform-inline {
margin-top: 25px;
}
* + .owl-carousel {
margin-top: 40px;
}
* + .frame-header {
margin-top: 40px;
}
* + .facebook {
margin-top: 40px;
}
* + .flickr {
margin-top: 40px;
}
* + .divider-thin {
margin-top: 13px;
}
* + .list-twitter {
margin-top: 25px;
}
* + .box-inline {
margin-top: 25px;
}
* + .box-2-columns {
margin-top: 25px;
}
* + .button-blog {
margin-top: 30px;
}
* + .rd-search-results {
margin-top: 30px;
}
* + .d3-chart-wrap {
margin-top: 30px;
}
* + .privacy-link {
margin-top: 30px;
}
* + .typed-text-wrap {
margin-top: 30px;
}
* + [class^='custom-wrap'] {
margin-top: 40px;
}
.heading-group + .divider-default {
margin-top: 15px;
}
h6 + .rd-mailform-inline,
.heading-6 + .rd-mailform-inline {
margin-top: 10px;
}
h2 + .divider, .heading-2 + .divider {
margin-top: 10px;
}
.big + form {
margin-top: 20px;
}
.shell + .shell {
margin-top: 60px;
}
.shell + .bg-gradient, .shell + .bg-gradient-1, .shell + .bg-gradient-2, .shell + .bg-gradient-3 {
margin-top: 60px;
}
.range + .range {
margin-top: 60px;
}
.divider-thin + .box-inline {
margin-top: 15px;
}
.divider-thin + .box-inline-wrap {
margin-top: 15px;
}
h3 + .swiper-slider {
margin-top: 30px;
}
.shell + .swiper-slider {
margin-top: 30px;
}
.page * + .offset-top-0 {
margin-top: 0;
}
.page * + .offset-custom-1 {
margin-top: 20px;
}
.page * + .offset-custom-3 {
margin-top: 30px;
}
@media (min-width: 768px) {
* + figcaption {
margin-top: 20px;
}
* + hr {
margin-top: 30px;
}
* + .quote-primary {
margin-top: 35px;
}
* + .group-md {
margin-top: 35px;
}
* + .owl-carousel {
margin-top: 70px;
}
* + .frame-header {
margin-top: 60px;
}
* + .list-twitter {
margin-top: 47px;
}
* + .list-terms {
margin-top: 45px;
}
* + .button {
margin-top: 35px;
}
* + .rd-search-results {
margin-top: 45px;
}
* + .typed-text-wrap {
margin-top: 50px;
}
.typed-text-wrap + .button {
margin-top: 35px;
}
.custom-subtitle + * {
margin-top: 25px;
}
.divider + .box-2-columns {
margin-top: 40px;
}
h3 + .parallax-container {
margin-top: 40px;
}
h3 + .section {
margin-top: 40px;
}
hr + .range {
margin-top: 40px;
}
h3 + .swiper-slider {
margin-top: 55px;
}
.shell + .swiper-slider {
margin-top: 55px;
}
h2 + .divider,
.heading-2 + .divider {
margin-top: 25px;
}
.heading-group + .divider-default {
margin-top: 30px;
}
.big + .button {
margin-top: 30px;
}
.page * + .offset-custom-1 {
margin-top: 30px;
}
.page * + .offset-custom-2 {
margin-top: 30px;
}
}
@media (min-width: 992px) {
* + .figure-light {
margin-top: 40px;
}
* + hr {
margin-top: 40px;
}
* + .d3-chart-wrap {
margin-top: 50px;
}
h1 + p, .heading-1 + p {
margin-top: 30px;
}
h2 + p, .heading-2 + p {
margin-top: 33px;
}
h3 + p, .heading-3 + p {
margin-top: 25px;
}
* + .list-xxs {
margin-top: 30px;
}
h6 + p, .heading-6 + p {
margin-top: 30px;
}
h2 + .divider, .heading-2 + .divider {
margin-top: 35px;
}
.divider-thin + .box-inline {
margin-top: 30px;
}
.page * + .offset-custom-2 {
margin-top: 50px;
}
}
@media (min-width: 1200px) {
* + .list-xs {
margin-top: 40px;
}
* + .group-md {
margin-top: 60px;
}
p + p + .list-marked {
margin-top: 30px;
}
* + .rd-search-results {
margin-top: 60px;
}
.divider + p {
margin-top: 18px;
}
.shell + .bg-gradient, .shell + .bg-gradient-1, .shell + .bg-gradient-2, .shell + .bg-gradient-3 {
margin-top: 90px;
}
.owl-carousel + .button {
margin-top: 50px;
}
.range + .button {
margin-top: 50px;
}
.typed-text-wrap + .button {
margin-top: 55px;
}
h3 + p,
.heading-3 + p {
margin-top: 33px;
}
h3 + .big,
.heading-3 + .big {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.divider + p {
margin-top: 40px;
}
* + .facebook {
margin-top: 80px;
}
* + [class^='custom-wrap'] {
margin-top: 60px;
}
* + .button-blog {
margin-top: 90px;
}
* + .rd-search-results {
margin-top: 90px;
}
* + .d3-chart-wrap {
margin-top: 70px;
}
hr + .big {
margin-top: 40px;
}
h1 + p,
.heading-1 + p {
margin-top: 43px;
}
h3 + .parallax-container {
margin-top: 60px;
}
h3 + .section {
margin-top: 60px;
}
hr + .range {
margin-top: 85px;
}
.range + .range.range-xl {
margin-top: 90px;
}
.owl-carousel + .button {
margin-top: 90px;
}
.range + .button {
margin-top: 80px;
}
.big + .button {
margin-top: 50px;
}
.page * + .offset-custom-2 {
margin-top: 80px;
}
}
@media (min-width: 1600px) {
.inset-sm {
padding-left: 20px;
}
}
@media (min-width: 1600px) {
.inset-md {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.inset-xl {
padding-right: 5px;
}
}
@media (min-width: 1600px) {
.inset-xl {
padding-right: 30px;
}
}
@media (min-width: 1800px) {
.inset-xl {
padding-right: 80px;
}
}
html .range-0 {
position: relative;
transform: translateY(0);
margin-bottom: 0;
pointer-events: none;
}
html .range-0 > *:before {
content: '';
display: table;
width: 0;
}
html .range-0 > * {
margin-top: 0;
pointer-events: auto;
}
html .range-10 {
position: relative;
transform: translateY(-10px);
margin-bottom: -10px;
pointer-events: none;
}
html .range-10 > *:before {
content: '';
display: table;
width: 0;
}
html .range-10 > * {
margin-top: 10px;
pointer-events: auto;
}
html .range-15 {
position: relative;
transform: translateY(-15px);
margin-bottom: -15px;
pointer-events: none;
}
html .range-15 > *:before {
content: '';
display: table;
width: 0;
}
html .range-15 > * {
margin-top: 15px;
pointer-events: auto;
}
html .range-20 {
position: relative;
transform: translateY(-20px);
margin-bottom: -20px;
pointer-events: none;
}
html .range-20 > *:before {
content: '';
display: table;
width: 0;
}
html .range-20 > * {
margin-top: 20px;
pointer-events: auto;
}
html .range-30 {
position: relative;
transform: translateY(-30px);
margin-bottom: -30px;
pointer-events: none;
}
html .range-30 > *:before {
content: '';
display: table;
width: 0;
}
html .range-30 > * {
margin-top: 30px;
pointer-events: auto;
}
html .range-50 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-50 > *:before {
content: '';
display: table;
width: 0;
}
html .range-50 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-60 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-60 > *:before {
content: '';
display: table;
width: 0;
}
html .range-60 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-70 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-70 > *:before {
content: '';
display: table;
width: 0;
}
html .range-70 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-90 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-90 > *:before {
content: '';
display: table;
width: 0;
}
html .range-90 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-shop {
position: relative;
transform: translateY(-70px);
margin-bottom: -70px;
pointer-events: none;
}
html .range-shop > *:before {
content: '';
display: table;
width: 0;
}
html .range-shop > * {
margin-top: 70px;
pointer-events: auto;
}
html .range-100 {
position: relative;
transform: translateY(-100px);
margin-bottom: -100px;
pointer-events: none;
}
html .range-100 > *:before {
content: '';
display: table;
width: 0;
}
html .range-100 > * {
margin-top: 100px;
pointer-events: auto;
}
html .range-120 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-120 > *:before {
content: '';
display: table;
width: 0;
}
html .range-120 > * {
margin-top: 50px;
pointer-events: auto;
}
html .range-counter {
position: relative;
transform: translateY(-130px);
margin-bottom: -130px;
pointer-events: none;
}
html .range-counter > *:before {
content: '';
display: table;
width: 0;
}
html .range-counter > * {
margin-top: 130px;
pointer-events: auto;
}
html .range-135 {
position: relative;
transform: translateY(-50px);
margin-bottom: -50px;
pointer-events: none;
}
html .range-135 > *:before {
content: '';
display: table;
width: 0;
}
html .range-135 > * {
margin-top: 50px;
pointer-events: auto;
}
@media (min-width: 1200px) {
html .range-135 {
transform: translateY(-65px);
margin-bottom: -65px;
}
html .range-135 > * {
margin-top: 65px;
}
}
@media (min-width: 1600px) {
html .range-135 {
transform: translateY(-135px);
margin-bottom: -135px;
}
html .range-135 > * {
margin-top: 135px;
}
}
html.desktop .range-100 {
transform: translateY(-30px);
margin-bottom: -30px;
}
html.desktop .range-100 > * {
margin-top: 30px;
}
@media (min-width: 768px) {
html .range-sm-30 {
transform: translateY(-30px);
margin-bottom: -30px;
}
html .range-sm-30 > * {
margin-top: 30px;
}
html .range-sm-50 {
transform: translateY(-50px);
margin-bottom: -50px;
}
html .range-sm-50 > * {
margin-top: 50px;
}
html .range-60 {
transform: translateY(-60px);
margin-bottom: -60px;
}
html .range-60 > * {
margin-top: 60px;
}
html .range-sm-90 {
transform: translateY(-90px);
margin-bottom: -90px;
}
html .range-sm-90 > * {
margin-top: 90px;
}
}
@media (min-width: 992px) {
html .range-md-50 {
transform: translateY(-50px);
margin-bottom: -50px;
}
html .range-md-50 > * {
margin-top: 50px;
}
html .range-90 {
position: relative;
transform: translateY(-90px);
margin-bottom: -90px;
pointer-events: none;
}
html .range-90 > *:before {
content: '';
display: table;
width: 0;
}
html .range-90 > * {
margin-top: 90px;
pointer-events: auto;
}
}
@media (min-width: 1200px) {
html .range-70 {
transform: translateY(-70px);
margin-bottom: -70px;
}
html .range-70 > * {
margin-top: 70px;
}
html .range-lg-50 {
transform: translateY(-50px);
margin-bottom: -50px;
}
html .range-lg-50 > * {
margin-top: 50px;
}
html .range-120 {
transform: translateY(-80px);
margin-bottom: -80px;
}
html .range-120 > * {
margin-top: 80px;
}
}
@media (min-width: 1600px) {
html .range-70 {
transform: translateY(-70px);
margin-bottom: -70px;
}
html .range-70 > * {
margin-top: 70px;
}
html .range-xl-90 {
transform: translateY(-90px);
margin-bottom: -90px;
}
html .range-xl-90 > * {
margin-top: 90px;
}
html .range-120 {
transform: translateY(-120px);
margin-bottom: -120px;
}
html .range-120 > * {
margin-top: 120px;
}
}
* + p.offset-0 {
margin-top: 0;
}
/**
* Builder class map
*/
/*
*
* Decorations
* --------------------------------------------------
*/
.heading-decorated-diamonds {
position: relative;
display: inline-block;
padding: 0 20px;
}
.heading-decorated-diamonds::before, .heading-decorated-diamonds::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
background: #0f9447;
}
.heading-decorated-diamonds::before {
left: 0;
}
.heading-decorated-diamonds::after {
right: 0;
}
@media (min-width: 768px) {
.heading-decorated-diamonds {
padding: 0 40px;
}
.heading-decorated-diamonds::before, .heading-decorated-diamonds::after {
width: 15px;
height: 15px;
}
}
.divider {
display: inline-block;
border: 0;
font-size: 0;
line-height: 0;
height: 3px;
max-width: 100px;
width: 100%;
}
h3 + .divider {
margin-top: 20px;
}
h3 + .divider + h5 {
margin-top: 35px;
}
h3 + .divider + h5 + p {
margin-top: 15px;
}
@media (min-width: 1600px) {
h3 + .divider {
margin-top: 40px;
}
}
.divider-sm {
height: 2px;
max-width: 60px;
}
.divider-default {
background: linear-gradient(to right, #003768 50%, #2b7dc5 120%);
}
.divider-secondary {
background: #003768;
}
.divider-thin {
border-top: 1px solid #d2d5e4;
}
.divider-xl {
max-width: 1770px;
width: 100%;
margin: 30px auto;
border-bottom: 1px solid #cacbd3;
}
.heading-decor {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 200;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.heading-decor > span {
position: relative;
display: inline-block;
padding-left: 70px;
padding-right: 70px;
}
.heading-decor > span:before, .heading-decor > span:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
border-top: 1px solid;
width: 40px;
}
.heading-decor > span:before {
left: 0;
}
.heading-decor > span:after {
right: 0;
}
.heading-decor + * {
margin-top: 20px;
}
@media (min-width: 1600px) {
.heading-decor {
font-size: 28px;
}
.heading-decor + * {
margin-top: 30px;
}
}
/*
*
* Grid modules
* --------------------------------------------------
*/
.row-no-gutter {
margin-left: 0;
margin-right: 0;
}
.row-no-gutter > [class*='col'] {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1600px) {
.col-xl-3 {
width: 25%;
}
}
/**
* Grid demonstration
*/
.grid-demonstration {
padding: 12px 8px;
letter-spacing: 0;
text-align: left;
}
@media (max-width: 991px) {
.grid-demonstration h5,
.grid-demonstration .heading-5 {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.grid-demonstration p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.grid-demonstration [class*='col'] {
padding: 8px 5px;
}
@media (max-width: 767px) {
.grid-demonstration [class*='col'] p {
font-size: 14px;
}
.grid-demonstration [class*='col'] * + p {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.grid-demonstration [class*='col'] {
padding: 15px 10px;
}
}
@media (min-width: 992px) {
.grid-demonstration [class*='col'] {
padding: 25px 15px;
}
}
@media (min-width: 1200px) {
.grid-demonstration [class*='col'] {
padding: 30px 15px 30px 30px;
}
}
@media (min-width: 1400px) {
.grid-demonstration [class*='col'] {
padding: 30px 15px;
}
.grid-demonstration [class*='col'] * + p {
margin-top: 24px;
}
}
.grid-demonstration * + .row {
margin-top: 30px;
}
.grid-demonstration .row + .row {
margin-top: 0;
}
@media (min-width: 1600px) {
.grid-demonstration * + .row {
margin-top: 60px;
}
}
@media (max-width: 767px) {
.container.grid-demonstration .row {
margin-left: 0;
margin-right: 0;
}
}
.container-fullwidth {
width: 100%;
}
@media (min-width: 1600px) {
.container-fullwidth {
padding-left: 60px;
padding-right: 60px;
}
}
.column-aside .range {
position: relative;
transform: translateY(-35px);
margin-bottom: -35px;
pointer-events: none;
}
.column-aside .range > *:before {
content: '';
display: table;
width: 0;
}
.column-aside .range > * {
margin-top: 35px;
pointer-events: auto;
}
@media (min-width: 768px) {
.column-aside .range {
transform: translateY(-50px);
margin-bottom: -50px;
}
.column-aside .range > * {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
.column-aside .range {
transform: translateY(-90px);
margin-bottom: -90px;
}
.column-aside .range > * {
margin-top: 90px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.column-aside {
padding-left: 30px;
}
.section-reverse .column-aside {
padding-left: 0;
padding-right: 30px;
}
}
/**
* Range bordered
*/
.range-custom-bordered [class*='cell'] {
border-style: solid;
border-color: #c2c2c3;
border-width: 0;
}
.range-custom-bordered [class*='cell']:nth-child(n + 2) {
border-width: 1px 0 0 0;
}
@media (min-width: 480px) {
.range-custom-bordered .cell-xs-6:nth-child(even) {
border-width: 0 0 0 1px;
}
.range-custom-bordered .cell-xs-6:nth-child(odd) {
border-width: 0;
}
}
@media (min-width: 768px) {
.range-custom-bordered .cell-sm-3:first-child {
border-width: 0 1px 0 1px;
}
.range-custom-bordered .cell-sm-3:nth-child(n + 2) {
border-width: 0 1px 0 0;
}
}
@media (max-width: 991px) {
.range-custom-bordered .cell-md-3 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 479px) {
.range-custom-bordered .cell-md-3 + .cell-md-3 {
margin-top: 0;
}
}
@media (min-width: 992px) {
.range-custom-bordered .cell-md-3:nth-child(n + 2) {
border-width: 0 0 0 1px;
}
.range-custom-bordered .cell-md-3:nth-child(4n + 1) {
border-width: 0;
}
}
/*
*
* Modules
* ==================================================
*/
/*
*
* Flex Grid system
* --------------------------------------------------
*/
.shell,
.shell-wide,
.shell-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.shell,
.shell-wide {
min-width: 300px;
max-width: 480px;
}
@media (min-width: 768px) {
.shell,
.shell-wide {
max-width: 750px;
}
}
@media (min-width: 992px) {
.shell,
.shell-wide {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.shell,
.shell-wide {
max-width: 1200px;
}
}
@media (min-width: 1600px) {
.shell-bigger {
max-width: 1500px;
}
}
@media (min-width: 1600px) {
.shell-wide {
max-width: 1600px;
}
}
@media (min-width: 1800px) {
.shell-wide {
max-width: 1800px;
}
}
.shell-custom {
padding: 0;
width: 100%;
}
.shell-custom .gallery-item {
width: 100%;
max-width: 100%;
}
.shell-custom .gallery-item .gallery-item-image {
width: 100%;
}
.shell-custom .shell-custom-inner {
padding: 0 15px;
}
.shell-custom [class*='cell'] [class*='section']:empty {
min-height: 300px;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 480px) {
.shell-custom .range {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 768px) {
.shell-custom {
min-height: 350px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.shell-custom .shell-custom-inner-1 {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.shell-custom,
.shell-custom [class*='cell'] {
padding: 0;
}
.shell-custom [class*='cell']:first-child .shell-custom-inner {
margin-left: auto;
margin-right: 0;
}
.section-reverse .shell-custom [class*='cell']:first-child .shell-custom-inner {
margin-left: 0;
margin-right: auto;
}
.shell-custom [class*='cell']:last-child .shell-custom-inner {
margin-left: 0;
margin-right: auto;
}
.section-reverse .shell-custom [class*='cell']:last-child .shell-custom-inner {
margin-left: auto;
margin-right: 0;
}
}
.shell-custom .shell-custom-inner [class*='section-'] {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.shell-custom .shell-custom-inner [class*='section-'] > * {
width: 100%;
}
@media (min-width: 1200px) {
.shell-custom .shell-custom-inner {
padding: 0 40px;
}
}
@media (min-width: 1600px) {
.shell-custom .shell-custom-inner {
max-width: 800px;
padding: 0 125px;
}
}
@media (min-width: 1800px) {
.shell-custom .shell-custom-inner {
max-width: 960px;
padding: 0 150px;
}
}
@media (min-width: 1200px) {
.shell-custom .shell-custom-inner-right {
margin-left: 0;
margin-right: auto;
}
.section-reverse .shell-custom .shell-custom-inner-right {
margin-left: auto;
margin-right: 0;
}
}
.shell-no-gutter {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.shell-fullwidth {
width: 100%;
max-width: 1800px;
}
@media (min-width: 1200px) {
.shell-fluid-inset-lg-50 {
padding-left: 50px;
padding-right: 50px;
}
}
.range {
margin-left: -15px;
margin-right: -15px;
}
.range > .range {
margin-left: 0;
margin-right: 0;
}
.range-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-evenly {
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.range-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.range-spacer {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="cell-"] {
padding-left: 15px;
padding-right: 15px;
}
html.lt-ie-10 * + .range,
* + .range {
margin-top: 30px;
}
@media (min-width: 992px) {
html.lt-ie-10 * + .range,
* + .range {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
html.lt-ie-10 * + .range,
* + .range {
margin-top: 50px;
}
}
html.lt-ie-10 * + .range-sm,
* + .range-sm {
margin-top: 30px;
}
@media (min-width: 1200px) {
html.lt-ie-10 * + .range-md,
* + .range-md {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
html.lt-ie-10 * + .range-lg,
* + .range-lg {
margin-top: 70px;
}
}
html.tablet.lt-ie-10 * + .range-lg.range-100,
.tablet * + .range-lg.range-100,
.mobile * + .range-lg.range-100 {
margin-top: 70px;
}
@media (min-width: 992px) {
html.lt-ie-10 * + .range-xl,
* + .range-xl {
margin-top: 50px;
}
}
@media (min-width: 1200px) {
html.lt-ie-10 * + .range-xl,
* + .range-xl {
margin-top: 90px;
}
}
html.lt-ie-10 .range-condensed,
.range-condensed {
margin-left: 0;
margin-right: 0;
}
html.lt-ie-10 .range-condensed > [class*='cell'],
.range-condensed > [class*='cell'] {
padding-left: 0;
padding-right: 0;
margin-top: -1px;
}
html.lt-ie-10 .range-narrow,
.range-narrow {
margin-left: -5px;
margin-right: -5px;
}
html.lt-ie-10 .range-narrow > [class*='cell'],
.range-narrow > [class*='cell'] {
padding-left: 5px;
padding-right: 5px;
}
html.lt-ie-10 .range-narrow > * + [class*='cell'],
.range-narrow > * + [class*='cell'] {
padding-left: 5px;
padding-right: 5px;
}
html.lt-ie-10 .range-narrow-md,
.range-narrow-md {
margin-left: -7px;
margin-right: -8px;
}
html.lt-ie-10 .range-narrow-md > [class*='cell'],
.range-narrow-md > [class*='cell'] {
padding-left: 8px;
padding-right: 7px;
}
html.lt-ie-10 .range-narrow-md > * + [class*='cell'],
.range-narrow-md > * + [class*='cell'] {
padding-left: 8px;
padding-right: 7px;
}
.range {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.range > .range {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.range > [class*='cell'] {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
@media (min-width: 0px) {
* + [class*='cell-xxs-'] {
margin-top: 0;
}
.range-xxs-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-xxs-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-xxs-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-xxs-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-xxs-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-xxs-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-xxs {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-xxs-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-xxs-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-xxs-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-xxs-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-xxs-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-xxs-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-xxs-preffix-0 {
margin-left: 0;
}
.range > .cell-xxs-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-xxs-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-xxs-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-xxs-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-xxs-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-xxs-preffix-3 {
margin-left: 25%;
}
.range > .cell-xxs-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-xxs-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-xxs-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-xxs-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-xxs-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-xxs-preffix-6 {
margin-left: 50%;
}
.range > .cell-xxs-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-xxs-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-xxs-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-xxs-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-xxs-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-xxs-preffix-9 {
margin-left: 75%;
}
.range > .cell-xxs-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-xxs-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-xxs-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-xxs-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-xxs-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-xxs-preffix-12 {
margin-left: 100%;
}
.range > .cell-xxs-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 480px) {
* + [class*='cell-xs-'] {
margin-top: 0;
}
.range-xs-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-xs-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-xs-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-xs-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-xs-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-xs-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-xs {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-xs-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-xs-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-xs-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-xs-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-xs-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-xs-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-xs-preffix-0 {
margin-left: 0;
}
.range > .cell-xs-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-xs-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-xs-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-xs-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-xs-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-xs-preffix-3 {
margin-left: 25%;
}
.range > .cell-xs-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-xs-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-xs-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-xs-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-xs-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-xs-preffix-6 {
margin-left: 50%;
}
.range > .cell-xs-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-xs-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-xs-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-xs-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-xs-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-xs-preffix-9 {
margin-left: 75%;
}
.range > .cell-xs-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-xs-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-xs-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-xs-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-xs-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-xs-preffix-12 {
margin-left: 100%;
}
.range > .cell-xs-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 768px) {
* + [class*='cell-sm-'] {
margin-top: 0;
}
.range-sm-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-sm-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-sm-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-sm-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-sm-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-sm-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-sm {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-sm-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-sm-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-sm-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-sm-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-sm-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-sm-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-sm-preffix-0 {
margin-left: 0;
}
.range > .cell-sm-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-sm-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-sm-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-sm-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-sm-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-sm-preffix-3 {
margin-left: 25%;
}
.range > .cell-sm-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-sm-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-sm-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-sm-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-sm-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-sm-preffix-6 {
margin-left: 50%;
}
.range > .cell-sm-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-sm-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-sm-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-sm-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-sm-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-sm-preffix-9 {
margin-left: 75%;
}
.range > .cell-sm-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-sm-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-sm-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-sm-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-sm-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-sm-preffix-12 {
margin-left: 100%;
}
.range > .cell-sm-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
* + [class*='cell-md-'] {
margin-top: 0;
}
.range-md-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-md-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-md-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-md-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-md-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-md-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-md {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-md-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-md-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-md-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-md-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-md-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-md-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-md-preffix-0 {
margin-left: 0;
}
.range > .cell-md-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-md-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-md-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-md-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-md-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-md-preffix-3 {
margin-left: 25%;
}
.range > .cell-md-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-md-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-md-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-md-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-md-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-md-preffix-6 {
margin-left: 50%;
}
.range > .cell-md-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-md-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-md-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-md-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-md-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-md-preffix-9 {
margin-left: 75%;
}
.range > .cell-md-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-md-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-md-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-md-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-md-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-md-preffix-12 {
margin-left: 100%;
}
.range > .cell-md-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
* + [class*='cell-lg-'] {
margin-top: 0;
}
.range-lg-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-lg-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-lg-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-lg-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-lg-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-lg-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-lg {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-lg-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-lg-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-lg-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-lg-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-lg-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-lg-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-lg-preffix-0 {
margin-left: 0;
}
.range > .cell-lg-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-lg-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-lg-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-lg-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-lg-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-lg-preffix-3 {
margin-left: 25%;
}
.range > .cell-lg-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-lg-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-lg-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-lg-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-lg-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-lg-preffix-6 {
margin-left: 50%;
}
.range > .cell-lg-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-lg-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-lg-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-lg-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-lg-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-lg-preffix-9 {
margin-left: 75%;
}
.range > .cell-lg-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-lg-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-lg-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-lg-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-lg-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-lg-preffix-12 {
margin-left: 100%;
}
.range > .cell-lg-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1600px) {
* + [class*='cell-xl-'] {
margin-top: 0;
}
.range-xl-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-xl-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-xl-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-xl-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-xl-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-xl-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-xl {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-xl-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-xl-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-xl-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-xl-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-xl-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-xl-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-xl-preffix-0 {
margin-left: 0;
}
.range > .cell-xl-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-xl-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-xl-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-xl-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-xl-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-xl-preffix-3 {
margin-left: 25%;
}
.range > .cell-xl-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-xl-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-xl-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-xl-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-xl-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-xl-preffix-6 {
margin-left: 50%;
}
.range > .cell-xl-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-xl-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-xl-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-xl-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-xl-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-xl-preffix-9 {
margin-left: 75%;
}
.range > .cell-xl-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-xl-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-xl-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-xl-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-xl-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-xl-preffix-12 {
margin-left: 100%;
}
.range > .cell-xl-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1800px) {
* + [class*='cell-xxl-'] {
margin-top: 0;
}
.range-xxl-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.range-xxl-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.range-xxl-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.range-xxl-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.range-xxl-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.range-xxl-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.range-xxl {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.range-xxl-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.range-xxl-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.range-xxl-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.cell-xxl-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cell-xxl-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cell-xxl-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.range > .cell-xxl-preffix-0 {
margin-left: 0;
}
.range > .cell-xxl-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.range > .cell-xxl-preffix-1 {
margin-left: 8.33333%;
}
.range > .cell-xxl-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.range > .cell-xxl-preffix-2 {
margin-left: 16.66667%;
}
.range > .cell-xxl-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.range > .cell-xxl-preffix-3 {
margin-left: 25%;
}
.range > .cell-xxl-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.range > .cell-xxl-preffix-4 {
margin-left: 33.33333%;
}
.range > .cell-xxl-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.range > .cell-xxl-preffix-5 {
margin-left: 41.66667%;
}
.range > .cell-xxl-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range > .cell-xxl-preffix-6 {
margin-left: 50%;
}
.range > .cell-xxl-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.range > .cell-xxl-preffix-7 {
margin-left: 58.33333%;
}
.range > .cell-xxl-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.range > .cell-xxl-preffix-8 {
margin-left: 66.66667%;
}
.range > .cell-xxl-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.range > .cell-xxl-preffix-9 {
margin-left: 75%;
}
.range > .cell-xxl-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.range > .cell-xxl-preffix-10 {
margin-left: 83.33333%;
}
.range > .cell-xxl-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.range > .cell-xxl-preffix-11 {
margin-left: 91.66667%;
}
.range > .cell-xxl-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range > .cell-xxl-preffix-12 {
margin-left: 100%;
}
.range > .cell-xxl-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 0px) {
.range-ten > .cell-xxs-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-xxs-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-xxs-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-xxs-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-xxs-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-xxs-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-xxs-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-xxs-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-xxs-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-xxs-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-xxs-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-xxs-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-xxs-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-xxs-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-xxs-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-xxs-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-xxs-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-xxs-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-xxs-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-xxs-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-xxs-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-xxs-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 480px) {
.range-ten > .cell-xs-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-xs-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-xs-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-xs-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-xs-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-xs-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-xs-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-xs-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-xs-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-xs-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-xs-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-xs-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-xs-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-xs-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-xs-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-xs-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-xs-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-xs-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-xs-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-xs-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-xs-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-xs-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 768px) {
.range-ten > .cell-sm-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-sm-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-sm-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-sm-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-sm-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-sm-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-sm-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-sm-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-sm-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-sm-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-sm-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-sm-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-sm-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-sm-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-sm-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-sm-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-sm-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-sm-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-sm-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-sm-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-sm-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-sm-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
.range-ten > .cell-md-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-md-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-md-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-md-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-md-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-md-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-md-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-md-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-md-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-md-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-md-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-md-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-md-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-md-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-md-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-md-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-md-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-md-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-md-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-md-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-md-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-md-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
.range-ten > .cell-lg-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-lg-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-lg-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-lg-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-lg-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-lg-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-lg-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-lg-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-lg-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-lg-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-lg-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-lg-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-lg-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-lg-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-lg-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-lg-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-lg-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-lg-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-lg-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-lg-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-lg-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-lg-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1600px) {
.range-ten > .cell-xl-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-xl-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-xl-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-xl-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-xl-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-xl-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-xl-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-xl-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-xl-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-xl-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-xl-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-xl-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-xl-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-xl-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-xl-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-xl-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-xl-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-xl-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-xl-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-xl-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-xl-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-xl-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
@media (min-width: 1800px) {
.range-ten > .cell-xxl-preffix-0 {
margin-left: 0;
}
.range-ten > .cell-xxl-1 {
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
}
.range-ten > .cell-xxl-preffix-1 {
margin-left: 10%;
}
.range-ten > .cell-xxl-2 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.range-ten > .cell-xxl-preffix-2 {
margin-left: 20%;
}
.range-ten > .cell-xxl-3 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
.range-ten > .cell-xxl-preffix-3 {
margin-left: 30%;
}
.range-ten > .cell-xxl-4 {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
.range-ten > .cell-xxl-preffix-4 {
margin-left: 40%;
}
.range-ten > .cell-xxl-5 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.range-ten > .cell-xxl-preffix-5 {
margin-left: 50%;
}
.range-ten > .cell-xxl-6 {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.range-ten > .cell-xxl-preffix-6 {
margin-left: 60%;
}
.range-ten > .cell-xxl-7 {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
.range-ten > .cell-xxl-preffix-7 {
margin-left: 70%;
}
.range-ten > .cell-xxl-8 {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.range-ten > .cell-xxl-preffix-8 {
margin-left: 80%;
}
.range-ten > .cell-xxl-9 {
-webkit-flex-basis: 90%;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
}
.range-ten > .cell-xxl-preffix-9 {
margin-left: 90%;
}
.range-ten > .cell-xxl-10 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.range-ten > .cell-xxl-preffix-10 {
margin-left: 100%;
}
.range-ten > .cell-xxl-1-5 {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
}
html.lt-ie-10 .range > .cell-xs-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-xs-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-xs-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-xs-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-xs-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-xs-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-xs-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-xs-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-xs-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-xs-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-xs-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-xs-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-xs-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-sm-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-sm-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-sm-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-sm-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-sm-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-sm-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-sm-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-sm-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-sm-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-sm-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-sm-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-sm-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-sm-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-md-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-md-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-md-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-md-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-md-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-md-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-md-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-md-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-md-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-md-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-md-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-md-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-md-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-lg-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-lg-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-lg-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-lg-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-lg-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-lg-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-lg-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-lg-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-lg-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-lg-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-lg-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-lg-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-lg-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-xl-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-xl-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-xl-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-xl-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-xl-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-xl-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-xl-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-xl-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-xl-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-xl-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-xl-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-xl-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-xl-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > .cell-xxl-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .range > .cell-xxl-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .range > .cell-xxl-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .range > .cell-xxl-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .range > .cell-xxl-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .range > .cell-xxl-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .range > .cell-xxl-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .range > .cell-xxl-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .range > .cell-xxl-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .range > .cell-xxl-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .range > .cell-xxl-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .range > .cell-xxl-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .range > .cell-xxl-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .range > [class*="cell-xs-preffix-"],
html.lt-ie-10 .range > [class*="cell-sm-preffix-"],
html.lt-ie-10 .range > [class*="cell-md-preffix-"],
html.lt-ie-10 .range > [class*="cell-lg-preffix-"],
html.lt-ie-10 .range > [class*="cell-xl-preffix-"],
html.lt-ie-10 .range > [class*="cell-xxl-preffix-"] {
margin-left: auto;
}
/*
*
* Responsive unit
* --------------------------------------------------
*/
.unit {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex: 0 1 100%;
-webkit-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-body {
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
}
.unit-left,
.unit-right {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.unit-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit,
.unit-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit > [class*='unit-']:first-child,
.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit > .unit-left + .unit-right,
.unit > .unit-left + .unit-body,
.unit-vertical > .unit-left + .unit-right,
.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit > .unit-body + .unit-right,
.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-horizontal > .unit-left + .unit-right,
.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit--inverse, .unit--inverse.unit-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit--inverse > [class*='unit-']:first-child, .unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit--inverse > [class*='unit-']:last-child, .unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit--inverse.unit-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-xs-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-xs-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-xs-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-xs,
.unit-xs-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-xs > [class*='unit-']:first-child,
.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-xs > .unit-left + .unit-right,
.unit-xs > .unit-left + .unit-body,
.unit-xs-vertical > .unit-left + .unit-right,
.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit-xs > .unit-body + .unit-right,
.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-xs-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-xs-horizontal > .unit-left + .unit-right,
.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-xs--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xs--inverse, .unit-xs--inverse.unit-xs-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xs--inverse > [class*='unit-']:first-child, .unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit-xs--inverse > [class*='unit-']:last-child, .unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-xs--inverse.unit-xs-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-sm-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-sm-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-sm-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-sm,
.unit-sm-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-sm > [class*='unit-']:first-child,
.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-sm > .unit-left + .unit-right,
.unit-sm > .unit-left + .unit-body,
.unit-sm-vertical > .unit-left + .unit-right,
.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit-sm > .unit-body + .unit-right,
.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-sm-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-sm-horizontal > .unit-left + .unit-right,
.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-sm--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-sm--inverse, .unit-sm--inverse.unit-sm-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-sm--inverse > [class*='unit-']:first-child, .unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit-sm--inverse > [class*='unit-']:last-child, .unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-sm--inverse.unit-sm-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-md-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-md-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-md-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-md,
.unit-md-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-md > [class*='unit-']:first-child,
.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-md > .unit-left + .unit-right,
.unit-md > .unit-left + .unit-body,
.unit-md-vertical > .unit-left + .unit-right,
.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit-md > .unit-body + .unit-right,
.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-md-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-md-horizontal > .unit-left + .unit-right,
.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-md--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-md--inverse, .unit-md--inverse.unit-md-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-md--inverse > [class*='unit-']:first-child, .unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit-md--inverse > [class*='unit-']:last-child, .unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-md--inverse.unit-md-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-lg-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-lg-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-lg-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-lg,
.unit-lg-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-lg > [class*='unit-']:first-child,
.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-lg > .unit-left + .unit-right,
.unit-lg > .unit-left + .unit-body,
.unit-lg-vertical > .unit-left + .unit-right,
.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit-lg > .unit-body + .unit-right,
.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-lg-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-lg-horizontal > .unit-left + .unit-right,
.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-lg--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-lg--inverse, .unit-lg--inverse.unit-lg-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-lg--inverse > [class*='unit-']:first-child, .unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit-lg--inverse > [class*='unit-']:last-child, .unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-lg--inverse.unit-lg-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) {
.unit-xl-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-xl-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-xl-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-xl,
.unit-xl-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-xl > [class*='unit-']:first-child,
.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-xl > .unit-left + .unit-right,
.unit-xl > .unit-left + .unit-body,
.unit-xl-vertical > .unit-left + .unit-right,
.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit-xl > .unit-body + .unit-right,
.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-xl-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-xl-horizontal > .unit-left + .unit-right,
.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-xl--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xl--inverse, .unit-xl--inverse.unit-xl-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xl--inverse > [class*='unit-']:first-child, .unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit-xl--inverse > [class*='unit-']:last-child, .unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-xl--inverse.unit-xl-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-xxl-align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.unit-xxl-align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.unit-xxl-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-xxl,
.unit-xxl-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.unit-xxl > [class*='unit-']:first-child,
.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-xxl > .unit-left + .unit-right,
.unit-xxl > .unit-left + .unit-body,
.unit-xxl-vertical > .unit-left + .unit-right,
.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 15px;
}
.unit-xxl > .unit-body + .unit-right,
.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 15px;
}
.unit-xxl-horizontal {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-xxl--inverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xxl--inverse, .unit-xxl--inverse.unit-xxl-vertical {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.unit-xxl--inverse > [class*='unit-']:first-child, .unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 15px;
}
.unit-xxl--inverse > [class*='unit-']:last-child, .unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-xxl--inverse.unit-xxl-horizontal {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) {
.unit.unit > [class*='unit-']:first-child, .unit.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit > .unit-left + .unit-right,
.unit.unit > .unit-left + .unit-body, .unit.unit-vertical > .unit-left + .unit-right,
.unit.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit > .unit-body + .unit-right, .unit.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-horizontal > .unit-left + .unit-right,
.unit.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit--inverse > [class*='unit-']:first-child, .unit.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit--inverse > [class*='unit-']:last-child, .unit.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 480px) {
.unit.unit-xs > [class*='unit-']:first-child, .unit.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit-xs > .unit-left + .unit-right,
.unit.unit-xs > .unit-left + .unit-body, .unit.unit-xs-vertical > .unit-left + .unit-right,
.unit.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-xs > .unit-body + .unit-right, .unit.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-xs-horizontal > .unit-left + .unit-right,
.unit.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xs--inverse > [class*='unit-']:first-child, .unit.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit-xs--inverse > [class*='unit-']:last-child, .unit.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 768px) {
.unit.unit-sm > [class*='unit-']:first-child, .unit.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit-sm > .unit-left + .unit-right,
.unit.unit-sm > .unit-left + .unit-body, .unit.unit-sm-vertical > .unit-left + .unit-right,
.unit.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-sm > .unit-body + .unit-right, .unit.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-sm-horizontal > .unit-left + .unit-right,
.unit.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-sm--inverse > [class*='unit-']:first-child, .unit.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit-sm--inverse > [class*='unit-']:last-child, .unit.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 992px) {
.unit.unit-md > [class*='unit-']:first-child, .unit.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit-md > .unit-left + .unit-right,
.unit.unit-md > .unit-left + .unit-body, .unit.unit-md-vertical > .unit-left + .unit-right,
.unit.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-md > .unit-body + .unit-right, .unit.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-md-horizontal > .unit-left + .unit-right,
.unit.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-md--inverse > [class*='unit-']:first-child, .unit.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit-md--inverse > [class*='unit-']:last-child, .unit.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 1200px) {
.unit.unit-lg > [class*='unit-']:first-child, .unit.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit-lg > .unit-left + .unit-right,
.unit.unit-lg > .unit-left + .unit-body, .unit.unit-lg-vertical > .unit-left + .unit-right,
.unit.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-lg > .unit-body + .unit-right, .unit.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-lg-horizontal > .unit-left + .unit-right,
.unit.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-lg--inverse > [class*='unit-']:first-child, .unit.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit-lg--inverse > [class*='unit-']:last-child, .unit.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 1600px) {
.unit.unit-xl > [class*='unit-']:first-child, .unit.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit-xl > .unit-left + .unit-right,
.unit.unit-xl > .unit-left + .unit-body, .unit.unit-xl-vertical > .unit-left + .unit-right,
.unit.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-xl > .unit-body + .unit-right, .unit.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-xl-horizontal > .unit-left + .unit-right,
.unit.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xl--inverse > [class*='unit-']:first-child, .unit.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit-xl--inverse > [class*='unit-']:last-child, .unit.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 1800px) {
.unit.unit-xxl > [class*='unit-']:first-child, .unit.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit.unit-xxl > .unit-left + .unit-right,
.unit.unit-xxl > .unit-left + .unit-body, .unit.unit-xxl-vertical > .unit-left + .unit-right,
.unit.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-xxl > .unit-body + .unit-right, .unit.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit.unit-xxl-horizontal > .unit-left + .unit-right,
.unit.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xxl--inverse > [class*='unit-']:first-child, .unit.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit.unit-xxl--inverse > [class*='unit-']:last-child, .unit.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
.unit-spacing-sm.unit > [class*='unit-']:first-child, .unit-spacing-sm.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit > .unit-left + .unit-right,
.unit-spacing-sm.unit > .unit-left + .unit-body, .unit-spacing-sm.unit-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit > .unit-body + .unit-right, .unit-spacing-sm.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-sm.unit-xs > [class*='unit-']:first-child, .unit-spacing-sm.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xs > .unit-left + .unit-right,
.unit-spacing-sm.unit-xs > .unit-left + .unit-body, .unit-spacing-sm.unit-xs-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-xs > .unit-body + .unit-right, .unit-spacing-sm.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-xs-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-sm.unit-sm > [class*='unit-']:first-child, .unit-spacing-sm.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-sm > .unit-left + .unit-right,
.unit-spacing-sm.unit-sm > .unit-left + .unit-body, .unit-spacing-sm.unit-sm-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-sm > .unit-body + .unit-right, .unit-spacing-sm.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-sm-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-sm.unit-md > [class*='unit-']:first-child, .unit-spacing-sm.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-md > .unit-left + .unit-right,
.unit-spacing-sm.unit-md > .unit-left + .unit-body, .unit-spacing-sm.unit-md-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-md > .unit-body + .unit-right, .unit-spacing-sm.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-md-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-sm.unit-lg > [class*='unit-']:first-child, .unit-spacing-sm.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-lg > .unit-left + .unit-right,
.unit-spacing-sm.unit-lg > .unit-left + .unit-body, .unit-spacing-sm.unit-lg-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-lg > .unit-body + .unit-right, .unit-spacing-sm.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-lg-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) {
.unit-spacing-sm.unit-xl > [class*='unit-']:first-child, .unit-spacing-sm.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xl > .unit-left + .unit-right,
.unit-spacing-sm.unit-xl > .unit-left + .unit-body, .unit-spacing-sm.unit-xl-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-xl > .unit-body + .unit-right, .unit-spacing-sm.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-xl-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-sm.unit-xxl > [class*='unit-']:first-child, .unit-spacing-sm.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xxl > .unit-left + .unit-right,
.unit-spacing-sm.unit-xxl > .unit-left + .unit-body, .unit-spacing-sm.unit-xxl-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-xxl > .unit-body + .unit-right, .unit-spacing-sm.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-sm.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-sm.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-sm.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 20px;
}
.unit-spacing-sm.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) {
.unit-spacing-md-midle.unit > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit > .unit-left + .unit-right,
.unit-spacing-md-midle.unit > .unit-left + .unit-body, .unit-spacing-md-midle.unit-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit > .unit-body + .unit-right, .unit-spacing-md-midle.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 480px) {
.unit-spacing-md-midle.unit-xs > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-xs > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xs > .unit-left + .unit-body, .unit-spacing-md-midle.unit-xs-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xs > .unit-body + .unit-right, .unit-spacing-md-midle.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xs-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 768px) {
.unit-spacing-md-midle.unit-sm > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-sm > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-sm > .unit-left + .unit-body, .unit-spacing-md-midle.unit-sm-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-sm > .unit-body + .unit-right, .unit-spacing-md-midle.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-sm-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 992px) {
.unit-spacing-md-midle.unit-md > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-md > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-md > .unit-left + .unit-body, .unit-spacing-md-midle.unit-md-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-md > .unit-body + .unit-right, .unit-spacing-md-midle.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-md-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 1200px) {
.unit-spacing-md-midle.unit-lg > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-lg > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-lg > .unit-left + .unit-body, .unit-spacing-md-midle.unit-lg-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-lg > .unit-body + .unit-right, .unit-spacing-md-midle.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-lg-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 1600px) {
.unit-spacing-md-midle.unit-xl > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-xl > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xl > .unit-left + .unit-body, .unit-spacing-md-midle.unit-xl-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xl > .unit-body + .unit-right, .unit-spacing-md-midle.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xl-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) and (min-width: 1800px) {
.unit-spacing-md-midle.unit-xxl > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-xxl > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xxl > .unit-left + .unit-body, .unit-spacing-md-midle.unit-xxl-vertical > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xxl > .unit-body + .unit-right, .unit-spacing-md-midle.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-spacing-md-midle.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md-midle.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 50px;
}
.unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
.unit-spacing-md.unit > [class*='unit-']:first-child, .unit-spacing-md.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit > .unit-left + .unit-right,
.unit-spacing-md.unit > .unit-left + .unit-body, .unit-spacing-md.unit-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit > .unit-body + .unit-right, .unit-spacing-md.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-md.unit-xs > [class*='unit-']:first-child, .unit-spacing-md.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xs > .unit-left + .unit-right,
.unit-spacing-md.unit-xs > .unit-left + .unit-body, .unit-spacing-md.unit-xs-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xs > .unit-body + .unit-right, .unit-spacing-md.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-md.unit-sm > [class*='unit-']:first-child, .unit-spacing-md.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-sm > .unit-left + .unit-right,
.unit-spacing-md.unit-sm > .unit-left + .unit-body, .unit-spacing-md.unit-sm-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-sm > .unit-body + .unit-right, .unit-spacing-md.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-md.unit-md > [class*='unit-']:first-child, .unit-spacing-md.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-md > .unit-left + .unit-right,
.unit-spacing-md.unit-md > .unit-left + .unit-body, .unit-spacing-md.unit-md-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-md > .unit-body + .unit-right, .unit-spacing-md.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-md-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-md.unit-lg > [class*='unit-']:first-child, .unit-spacing-md.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-lg > .unit-left + .unit-right,
.unit-spacing-md.unit-lg > .unit-left + .unit-body, .unit-spacing-md.unit-lg-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-lg > .unit-body + .unit-right, .unit-spacing-md.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) {
.unit-spacing-md.unit-xl > [class*='unit-']:first-child, .unit-spacing-md.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xl > .unit-left + .unit-right,
.unit-spacing-md.unit-xl > .unit-left + .unit-body, .unit-spacing-md.unit-xl-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xl > .unit-body + .unit-right, .unit-spacing-md.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-md.unit-xxl > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xxl > .unit-left + .unit-right,
.unit-spacing-md.unit-xxl > .unit-left + .unit-body, .unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xxl > .unit-body + .unit-right, .unit-spacing-md.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 30px;
}
.unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-md.unit > [class*='unit-']:first-child, .unit-spacing-md.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit > .unit-left + .unit-right,
.unit-spacing-md.unit > .unit-left + .unit-body, .unit-spacing-md.unit-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit > .unit-body + .unit-right, .unit-spacing-md.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) and (min-width: 480px) {
.unit-spacing-md.unit-xs > [class*='unit-']:first-child, .unit-spacing-md.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xs > .unit-left + .unit-right,
.unit-spacing-md.unit-xs > .unit-left + .unit-body, .unit-spacing-md.unit-xs-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xs > .unit-body + .unit-right, .unit-spacing-md.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) and (min-width: 768px) {
.unit-spacing-md.unit-sm > [class*='unit-']:first-child, .unit-spacing-md.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-sm > .unit-left + .unit-right,
.unit-spacing-md.unit-sm > .unit-left + .unit-body, .unit-spacing-md.unit-sm-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-sm > .unit-body + .unit-right, .unit-spacing-md.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) and (min-width: 992px) {
.unit-spacing-md.unit-md > [class*='unit-']:first-child, .unit-spacing-md.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-md > .unit-left + .unit-right,
.unit-spacing-md.unit-md > .unit-left + .unit-body, .unit-spacing-md.unit-md-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-md > .unit-body + .unit-right, .unit-spacing-md.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-md-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.unit-spacing-md.unit-lg > [class*='unit-']:first-child, .unit-spacing-md.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-lg > .unit-left + .unit-right,
.unit-spacing-md.unit-lg > .unit-left + .unit-body, .unit-spacing-md.unit-lg-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-lg > .unit-body + .unit-right, .unit-spacing-md.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) and (min-width: 1600px) {
.unit-spacing-md.unit-xl > [class*='unit-']:first-child, .unit-spacing-md.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xl > .unit-left + .unit-right,
.unit-spacing-md.unit-xl > .unit-left + .unit-body, .unit-spacing-md.unit-xl-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xl > .unit-body + .unit-right, .unit-spacing-md.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) and (min-width: 1800px) {
.unit-spacing-md.unit-xxl > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-md.unit-xxl > .unit-left + .unit-right,
.unit-spacing-md.unit-xxl > .unit-left + .unit-body, .unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-right,
.unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xxl > .unit-body + .unit-right, .unit-spacing-md.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-md.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 65px;
}
.unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
.unit-spacing-xxl.unit > [class*='unit-']:first-child, .unit-spacing-xxl.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit > .unit-left + .unit-right,
.unit-spacing-xxl.unit > .unit-left + .unit-body, .unit-spacing-xxl.unit-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit > .unit-body + .unit-right, .unit-spacing-xxl.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
@media (min-width: 480px) {
.unit-spacing-xxl.unit-xs > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xs > .unit-left + .unit-body, .unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-xs > .unit-body + .unit-right, .unit-spacing-xxl.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-xxl.unit-sm > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm > .unit-left + .unit-right,
.unit-spacing-xxl.unit-sm > .unit-left + .unit-body, .unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-sm > .unit-body + .unit-right, .unit-spacing-xxl.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 992px) {
.unit-spacing-xxl.unit-md > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md > .unit-left + .unit-right,
.unit-spacing-xxl.unit-md > .unit-left + .unit-body, .unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-md > .unit-body + .unit-right, .unit-spacing-xxl.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.unit-spacing-xxl.unit-lg > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg > .unit-left + .unit-right,
.unit-spacing-xxl.unit-lg > .unit-left + .unit-body, .unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-lg > .unit-body + .unit-right, .unit-spacing-xxl.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1600px) {
.unit-spacing-xxl.unit-xl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-xl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 1800px) {
.unit-spacing-xxl.unit-xxl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xxl > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xxl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-xxl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 10px;
}
.unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 10px;
}
.unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 15px;
}
.unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) {
.unit-spacing-xxl.unit > [class*='unit-']:first-child, .unit-spacing-xxl.unit-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit > .unit-left + .unit-right,
.unit-spacing-xxl.unit > .unit-left + .unit-body, .unit-spacing-xxl.unit-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit > .unit-body + .unit-right, .unit-spacing-xxl.unit-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (min-width: 480px) {
.unit-spacing-xxl.unit-xs > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xs > .unit-left + .unit-body, .unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-xs > .unit-body + .unit-right, .unit-spacing-xxl.unit-xs-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xs-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.unit-spacing-xxl.unit-sm > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm > .unit-left + .unit-right,
.unit-spacing-xxl.unit-sm > .unit-left + .unit-body, .unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-sm > .unit-body + .unit-right, .unit-spacing-xxl.unit-sm-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-sm-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.unit-spacing-xxl.unit-md > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md > .unit-left + .unit-right,
.unit-spacing-xxl.unit-md > .unit-left + .unit-body, .unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-md > .unit-body + .unit-right, .unit-spacing-xxl.unit-md-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-md-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.unit-spacing-xxl.unit-lg > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg > .unit-left + .unit-right,
.unit-spacing-xxl.unit-lg > .unit-left + .unit-body, .unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-lg > .unit-body + .unit-right, .unit-spacing-xxl.unit-lg-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-lg-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (min-width: 1600px) {
.unit-spacing-xxl.unit-xl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-xl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (min-width: 1800px) {
.unit-spacing-xxl.unit-xxl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xxl > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xxl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-body {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-xxl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xxl-vertical > .unit-body + .unit-right {
padding-left: 0;
padding-top: 20px;
}
.unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-right,
.unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-body {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xxl-horizontal > .unit-body + .unit-right {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child {
padding-top: 20px;
}
.unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child {
padding-top: 0;
}
.unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child {
padding-top: 0;
padding-left: 115px;
}
.unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child {
padding-left: 0;
}
}
/*
*
* Plugins
* ==================================================
*/
/*
*
* Animate.css
* --------------------------------------------------
*/
.animated, .desktop .pricing-box-alternative, .jp-video:before {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite, .desktop .infinite.pricing-box-alternative, .infinite.jp-video:before {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge, .desktop .hinge.pricing-box-alternative, .hinge.jp-video:before {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
html:not(.lt-ie10) .not-animated {
opacity: 0;
}
/**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn, .desktop .pricing-box-alternative:hover, .jp-video:hover:before {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/**
* FadeInUp Keyframes Animation
*/
@-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;
}
/**
* FadeInDown Keyframes Animation
*/
@-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;
}
/**
* FadeInLeft Keyframes Animation
*/
@-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;
}
/**
* FadeInRight Keyframes Animation
*/
@-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;
}
/*
**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
/**
* SlideInUp Keyframes Animation
*/
@-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;
}
/**
* SlideInLeft Keyframes Animation
*/
@-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;
}
/**
* SlideInRight Keyframes Animation
*/
@-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;
}
/**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
.fxRotateInDown {
-webkit-animation: fxRotateInDown .6s forwards;
animation: fxRotateInDown .6s forwards;
}
@keyframes fxRotateInDown {
0% {
animation-timing-function: linear;
opacity: 0;
transform: translate3d(0, -55px, 0) scale(0.8);
filter: blur(10px);
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
filter: blur(0);
}
}
.fxRotateInUp {
-webkit-animation: fxRotateInUp .6s forwards;
animation: fxRotateInUp .6s forwards;
}
@keyframes fxRotateInUp {
0% {
animation-timing-function: linear;
transform: translate3d(0, 55px, 0) scale(0.8);
opacity: 0;
filter: blur(10px);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
filter: blur(0);
}
}
.fxBlurInRight {
-webkit-animation: fxBlurInRight .4s forwards;
animation: fxBlurInRight .4s forwards;
}
@keyframes fxBlurInRight {
0% {
animation-timing-function: linear;
transform: translate3d(-105px, 0, 0) scale(0.8);
opacity: 0;
filter: blur(5px);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
filter: blur(0);
}
}
.blurIn {
-webkit-animation: blurIn .7s forwards;
animation: blurIn .7s forwards;
}
@keyframes blurIn {
0% {
opacity: 0;
filter: blur(10px);
transform: scale3d(0.85, 0.85, 0.85);
}
100% {
opacity: 1;
filter: blur(0);
transform: scale3d(1, 1, 1);
}
}
.blurInButton {
-webkit-animation: blurInButton .9s forwards;
animation: blurInButton .9s forwards;
}
@keyframes blurInButton {
0% {
opacity: 0;
filter: blur(5px);
}
100% {
opacity: 1;
filter: blur(0);
}
}
@-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;
}
to {
-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;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
.fadeInRightSmall {
animation-name: fadeInRightSmall;
}
@keyframes fadeInRightSmall {
0% {
opacity: 0;
transform: translateX(120px) scale(0.8);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.fadeInLeftSmall {
animation-name: fadeInLeftSmall;
}
@keyframes fadeInLeftSmall {
0% {
opacity: 0;
transform: translateX(-120px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInUpSmall {
animation-name: fadeInUpSmall;
transform-origin: 50% 100%;
}
@keyframes fadeInUpSmall {
0% {
opacity: 0;
transform: translateY(90px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.dtp {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 2000;
}
.dtp > .dtp-content {
position: relative;
overflow: hidden;
left: 50%;
max-width: 320px;
margin: 0 auto;
background: #fff;
border-radius: 35px;
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
}
@media (max-width: 767px) {
.dtp > .dtp-content {
max-width: 300px;
max-height: 90vh;
overflow-y: auto;
}
}
.dtp-header {
position: relative;
background: #fff;
color: #29292b;
padding: 8px 15px;
text-align: center;
}
.dtp-date, .dtp-time {
background: #fff;
text-align: center;
color: #29292b;
padding: 10px;
}
.dtp-date > div {
padding: 0;
margin: 0;
vertical-align: middle;
}
.dtp-actual-month, .dtp-actual-num, .dtp-actual-year {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #29292b;
}
.dtp-actual-month {
font-size: 1.3em;
}
.dtp-actual-num, .dtp-actual-maxtime {
font-size: 2.8em;
line-height: 1;
}
.dtp-date .dtp-actual-num {
padding: 5px 0;
}
.dtp-actual-year {
font-size: 1.5em;
color: #29292b;
}
.dtp-picker {
padding: 1rem;
text-align: center;
}
.dtp-picker-month, .dtp-actual-time {
text-align: center;
}
.dtp-close {
position: absolute;
top: 5px;
bottom: 0;
right: 2rem;
}
.dtp-close > a {
display: inline-block;
vertical-align: middle;
color: #29292b;
}
.dtp-close > a:hover {
color: #0f9447;
}
.dtp table.dtp-picker-days {
margin: 0;
border: none;
}
.dtp table.dtp-picker-days tr {
border: none;
}
.dtp table.dtp-picker-days tr > td {
border: none;
font-weight: 300;
font-size: 16px;
text-align: center;
vertical-align: middle;
padding: 1rem 0.3rem;
color: #c2c2c3;
}
.dtp table.dtp-picker-days tr > td > span.dtp-select-day {
color: #bdbdbd !important;
}
.dtp table.dtp-picker-days tr > td > a {
display: inline-block;
color: #29292b;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
border-radius: 50%;
transition: .3s all ease;
}
.dtp .dtp-picker-time > a {
color: #000000;
padding: 0.4rem 0.5rem 0.5rem 0.6rem;
border-radius: 50% !important;
}
.dtp table.dtp-picker-days tr > td > a {
border: 1px solid transparent;
}
.dtp table.dtp-picker-days tr > td > a.selected {
background: #003768;
border-color: #003768;
color: #fff;
}
.dtp table.dtp-picker-days tr > td > a:hover {
border-color: #003768;
}
.dtp table.dtp-picker-days tr > th {
color: #555555;
text-align: center;
font-weight: 300;
padding: 0.4rem 0.3rem 0.6rem;
border-bottom: 1px solid #ededed;
}
.dtp .p10, .dtp .p20, .dtp .p60, .dtp .p80 {
display: inline-block;
vertical-align: middle;
}
.dtp .p10 {
width: 10%;
}
.dtp .p10 > a {
color: #003768;
font-size: 36px;
line-height: 1.1;
transition: .3s all ease;
}
.dtp .p10 > a:hover {
color: #0f9447;
}
.dtp .p20 {
width: 20%;
}
.dtp .p60 {
width: 60%;
}
.dtp .p80 {
width: 80%;
}
.dtp-picker-month {
display: none !important;
}
.dtp-meridien-am, .dtp-meridien-pm {
position: relative;
top: 10px;
color: #000000;
font-weight: 500;
padding: 0.7rem 0.5rem;
border-radius: 50% !important;
text-decoration: none;
background: #eee;
font-size: 1rem;
}
.dtp-actual-meridien a.selected {
background: #0f9447;
color: #fff;
}
.dtp-picker-time {
position: absolute;
width: 30px;
height: 30px;
font-size: 1em;
border-radius: 50%;
cursor: pointer;
font-weight: 500;
text-align: center !important;
}
.dtp-picker-time > a {
display: block;
line-height: 23px;
padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}
.dtp-picker-time > a.dtp-select-hour.selected {
background: #0f9447;
color: #fff;
}
.dtp-picker-time > a.dtp-select-hour.disabled {
color: #333333;
}
.dtp-picker-time > a.dtp-select-minute.disabled {
color: #333333;
}
.dtp-picker-time > a.dtp-select-minute.selected {
background: #0f9447;
color: #fff;
}
.dtp-picker-clock {
margin: 1rem 2rem 0 2rem;
padding: 1rem;
border-radius: 50% !important;
background: #abf7cb;
}
.dtp-clock-center {
width: 15px;
height: 15px;
background: #333333;
border-radius: 50%;
position: absolute;
z-index: 50;
}
html[class*="ie"] .dtp-clock-center {
display: none;
}
.dtp-hand, .dtp-hour-hand {
position: absolute;
width: 4px;
margin-left: -2px;
background: #333333;
transform: rotate(0deg);
transform-origin: bottom;
z-index: 1;
}
html[class*="ie"] .dtp-hand, html[class*="ie"] .dtp-hour-hand {
display: none;
}
.dtp-minute-hand {
width: 2px;
margin-left: -1px;
}
.dtp-hand.on {
background: #0f9447;
}
.dtp-buttons {
padding: 0 1rem 1rem 1rem;
text-align: right;
}
.dtp .invisible {
visibility: hidden;
}
.dtp-buttons.group {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -10px;
}
.dtp-buttons.group > * {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.countdown {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .04em;
text-transform: uppercase;
color: #29292b;
}
.countdown.countdown-expired {
color: #c2c2c3;
}
* + .countdown {
margin-top: 20px;
}
.countdown + .countdown {
margin-top: 15px;
}
@media (min-width: 768px) {
.countdown {
font-size: 22px;
}
}
@media (min-width: 1200px) {
.countdown {
font-size: 22px;
}
* + .countdown {
margin-top: 40px;
}
.countdown + .countdown {
margin-top: 30px;
}
}
/*
*
* Counter
* --------------------------------------------------
*/
.counter-wrap {
font-size: 24px;
}
.counter-wrap .icon {
font-size: 28px;
}
.counter-wrap * + p {
margin-top: 10px;
}
.counter-wrap .icon + * {
margin-top: 8px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.cell-sm-3 .counter-wrap {
font-size: 20px;
}
}
@media (min-width: 992px) {
.counter-wrap .icon {
font-size: 32px;
}
}
/*
*
* Isotope
* --------------------------------------------------
*/
@keyframes sprite-animation {
from {
background-position: 0 0;
}
}
[data-isotope-layout] {
display: block;
transition: .4s all ease;
min-height: 160px;
z-index: 0;
}
[data-isotope-layout]:after {
content: '';
position: absolute;
margin-top: 15px;
width: 64px;
height: 64px;
top: 50%;
left: 50%;
background-image: url("../images/isotope-loader.png");
background-position: -1152px 0;
animation: 0.7s sprite-animation steps(18) infinite;
transition: .4s all ease;
transform: translate(-50%, -50%);
}
[data-isotope-layout] .row {
margin-bottom: -30px;
}
[data-isotope-layout] .row > [class*="col-"] {
margin-top: 30px;
}
[data-isotope-layout] .row-narrow {
margin-bottom: -10px;
}
[data-isotope-layout] .row-narrow > [class*="col-"] {
margin-top: 10px;
}
[data-isotope-layout] .row-no-gutter .gallery-item-image {
width: 100%;
}
[data-isotope-layout] .row-condensed {
margin-bottom: 0;
}
[data-isotope-layout] .row-condensed > [class*="col-"] {
margin-top: 0;
}
@media (min-width: 1200px) {
[data-isotope-layout] [class*="col-lg-3"]:not([class*='col-xxl']):not([class*='col-xl']) {
width: 24.8%;
}
}
[data-isotope-layout] [class*="col-"] {
display: block;
opacity: 0;
will-change: transform;
backface-visibility: hidden;
transition: .1s opacity ease-in;
}
@media (max-width: 479px) {
[data-isotope-layout] .row [class*="col-"] {
width: 100%;
}
}
[data-isotope-layout].isotope--loaded [class*="col-"] {
opacity: 1;
}
[data-isotope-layout].isotope--loaded:after {
opacity: 0;
visibility: hidden;
}
[data-isotope-layout].isotope-titled-gallery .row {
margin-bottom: -50px;
}
[data-isotope-layout].isotope-titled-gallery .row > [class*="col-"] {
margin-top: 50px;
}
[data-isotope-layout].isotope-default {
top: -20px;
}
[data-isotope-layout].isotope-default .row {
margin-bottom: -30px;
}
[data-isotope-layout].isotope-default .row > [class*="col-"] {
margin-top: 30px;
}
@media (min-width: 992px) {
[data-isotope-layout].isotope-md .row {
margin-bottom: -60px;
}
[data-isotope-layout].isotope-md .row > [class*="col-"] {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
[data-isotope-layout] .col-xl-2 {
width: 16.5%;
}
}
[data-x-mode="true"] [data-isotope-layout]::after {
display: none !important;
}
[data-isotope-layout='masonry'] .gallery-item {
max-height: 350px;
}
@media (min-width: 768px) {
[data-isotope-layout='masonry'] .gallery-item {
max-height: 480px;
}
}
@media (min-width: 1600px) {
[data-isotope-layout='masonry'] .gallery-item {
max-height: none;
}
}
@media (max-width: 767px) {
.isotope-xl .row > [class*="col-"] .row {
margin-bottom: -30px;
}
.isotope-xl .row > [class*="col-"] .row > [class*="col-"] {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
.isotope-xl .row > [class*="col-"] .row {
margin-bottom: -30px;
}
.isotope-xl .row > [class*="col-"] .row > [class*="col-"] {
margin-top: 66px;
}
}
.isotope-filters {
position: relative;
display: inline-block;
}
.isotope-filters-list {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: 10px 0;
z-index: 10;
float: left;
min-width: 130px;
font-size: 16px;
text-align: left;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
overflow: hidden;
}
.isotope-filters-list > li {
display: block;
}
.isotope-filters-list > li > a {
display: block;
position: relative;
clear: both;
color: #29292b;
white-space: nowrap;
line-height: 1.3;
padding: 7px 12px;
font-weight: 400;
}
.isotope-filters-list > li > a.active, .isotope-filters-list > li > a:hover {
color: #0f9447;
background-color: #f2f3f9;
}
.isotope-filters-list.active {
display: block;
}
.isotope-filters-toggle.active:focus {
outline: none;
}
.isotope-filters-title {
display: none;
}
@media (min-width: 480px) {
.isotope-filters-list {
right: 0;
left: 0;
}
}
@media (min-width: 992px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list {
position: static;
display: inline-block;
float: none;
padding: 0;
background-color: transparent;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
border-bottom: 1px solid #f2f3f9;
overflow: visible;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li {
display: inline-block;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li {
margin-left: 28px;
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li {
margin-left: 55px;
}
}
@media (min-width: 992px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a {
display: inline-block;
padding: 0 5px 13px;
color: #29292b;
font-size: 20px;
transition: 0.3s all ease-in;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:after {
content: '';
position: absolute;
bottom: -1px;
left: 50%;
width: 0;
height: 1px;
background: #0f9447;
transition: .4s;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover {
color: #0f9447;
background-color: transparent;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active:after, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover:after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active:after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover:after {
left: 0;
width: 100%;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons {
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -10px;
border-bottom: 0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > *, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > * {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > li {
padding: 0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a {
position: relative;
display: inline-block;
max-width: 100%;
padding: 11px 25px;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.04em;
text-transform: uppercase;
border: 2px solid;
border-radius: 35px;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
white-space: pre-wrap;
transition: initial;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:focus, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:focus {
color: #29292b;
background-color: #fff;
border-color: #ededed;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:active, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:active, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a::after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a::after {
display: none;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a.active, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a.active {
color: #fff;
background: #0f9447;
border-color: #0f9447;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-toggle,
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .block-top-level .big, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-toggle,
.desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .block-top-level .big {
display: none;
}
}
@media (min-width: 1200px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a {
font-size: 24px;
}
}
@media (min-width: 1200px) {
html .page .isotope-filters.isotope-filters-vertical {
margin-top: 30px;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list {
margin-bottom: -30px;
padding: 0;
border-bottom: none;
border-right: 1px solid rgba(41, 41, 43, 0.1);
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li {
display: block;
margin-top: 0;
text-align: right;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a {
padding: 0 25px;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a:after {
bottom: 50%;
right: -1px;
left: auto;
width: 1px !important;
height: 0;
background: #0f9447;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a.active:after {
bottom: 0;
width: 1px;
height: 100%;
right: -1px;
left: auto;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li + li {
margin-left: 0;
margin-top: 20px;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-title {
display: block;
}
}
/*
*
* Owl Carousel
* --------------------------------------------------
*/
.owl-carousel .animated, .owl-carousel .desktop .pricing-box-alternative, .desktop .owl-carousel .pricing-box-alternative, .owl-carousel .jp-video:before {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
*  Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
will-change: transform;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
/*
* 	Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
font: 400 40px/80px 'FontAwesome';
cursor: pointer;
z-index: 1;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:before {
content: '\f144';
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*
* Owl Navigation
*/
.owl-prev, .owl-next {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
border-radius: 50%;
text-align: center;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background: #003768;
color: #fff;
transition: .33s;
}
.owl-prev::before, .owl-next::before {
position: relative;
font-family: 'Material Design Icons';
}
.owl-prev:hover, .owl-next:hover {
background: #0f9447;
}
.owl-prev {
left: 0;
}
.owl-prev::before {
content: '\f14b';
}
.owl-next {
right: 0;
}
.owl-next::before {
content: '\f150';
}
/*
* Owl Pagination
*/
.owl-dots {
text-align: center;
margin-top: 30px;
}
.owl-dot {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
text-align: center;
outline: none;
cursor: pointer;
background-color: #c2c2c3;
transition: .25s;
}
.owl-dot:hover, .owl-dot:focus {
background-color: #0f9447;
}
.owl-dot.active {
background-color: #0f9447;
}
.owl-dot + .owl-dot {
margin-left: 20px;
}
.owl-dot:only-child {
display: none !important;
}
.owl-carousel.owl-dots-secondary .owl-dot {
border-color: #ededed;
}
.owl-carousel.owl-dots-secondary .owl-dot:hover, .owl-carousel.owl-dots-secondary .owl-dot.active {
background-color: #003768;
}
.owl-carousel.owl-carousel-light-dots .owl-dot {
border-color: #fff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus {
background-color: #fff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot.active {
background-color: #fff;
}
.owl-carousel figure img {
width: 100%;
}
/**
* Owl Carousel Pricing
*/
@media (min-width: 1600px) {
.owl-carousel-team .owl-dots {
display: none !important;
}
}
.owl-carousel-inset .owl-stage-outer {
padding: 15px 15px 15px 0;
}
/**
* Owl layout 1
*/
@media (max-width: 991px) {
.owl-layout-1 .owl-nav {
display: none !important;
}
}
@media (min-width: 992px) {
.owl-layout-1 {
padding: 0 50px;
}
.owl-layout-1 .owl-dots {
display: none !important;
}
}
@media (min-width: 1200px) {
.owl-layout-1 {
padding: 0 100px;
}
}
@media (min-width: 1600px) {
.owl-layout-1 {
padding: 0 140px;
}
}
@media (min-width: 1600px) {
* + .owl-layout-1 {
margin-top: 90px;
}
}
/**
* Owl layout 2
*/
@media (min-width: 768px) {
* + .owl-layout-2 {
margin-top: 55px;
}
.owl-layout-2 .owl-dots {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -32px;
}
.owl-layout-2 .owl-dots > * {
display: inline-block;
margin-top: 5px;
margin-left: 32px;
}
.owl-layout-2 .owl-dot {
margin-top: 30px;
}
}
/**
* Owl layout 3
*/
.owl-layout-3 .owl-prev {
left: 40px;
}
.owl-layout-3 .owl-next {
right: 40px;
}
/**
* Owl layout 4
*/
.owl-layout-4 .owl-stage {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
* + .owl-layout-4 {
margin-top: 55px;
}
.owl-layout-4 .owl-dots {
margin-top: 0;
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -32px;
}
.owl-layout-4 .owl-dots > * {
display: inline-block;
margin-top: 5px;
margin-left: 32px;
}
.owl-layout-4 .owl-dot {
margin-top: 30px;
}
}
@media (min-width: 1600px) {
.owl-layout-4 .owl-dot {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
.owl-carousel + .button-twitter {
margin-top: 90px;
}
}
@media (min-width: 768px) {
.owl-layout-5 .owl-dots {
text-align: left;
}
}
@media (min-width: 1600px) {
.owl-layout-5 .owl-dots {
margin-top: 85px;
}
}
/*
*
* RD Navbar
* --------------------------------------------------
*/
@keyframes rd-navbar-slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes rd-navbar-slide-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.breadcrumbs-custom-wrap .rd-navbar-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1091;
}
.breadcrumbs-custom-wrap .rd-navbar-wrap .rd-navbar {
background: transparent;
}
.breadcrumbs-custom-wrap .rd-navbar-wrap .rd-navbar--is-stuck:before {
opacity: 1;
}
.rd-navbar-wrap, .rd-navbar,
.rd-navbar-dropdown,
.rd-navbar-megamenu,
.rd-navbar-nav,
.rd-navbar-panel, .rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar .rd-navbar-sidebar-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu {
transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-navbar, .rd-navbar.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar-sidebar {
display: block;
}
.rd-navbar--no-transition, .rd-navbar--no-transition * {
transition: none !important;
}
.rd-navbar-collapse-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #333333;
display: none;
}
.rd-navbar-collapse-toggle span {
top: 50%;
margin-top: -3px;
}
.rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
position: absolute;
width: 6px;
height: 6px;
line-height: 6px;
text-align: center;
background: #333333;
left: 50%;
margin-left: -3px;
border-radius: 50%;
transition: .3s all ease;
}
.rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
content: '';
}
.rd-navbar-collapse-toggle span:before {
bottom: 100%;
margin-bottom: 3px;
}
.rd-navbar-collapse-toggle span:after {
top: 100%;
margin-top: 3px;
}
.rd-navbar-collapse-toggle.active span {
transform: scale(0.7);
}
.rd-navbar-collapse-toggle.active span:before {
transform: translateY(18px);
}
.rd-navbar-collapse-toggle.active span:after {
transform: translateY(-18px);
}
.rd-navbar--is-stuck {
box-shadow: 0 6px 8px rgba(41, 41, 43, 0.17);
}
.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
display: none;
}
/*
* Navbar components
*/
.rd-navbar {
display: none;
background: #fff;
}
.rd-navbar-toggle,
.rd-navbar-sidebar-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #29292b;
background-color: transparent;
border: none;
display: none;
}
.rd-navbar-toggle span,
.rd-navbar-sidebar-toggle span {
position: relative;
display: block;
margin: auto;
transition: .3s all ease;
}
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before,
.rd-navbar-sidebar-toggle span:after,
.rd-navbar-sidebar-toggle span:before {
content: "";
position: absolute;
left: 0;
top: -8px;
transition: .3s all ease;
}
.rd-navbar-toggle span:after,
.rd-navbar-sidebar-toggle span:after {
top: 8px;
}
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span,
.rd-navbar-sidebar-toggle span:after,
.rd-navbar-sidebar-toggle span:before,
.rd-navbar-sidebar-toggle span {
width: 24px;
height: 4px;
background-color: #29292b;
backface-visibility: hidden;
border-radius: 2px;
}
.rd-navbar-toggle span,
.rd-navbar-sidebar-toggle span {
transform: rotate(180deg);
}
.rd-navbar-toggle span:before, .rd-navbar-toggle span:after,
.rd-navbar-sidebar-toggle span:before,
.rd-navbar-sidebar-toggle span:after {
transform-origin: 1.71429px center;
}
.rd-navbar-toggle.active span,
.rd-navbar-sidebar-toggle.active span {
transform: rotate(360deg);
}
.rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after,
.rd-navbar-sidebar-toggle.active span:before,
.rd-navbar-sidebar-toggle.active span:after {
top: 0;
width: 15px;
}
.rd-navbar-toggle.active span:before,
.rd-navbar-sidebar-toggle.active span:before {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg);
}
.rd-navbar-toggle.active span:after,
.rd-navbar-sidebar-toggle.active span:after {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg);
}
.rd-navbar-toggle:focus,
.rd-navbar-sidebar-toggle:focus {
outline: none;
}
.rd-navbar-brand a {
display: inline-block;
}
.rd-navbar-brand .logo-inverse {
display: none;
}
.breadcrumbs-custom-light .rd-navbar-brand .logo-inverse {
display: inline-block;
}
.breadcrumbs-custom-light .rd-navbar-brand .logo-default {
display: none;
}
.rd-navbar-dropdown {
display: none;
}
.rd-navbar-dropdown li + li,
.rd-navbar-megamenu li + li {
border-top: 1px solid #f2f3f9;
}
.rd-navbar-search .rd-search-form-submit {
font-size: 26px;
color: #29292b;
}
.rd-navbar-search .rd-search-form-submit:hover {
color: #003768;
}
.rd-navbar-shop .rd-navbar-shop-icon span {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
.rd-navbar-search-toggle {
transition: none;
}
.rd-navbar-nav > li > a {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .04em;
}
.rd-navbar-aside-right .button {
margin-top: 0;
}
.rd-navbar-top-panel * + .box-inline {
margin-top: 0;
}
@media (min-width: 992px) {
.desktop .rd-navbar-wrap + .breadcrumbs-custom {
padding-top: 200px;
padding-bottom: 70px;
}
.desktop .rd-navbar-wrap + .breadcrumbs-custom.breadcrumbs-blog-post {
padding-bottom: 50px;
}
}
@media (min-width: 1200px) {
.desktop .rd-navbar-wrap + .breadcrumbs-custom {
padding-top: 170px;
padding-bottom: 80px;
}
}
@media (min-width: 1600px) {
.desktop .rd-navbar-wrap + .breadcrumbs-custom {
padding-top: 235px;
padding-bottom: 90px;
}
.desktop .rd-navbar-wrap + .breadcrumbs-custom.breadcrumbs-custom-lg {
padding-top: 215px;
padding-bottom: 160px;
}
}
.bg-gray-darker .logo-inverse, .bg-additional-gray-darker .bg-additional-item .logo-inverse,
.bg-gradient-2 .logo-inverse,
.bg-gradient-1 .logo-inverse,
.bg-image .logo-inverse, .bg-additional-image .bg-additional-item .logo-inverse,
.bg-secondary-2 .logo-inverse,
.bg-gradient .logo-inverse, .bg-gradient-1 .logo-inverse, .bg-gradient-2 .logo-inverse, .bg-gradient-3 .logo-inverse {
display: block;
}
.bg-gray-darker .logo-default, .bg-additional-gray-darker .bg-additional-item .logo-default,
.bg-gradient-2 .logo-default,
.bg-gradient-1 .logo-default,
.bg-image .logo-default, .bg-additional-image .bg-additional-item .logo-default,
.bg-secondary-2 .logo-default,
.bg-gradient .logo-default, .bg-gradient-1 .logo-default, .bg-gradient-2 .logo-default, .bg-gradient-3 .logo-default {
display: none;
}
.bg-gray-darker .rd-navbar-toggle span, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span, .bg-gray-darker .rd-navbar-toggle span:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span:before, .bg-gray-darker .rd-navbar-toggle span:after, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span:after,
.bg-gray-darker .rd-navbar-sidebar-toggle span, .bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span,
.bg-gray-darker .rd-navbar-sidebar-toggle span:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span:before,
.bg-gray-darker .rd-navbar-sidebar-toggle span:after, .bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span:after,
.bg-gradient-2 .rd-navbar-toggle span,
.bg-gradient-2 .rd-navbar-toggle span:before,
.bg-gradient-2 .rd-navbar-toggle span:after,
.bg-gradient-2 .rd-navbar-sidebar-toggle span,
.bg-gradient-2 .rd-navbar-sidebar-toggle span:before,
.bg-gradient-2 .rd-navbar-sidebar-toggle span:after,
.bg-gradient-1 .rd-navbar-toggle span,
.bg-gradient-1 .rd-navbar-toggle span:before,
.bg-gradient-1 .rd-navbar-toggle span:after,
.bg-gradient-1 .rd-navbar-sidebar-toggle span,
.bg-gradient-1 .rd-navbar-sidebar-toggle span:before,
.bg-gradient-1 .rd-navbar-sidebar-toggle span:after,
.bg-image .rd-navbar-toggle span, .bg-additional-image .bg-additional-item .rd-navbar-toggle span,
.bg-image .rd-navbar-toggle span:before, .bg-additional-image .bg-additional-item .rd-navbar-toggle span:before,
.bg-image .rd-navbar-toggle span:after, .bg-additional-image .bg-additional-item .rd-navbar-toggle span:after,
.bg-image .rd-navbar-sidebar-toggle span, .bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span,
.bg-image .rd-navbar-sidebar-toggle span:before, .bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span:before,
.bg-image .rd-navbar-sidebar-toggle span:after, .bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span:after,
.bg-secondary-2 .rd-navbar-toggle span,
.bg-secondary-2 .rd-navbar-toggle span:before,
.bg-secondary-2 .rd-navbar-toggle span:after,
.bg-secondary-2 .rd-navbar-sidebar-toggle span,
.bg-secondary-2 .rd-navbar-sidebar-toggle span:before,
.bg-secondary-2 .rd-navbar-sidebar-toggle span:after,
.bg-gradient .rd-navbar-toggle span, .bg-gradient-1 .rd-navbar-toggle span, .bg-gradient-2 .rd-navbar-toggle span, .bg-gradient-3 .rd-navbar-toggle span,
.bg-gradient .rd-navbar-toggle span:before, .bg-gradient-1 .rd-navbar-toggle span:before, .bg-gradient-2 .rd-navbar-toggle span:before, .bg-gradient-3 .rd-navbar-toggle span:before,
.bg-gradient .rd-navbar-toggle span:after, .bg-gradient-1 .rd-navbar-toggle span:after, .bg-gradient-2 .rd-navbar-toggle span:after, .bg-gradient-3 .rd-navbar-toggle span:after,
.bg-gradient .rd-navbar-sidebar-toggle span, .bg-gradient-1 .rd-navbar-sidebar-toggle span, .bg-gradient-2 .rd-navbar-sidebar-toggle span, .bg-gradient-3 .rd-navbar-sidebar-toggle span,
.bg-gradient .rd-navbar-sidebar-toggle span:before, .bg-gradient-1 .rd-navbar-sidebar-toggle span:before, .bg-gradient-2 .rd-navbar-sidebar-toggle span:before, .bg-gradient-3 .rd-navbar-sidebar-toggle span:before,
.bg-gradient .rd-navbar-sidebar-toggle span:after, .bg-gradient-1 .rd-navbar-sidebar-toggle span:after, .bg-gradient-2 .rd-navbar-sidebar-toggle span:after, .bg-gradient-3 .rd-navbar-sidebar-toggle span:after {
background: #fff;
}
.bg-gray-darker .rd-navbar-fixed .rd-navbar-panel:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-image .rd-navbar-fixed .rd-navbar-panel:before, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-panel:before,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient .rd-navbar-fixed .rd-navbar-panel:before, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-panel:before, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-panel:before, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-panel:before {
background: #29292b;
}
.bg-gray-darker .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gray-darker .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-image .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-image .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle {
color: #fff;
}
.bg-gray-darker .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gray-darker .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-image .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-image .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover {
color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a {
color: #fff;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-image .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before {
background-color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
color: #fff;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-image .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before {
background-color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before {
background-color: #003768;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #003768;
}
/*
* @subsection   Hybrid  Styles
*/
.rd-navbar-static .rd-navbar-nav,
.rd-navbar-fullwidth .rd-navbar-nav {
text-align: center;
}
.rd-navbar-static .rd-navbar-nav > li,
.rd-navbar-fullwidth .rd-navbar-nav > li {
position: relative;
display: inline-block;
transition: .25s;
}
.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu {
position: static;
}
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
position: relative;
display: inline-block;
color: #333333;
line-height: 1;
transition: .25s;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #003768;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
position: relative;
font-family: "Material Design Icons";
font-size: 0;
cursor: pointer;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #003768;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before {
content: '\f236';
position: absolute;
font-size: 18px;
top: 1px;
left: 2px;
line-height: 0;
}
.ie-10 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-11 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-edge .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-10
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-11
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-edge
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
font-size: 18px;
}
.ie-10 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-11 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-edge .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-10
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-11
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-edge
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before {
line-height: 1.2;
}
.rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #003768;
background: transparent;
}
.rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #003768;
}
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #003768;
background: transparent;
}
.rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #003768;
}
.rd-navbar-static .rd-navbar-inner,
.rd-navbar-fullwidth .rd-navbar-inner {
position: relative;
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-inner,
.rd-navbar-fullwidth .rd-navbar-inner {
padding-left: 70px;
padding-right: 70px;
}
}
.rd-navbar-static .rd-navbar-top-panel,
.rd-navbar-fullwidth .rd-navbar-top-panel {
padding-top: 10px;
padding-bottom: 10px;
background-color: #29292b;
color: #fff;
}
.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-fullwidth .rd-navbar-top-panel-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-fullwidth .rd-navbar-top-panel-inner {
padding-left: 70px;
padding-right: 70px;
}
}
.rd-navbar-static .rd-navbar-top-panel a,
.rd-navbar-fullwidth .rd-navbar-top-panel a {
color: #fff;
}
.rd-navbar-static .rd-navbar-top-panel a:hover,
.rd-navbar-fullwidth .rd-navbar-top-panel a:hover {
color: #ffec17;
}
.rd-navbar-static .rd-navbar-top-panel a.icon-gray-1,
.rd-navbar-fullwidth .rd-navbar-top-panel a.icon-gray-1 {
color: #c2c2c3;
}
.rd-navbar-static .rd-navbar-top-panel a.icon-gray-1:hover,
.rd-navbar-fullwidth .rd-navbar-top-panel a.icon-gray-1:hover {
color: #fff;
}
.rd-navbar-static .rd-navbar-aside-center,
.rd-navbar-fullwidth .rd-navbar-aside-center {
display: flex;
align-items: center;
}
.rd-navbar-static .rd-navbar-shop,
.rd-navbar-fullwidth .rd-navbar-shop {
font-size: 24px;
}
.rd-navbar-static .rd-navbar-shop span,
.rd-navbar-fullwidth .rd-navbar-shop span {
font-size: 16px;
padding-left: 10px;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon,
.rd-navbar-fullwidth .rd-navbar-shop .rd-navbar-shop-icon {
color: #333333;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon:hover,
.rd-navbar-fullwidth .rd-navbar-shop .rd-navbar-shop-icon:hover {
color: #003768;
}
.rd-navbar-static .rd-navbar-shop,
.rd-navbar-static .rd-navbar-search,
.rd-navbar-static .rd-navbar-search-1,
.rd-navbar-fullwidth .rd-navbar-shop,
.rd-navbar-fullwidth .rd-navbar-search,
.rd-navbar-fullwidth .rd-navbar-search-1 {
position: relative;
display: inline-flex;
margin-left: 30px;
vertical-align: middle;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-shop,
.rd-navbar-static .rd-navbar-search,
.rd-navbar-fullwidth .rd-navbar-shop,
.rd-navbar-fullwidth .rd-navbar-search {
margin-left: 50px;
}
}
.rd-navbar-static .rd-navbar-search.active .rd-search,
.rd-navbar-static .rd-navbar-search-1.active .rd-search,
.rd-navbar-fullwidth .rd-navbar-search.active .rd-search,
.rd-navbar-fullwidth .rd-navbar-search-1.active .rd-search {
visibility: visible;
opacity: 1;
}
.rd-navbar-static .rd-navbar-search .form-label,
.rd-navbar-static .rd-navbar-search-1 .form-label,
.rd-navbar-fullwidth .rd-navbar-search .form-label,
.rd-navbar-fullwidth .rd-navbar-search-1 .form-label {
font-size: 18px;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle {
display: inline-flex;
color: #333333;
font-size: 30px;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle:hover {
color: #003768;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
font-size: 26px;
line-height: 32px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after {
transition: .3s all ease-in-out;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before {
content: "";
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "Material Design Icons";
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after {
content: "";
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "Material Design Icons";
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle.active span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle.active span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle.active span:after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-static .rd-navbar-search .form-wrap,
.rd-navbar-static .rd-navbar-search-1 .form-wrap,
.rd-navbar-fullwidth .rd-navbar-search .form-wrap,
.rd-navbar-fullwidth .rd-navbar-search-1 .form-wrap {
margin-bottom: 0;
}
.rd-navbar-static .rd-navbar-search .form-input,
.rd-navbar-static .rd-navbar-search-1 .form-input,
.rd-navbar-fullwidth .rd-navbar-search .form-input,
.rd-navbar-fullwidth .rd-navbar-search-1 .form-input {
padding-right: 50px;
box-shadow: 0 2px 5px rgba(41, 41, 43, 0.05);
}
.rd-navbar-static .rd-navbar-search .rd-search,
.rd-navbar-static .rd-navbar-search-1 .rd-search,
.rd-navbar-fullwidth .rd-navbar-search .rd-search,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-search {
position: absolute;
top: calc(100% + 29px);
right: 0;
width: 380px;
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 3;
}
.rd-navbar-static .rd-navbar-search .rd-search-form-submit,
.rd-navbar-static .rd-navbar-search-1 .rd-search-form-submit,
.rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-search-form-submit {
position: absolute;
top: 17px;
right: 0;
width: 50px;
padding: 0;
border: none;
font-size: 26px;
background-color: transparent;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
position: absolute;
left: 0;
width: 310px;
background: #fff;
z-index: 5;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown.rd-navbar-open-left,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown.rd-navbar-open-left {
right: 0;
left: auto;
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu {
opacity: 1;
visibility: visible;
transform: translate3d(-50%, 0, 0);
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu {
z-index: 15;
visibility: hidden;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown {
left: 100%;
top: 0;
margin-top: -8px;
margin-left: 8px;
z-index: 2;
transform: translate(30px, 0);
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-megamenu {
position: absolute;
top: 100%;
display: block;
padding: 8px 0;
margin-top: 0;
visibility: hidden;
opacity: 0;
text-align: left;
border-radius: 6px;
box-shadow: 0 6px 8px rgba(41, 41, 43, 0.17);
}
.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-navbar-megamenu li > a,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a {
font-size: 16px;
transition: .15s ease-in-out;
}
.rd-navbar-static .rd-navbar-dropdown li > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a:before {
content: '\f14f';
font-family: "Material Design Icons";
margin-left: -20px;
transition: opacity .15s ease-in-out, .15s margin ease-in-out;
opacity: 0;
padding-right: 5px;
}
.rd-navbar-static .rd-navbar-dropdown li.focus > a:before,
.rd-navbar-static .rd-navbar-dropdown li.opened > a:before,
.rd-navbar-static .rd-navbar-dropdown li > a:hover:before,
.rd-navbar-static .rd-navbar-megamenu li.focus > a:before,
.rd-navbar-static .rd-navbar-megamenu li.opened > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:hover:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li.focus > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li.opened > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li.focus > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li.opened > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a:hover:before {
margin-left: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-dropdown {
width: 310px;
background: #fff;
padding: 5px 28px;
transform: translateY(30px);
}
.rd-navbar-static .rd-navbar-dropdown > li > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a {
display: block;
padding: 13px 20px 13px 0;
color: #29292b;
background: transparent;
}
.rd-navbar-static .rd-navbar-dropdown > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {
color: #003768;
background: transparent;
}
.rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a {
color: #003768;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-megamenu {
left: 50%;
display: flex;
width: 98%;
max-width: 1800px;
padding: 10px 40px 30px;
transform: translate3d(-50%, 30px, 0);
background: #fff;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-megamenu {
padding: 10px 49px 30px;
}
}
.rd-navbar-static .rd-navbar-megamenu > li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li {
width: 100%;
}
.rd-navbar-static .rd-navbar-megamenu > li + li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li + li {
border-top: 0;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul a,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a {
display: block;
padding: 13px 10px 13px 0;
color: #000000;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul a:hover,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover {
color: #003768;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu-banner,
.rd-navbar-fullwidth .rd-navbar-megamenu-banner {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li:first-of-type,
.rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:first-of-type {
min-width: 300px;
position: relative;
overflow: hidden;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li:first-of-type > img,
.rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:first-of-type > img {
position: absolute;
left: 20px;
top: 50%;
transform: translate3d(0, -60%, 0) scale(1.25);
height: 100%;
width: auto;
max-width: none;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li:nth-child(n+1),
.rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:nth-child(n+1) {
padding-top: 10px;
padding-bottom: 10px;
}
.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-clone {
display: block;
transform: translateY(-100%);
}
.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck,
.rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck {
transform: translateY(0%);
}
.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-stuck,
.rd-navbar-fullwidth.rd-navbar--is-clone {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
background: #fff;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-top-panel,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-top-panel {
display: none;
}
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-sidebar .rd-navbar-sidebar-inner {
width: 270px;
height: 100%;
left: 0;
top: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
font-size: 16px;
line-height: 34px;
color: #333333;
background: #fff;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
z-index: 998;
}
.rd-navbar-fixed .rd-navbar-nav-wrap:before, .rd-navbar-fixed .rd-navbar-nav-wrap:after,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:before,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:after {
content: '';
display: block;
height: 56px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar {
width: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb {
background: #21e875;
border: none;
border-radius: 0;
opacity: .2;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track {
background: #0f9447;
border: none;
border-radius: 0;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a {
padding-left: 20px;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a {
padding-left: 25px;
}
/*
* Static Layout
*/
.rd-navbar-static {
display: block;
}
.rd-navbar-static .rd-navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.rd-navbar-static .rd-navbar-brand a {
display: block;
}
.rd-navbar-static .rd-navbar-nav {
text-align: center;
}
.rd-navbar-static .rd-navbar-nav > li > a {
font-size: 16px;
}
.rd-navbar-static .rd-navbar-aside-right {
display: flex;
align-items: center;
}
.rd-navbar-static .rd-navbar-aside-right-inner {
white-space: nowrap;
}
.rd-navbar-static .rd-navbar-top-panel {
text-align: left;
padding: 15px 0;
}
.rd-navbar-static .rd-navbar-nav > li {
margin: 0 20px;
}
.rd-navbar-static .rd-navbar-nav > li > a {
padding: 30px 0;
}
.rd-navbar-static .rd-navbar-nav > li > a:before {
position: absolute;
top: 0;
left: 0;
right: 100%;
height: 3px;
content: "";
display: inline-block;
opacity: 0;
transition: 250ms;
background: #003768;
}
.rd-navbar-static .rd-navbar-nav > li > a:hover:before {
right: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-nav > li.focus > a:before, .rd-navbar-static .rd-navbar-nav > li.opened > a:before {
right: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-nav > li.active > a:before {
right: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu {
margin-top: 0;
}
.rd-navbar-static .rd-navbar-megamenu {
max-width: 1200px;
}
.rd-navbar-static .rd-navbar-megamenu > li + li {
margin-left: 85px;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li + li {
margin-left: 45px;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon {
font-size: 30px;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon span {
position: relative;
top: -3px;
font-size: 18px;
padding-left: 13px;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span {
font-size: 30px;
}
.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone {
will-change: transform;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a {
padding: 30px 0;
}
.breadcrumbs-custom-wrap .rd-navbar-static .rd-navbar-nav > li > a:before {
top: 0;
bottom: auto;
}
@media (min-width: 1600px) {
.rd-navbar-static .rd-navbar-nav > li > a {
padding: 40px 0;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu {
margin-top: 0;
}
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-nav > li {
margin: 0 30px;
}
}
/*
* Fullwidth Layout
*/
.rd-navbar-fullwidth {
display: block;
}
.rd-navbar-fullwidth .rd-navbar-inner {
padding-top: 20px;
padding-bottom: 20px;
}
.rd-navbar-fullwidth .rd-navbar-aside-right {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
}
.rd-navbar-fullwidth .rd-navbar-panel {
text-align: center;
}
.rd-navbar-fullwidth .rd-navbar-nav > li {
margin: 0 18px;
}
.rd-navbar-fullwidth .rd-navbar-dropdown {
margin-top: 20px;
}
.rd-navbar-fullwidth .rd-navbar-megamenu > li + li {
margin-left: 30px;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner {
padding-top: 13px;
padding-bottom: 13px;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-aside-right {
margin-top: 0;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-dropdown {
margin-top: 15px;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel {
display: none;
}
/*
* Fixed Layout
*/
.rd-navbar-fixed {
display: block;
}
.rd-navbar-fixed .rd-navbar-toggle {
display: inline-block;
}
.rd-navbar-fixed .rd-navbar-brand {
position: relative;
margin-left: 6px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
font-size: 22px;
line-height: 1;
}
.rd-navbar-fixed .rd-navbar-brand img {
width: auto;
height: 34px;
}
.rd-navbar-fixed .rd-navbar-panel {
display: flex;
align-items: center;
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 4px;
height: 56px;
color: #29292b;
z-index: 999;
}
.rd-navbar-fixed .rd-navbar-panel:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
background: #fff;
}
.rd-navbar-fixed .rd-navbar-panel > * {
z-index: 1;
}
.rd-navbar-fixed .rd-navbar-top-panel.rd-navbar-collapse .box-inline {
display: table;
}
.rd-navbar-fixed .rd-navbar-top-panel.rd-navbar-collapse .box-inline > * {
display: table-cell;
vertical-align: top;
}
.rd-navbar-fixed .rd-navbar-aside-right-inner {
position: fixed;
top: 4px;
right: 8px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.rd-navbar-fixed .rd-navbar-search,
.rd-navbar-fixed .rd-navbar-search-1 {
display: inline-flex;
z-index: 1000;
position: relative;
}
.rd-navbar-fixed .rd-navbar-search .rd-search,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search {
position: absolute;
right: 4px;
top: calc(100% + 12px);
width: 240px;
opacity: 0;
visibility: hidden;
transition: .3s;
transform: translateX(-10px);
}
.rd-navbar-fixed .rd-navbar-search .rd-search-results-live,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search-results-live {
display: none;
}
.rd-navbar-fixed .rd-navbar-search .form-input,
.rd-navbar-fixed .rd-navbar-search-1 .form-input {
padding-right: 50px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search-form-submit {
position: absolute;
top: 17px;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000000;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search-form-submit:hover {
color: #0f9447;
}
.rd-navbar-fixed .rd-navbar-search.active .rd-search,
.rd-navbar-fixed .rd-navbar-search-1.active .rd-search {
opacity: 1;
visibility: visible;
transform: none;
}
.rd-navbar-fixed .rd-navbar-shop {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
z-index: 1000;
}
.rd-navbar-fixed .rd-navbar-shop .rd-navbar-shop-icon {
font-size: 22px;
}
.rd-navbar-fixed .rd-navbar-shop .rd-navbar-shop-icon span {
font-size: 16px;
padding-left: 5px;
}
.rd-navbar-fixed .rd-navbar-search-toggle {
display: inline-flex;
}
.rd-navbar-fixed .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 26px;
line-height: 48px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
transition: .3s all ease-in-out;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before {
content: "";
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "Material Design Icons";
}
.rd-navbar-fixed .rd-navbar-search-toggle span:after {
content: "";
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "Material Design Icons";
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
position: fixed;
left: 0;
bottom: 0;
top: 0;
color: #333333;
background: #fff;
transform: translateX(-120%);
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active {
transform: translateX(0);
}
.rd-navbar-fixed .rd-navbar-nav {
display: block;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after {
content: '';
display: block;
height: 8px;
}
.rd-navbar-fixed .rd-navbar-nav li > a {
display: block;
padding: 11px 56px 11px 16px;
color: #333333;
}
.rd-navbar-fixed .rd-navbar-nav li > a:first-letter {
text-transform: uppercase;
}
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a {
background: #0f9447;
color: #fff;
}
.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
color: #fff;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after {
transform: rotate(180deg);
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle {
cursor: pointer;
color: #333333;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after {
content: '\f236';
position: absolute;
top: 22px;
right: 0;
margin-top: -22px;
width: 65px;
height: 48px;
font: 400 28px "Material Design Icons";
line-height: 48px;
text-align: center;
transition: 0.3s transform ease;
z-index: 2;
}
.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
display: none;
margin-top: 4px;
}
.rd-navbar-fixed .rd-navbar-megamenu-banner > li:first-of-type {
display: none;
}
.rd-navbar-fixed .rd-navbar-submenu {
position: relative;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-megamenu-list > li > a {
padding: 7px 56px 7px 30px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-megamenu-header {
padding-left: 20px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 48px;
}
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-fixed .rd-navbar-collapse {
position: fixed;
right: 4px;
top: 64px;
transform: translateX(-10px);
padding: 15px 10px;
width: 280px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 6px 8px rgba(41, 41, 43, 0.17);
text-align: left;
font-size: 14px;
opacity: 0;
pointer-events: none;
z-index: 997;
transition: opacity .3s, transform .3s;
}
.rd-navbar-fixed .rd-navbar-collapse.active {
transform: none;
opacity: 1;
pointer-events: auto;
z-index: 999;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
position: fixed;
right: 4px;
top: 4px;
display: inline-block;
z-index: 1000;
}
.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a.icon,
.rd-navbar-fixed .rd-navbar-collapse .list-inline a,
.rd-navbar-fixed .rd-navbar-collapse a.rd-navbar-shop-icon {
color: #29292b;
}
.rd-navbar-fixed .rd-navbar-collapse:hover,
.rd-navbar-fixed .rd-navbar-collapse a.icon:hover,
.rd-navbar-fixed .rd-navbar-collapse .list-inline a:hover,
.rd-navbar-fixed .rd-navbar-collapse a.rd-navbar-shop-icon:hover {
color: #003768;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search,
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-shop {
position: relative;
top: auto;
right: auto;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search .rd-search {
position: relative;
width: 260px;
opacity: 1;
visibility: visible;
right: auto;
transform: translateX(0);
margin-bottom: 10px;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-shop {
display: inline-flex;
margin-right: 10px;
vertical-align: middle;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top-panel-inner + .rd-navbar-top-panel-inner {
margin-top: 10px;
}
.rd-navbar-fixed.active .rd-navbar-nav {
transform: translateX(0);
}
.rd-navbar-fixed.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed .rd-navbar-fixed--visible {
display: block;
}
.rd-navbar-fixed .rd-navbar-fixed--hidden {
display: none;
}
html.rd-navbar-fixed-linked .page {
padding-top: 55px;
}
/*
* Sidebar Layout
*/
.rd-navbar-sidebar {
display: block;
}
.rd-navbar-sidebar .rd-navbar-sidebar-toggle {
position: fixed;
top: 8px;
left: 8px;
display: block;
z-index: 999;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner {
position: fixed;
display: flex;
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
transform: translateX(-100%);
box-shadow: none;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner.active {
transform: translateX(0);
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-top-panel {
order: 1;
padding: 0 20px;
text-align: left;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-brand {
margin-bottom: 30px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search {
display: inline-flex;
margin-top: 10px;
padding: 0 10px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search {
position: relative;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .form-input {
padding-right: 50px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000000;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit:hover {
color: #0f9447;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-results-live {
display: none;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav {
display: block;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:after {
content: '';
display: block;
height: 8px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a {
display: block;
padding: 11px 56px 11px 16px;
color: #333333;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a:first-letter {
text-transform: uppercase;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li:hover > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > a {
background: #0f9447;
color: #fff;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
color: #fff;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after {
transform: rotate(180deg);
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li + li {
margin-top: 4px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle {
cursor: pointer;
color: #333333;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle::after {
content: '\f236';
position: absolute;
top: 22px;
right: 0;
margin-top: -22px;
width: 65px;
height: 48px;
font: 400 28px "Material Design Icons";
line-height: 48px;
text-align: center;
transition: 0.3s transform ease;
z-index: 2;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu {
display: none;
margin-top: 4px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu {
position: relative;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown > li > a {
padding-left: 30px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 48px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse {
flex-wrap: wrap;
justify-content: flex-start;
}
.rd-navbar-default .rd-navbar-fullwidth .rd-navbar-aside-right-inner {
margin-top: 0;
}
.rd-navbar-default .rd-navbar-fullwidth .rd-navbar-aside-right-inner > * + * {
margin-left: 30px;
}
.rd-navbar-default .rd-navbar-static .rd-navbar-aside-right-inner > * + * {
margin-left: 30px;
}
@media (min-width: 1800px) {
.rd-navbar-default .rd-navbar-static .rd-navbar-aside-right-inner > * + * {
margin-left: 50px;
}
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span:after,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span:after {
background: #fff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-panel {
background: #29292b;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-search-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-search-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-search-toggle {
color: #fff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-search-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-search-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-search-toggle:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a {
color: #fff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before {
background-color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
color: #fff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before {
background-color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before {
background-color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #ffec17;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar,
.fullwidth-page .rd-navbar-default .rd-navbar {
background: transparent;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar:before,
.fullwidth-page .rd-navbar-default .rd-navbar:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
display: inline-block;
background: #29292b;
transition: 450ms ease-out;
opacity: 0;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span,
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:before,
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:after,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:before,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
background: #fff;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse {
background: linear-gradient(39deg, #0d7d3c 10%, #0f9447 40%);
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar--is-stuck:before,
.fullwidth-page .rd-navbar-default .rd-navbar--is-stuck:before {
opacity: 1;
}
.rd-navbar-centered .rd-navbar-panel {
text-align: center;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-inner {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-aside-left {
padding-left: 40px;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse-toggle {
position: fixed;
right: 4px;
top: 20px;
display: inline-block;
z-index: 1000;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse {
position: fixed;
right: 4px;
top: 64px;
display: block;
transform: translateX(-10px);
padding: 5px 10px;
width: 280px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17);
text-align: left;
font-size: 14px;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: .3s;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse.active {
transform: none;
opacity: 1;
visibility: visible;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search,
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-shop {
position: relative;
top: auto;
right: auto;
margin-left: 0;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search .rd-search {
position: relative;
width: 260px;
opacity: 1;
visibility: visible;
right: auto;
transform: translateX(0);
margin-bottom: 10px;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-shop {
display: inline-flex;
margin-right: 10px;
vertical-align: middle;
}
.rd-navbar-centered .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-collapse-toggle {
top: 4px;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-inner > * {
flex-grow: 1;
max-width: 33.333%;
}
.ie-10 .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > *,
.ie-11 .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > *,
.ie-edge .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > * {
width: 33.33%;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-inner .rd-navbar-nav {
white-space: nowrap;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-inner .rd-navbar-nav > li {
white-space: normal;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-brand .brand-name {
margin-left: -33px;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right {
justify-content: flex-end;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right > * + * {
margin-left: 30px;
}
@media (min-width: 1200px) {
.rd-navbar-centered .rd-navbar-static .rd-navbar-nav .rd-navbar-megamenu > li {
max-width: 215px;
white-space: nowrap;
}
}
@media (min-width: 1800px) {
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right > * + * {
margin-left: 50px;
}
}
.rd-navbar-corporate .rd-navbar-top-panel .rd-navbar-top-panel-inner:last-of-type {
display: none;
}
.rd-navbar-corporate .box-inline > * {
display: inline-block;
vertical-align: middle;
}
.rd-navbar-corporate .box-inline .icon {
top: auto;
}
.rd-navbar-corporate .rd-navbar-panel {
text-align: center;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-aside-right {
display: none;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-aside-right-inner {
right: 48px;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-top-panel .rd-navbar-top-panel-inner:last-of-type {
display: block;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-top-panel .icon-sm-bigger {
font-size: 25px;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top-panel-inner > * + * {
margin-top: 7px;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-collapse .list-inline > li {
padding: 3px 9px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-panel,
.rd-navbar-corporate .rd-navbar-static .rd-navbar-top-panel {
display: flex;
}
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel {
display: none;
}
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right,
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-center,
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-right,
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-center {
margin-top: 0;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-inner {
display: flex;
flex-wrap: wrap;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-dropdown {
margin-top: 27px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-panel {
width: 100%;
}
.rd-navbar-corporate .rd-navbar-fullwidth .button-sm {
min-width: 150px;
font-size: 14px;
padding: 7px 14px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-panel {
font-size: 14px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-panel .icon-sm-bigger {
font-size: 18px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-aside-center,
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-aside-right {
margin-top: 25px;
flex-grow: 1;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-search-1 {
margin-left: 5px;
}
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown {
margin-top: 20px;
}
.rd-navbar-corporate .rd-navbar-static .icon-md-smaller {
font-size: 26px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li {
margin: 0 15px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li > a {
padding: 37px 0;
}
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a {
padding: 25px 0;
}
@media (min-width: 1800px) {
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li {
margin: 0 25px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li > a {
padding: 53px 0 56px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-top-panel-inner .box-inline + .box-inline {
margin-left: 90px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(1) {
width: 25%;
text-align: left;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(2) {
width: 60%;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(3) {
width: 15%;
justify-content: flex-end;
}
}
.rd-navbar-shop-header .rd-navbar-nav {
position: relative;
}
.rd-navbar-shop-header .rd-navbar-top-panel {
padding: 0;
}
.rd-navbar-shop-header .rd-navbar-search .rd-search {
margin-top: 0;
}
.rd-navbar-shop-header .rd-navbar-search .button {
display: none;
}
.rd-navbar-shop-header .rd-navbar-search .form-wrap {
margin-right: 0;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-shop,
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search {
position: fixed;
top: 4px;
right: 3px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search {
right: 48px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-wrap-icon:before {
content: none;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-label {
left: 15px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-input {
padding-left: 20px;
padding-right: 40px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-input,
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .form-input,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .form-input {
box-shadow: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner {
padding-top: 37px;
padding-bottom: 37px;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav-wrap,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav-wrap {
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1800px) {
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav-wrap,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav-wrap {
padding-left: 70px;
padding-right: 70px;
}
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > * {
display: block;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(1),
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(1) {
width: 25%;
text-align: left;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(2),
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(2) {
width: 50%;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(3),
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(3) {
width: 25%;
text-align: right;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a {
padding: 25px 0;
color: #fff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a:before {
position: absolute;
bottom: 0;
left: 0;
right: 100%;
height: 3px;
content: "";
display: inline-block;
opacity: 0;
transition: 250ms;
background: #003768;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a:hover:before {
right: 0;
opacity: 1;
background-color: #ffec17;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
color: #fff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.opened > a {
color: #fff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.opened > a:before {
right: 0;
opacity: 1;
background-color: #ffec17;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.active > a {
color: #fff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.active > a:before {
right: 0;
opacity: 1;
background-color: #ffec17;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search {
width: 100%;
margin-left: 0;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search-form-submit {
position: relative;
top: auto;
right: auto;
width: auto;
border: 2px solid;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit-icon,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search-form-submit-icon {
display: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button {
display: block;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:focus,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:focus {
color: #fff;
background-color: #003768;
border-color: #003768;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:hover, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:active, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:hover,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:hover,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:active,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-sm,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-sm {
padding: 11px 35px;
font-size: 16px;
line-height: 24px;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search-toggle,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-aside-right,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-aside-right {
margin-top: 0;
}
.rd-navbar-shop-header .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-shop-header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel {
display: block;
}
.rd-navbar-shop-header .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner,
.rd-navbar-shop-header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
display: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-dropdown {
margin-top: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
padding-left: 0;
}
/*
*
* RD Google Map
* --------------------------------------------------
*/
.rd-google-map {
max-width: 870px;
margin-left: auto;
margin-right: auto;
}
.rd-google-map-default {
max-width: none;
}
@media (min-width: 992px) {
.rd-google-map-with-icon .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) {
border-radius: 9px !important;
}
.rd-google-map-with-icon .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
box-shadow: none !important;
background-color: transparent !important;
}
.rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
z-index: 100;
}
.rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div {
margin-top: -5px;
}
.rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div > div {
box-shadow: none !important;
}
.rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) {
border-radius: 9px !important;
box-shadow: 0 8px 21px 0 #cdced6 !important;
}
.rd-google-map-with-icon .gm-style-iw > div:nth-child(1) {
overflow: visible !important;
}
.rd-google-map-with-icon .gm-style-iw > div:nth-child(1) > div:nth-child(1) {
overflow: visible !important;
}
.rd-google-map-with-icon .iw-content p {
position: relative;
text-align: center;
margin-left: 15px;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 50px;
color: #29292b;
letter-spacing: 0.02em;
}
.rd-google-map-with-icon .iw-content p:before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
content: '\f440';
font-family: 'Material Design Icons', sans-serif;
font-size: 36px;
letter-spacing: 768px;
color: #003768;
transform: translateX(-50%);
}
}
.rd-google-map-wrap .rd-google-map {
max-width: 940px;
}
.page-footer-extended .rd-google-map-wrap .rd-google-map {
max-width: none;
}
@media (min-width: 1200px) {
.rd-google-map-wrap-full-height {
position: relative;
padding-bottom: 70%;
width: 100%;
}
.rd-google-map-wrap-full-height .rd-google-map.rd-google-map-full-height {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
min-height: 100%;
height: 100%;
max-width: none;
}
}
.rd-google-map__model {
color: #000000;
height: 200px;
}
.rd-google-map__model img {
max-width: none !important;
}
@media (min-width: 480px) {
.rd-google-map__model {
height: 250px;
}
}
@media (min-width: 992px) {
.rd-google-map__model {
height: 400px;
}
}
@media (min-width: 992px) {
.rd-google-map__model.rd-google-map-sm {
min-height: 500px;
}
}
@media (min-width: 992px) {
.rd-google-map__model.rd-google-map-md {
min-height: 600px;
}
}
.map_locations {
display: none;
}
* + .rd-google-map {
margin-top: 50px;
}
.rd-google-map-wrap + .shell {
margin-top: 50px;
}
@media (min-width: 1200px) {
.rd-google-map-wrap + .shell {
margin-top: 0;
}
}
/*
*
* Search Results
* --------------------------------------------------
*/
.search_list {
text-align: left;
padding-left: 20px;
font-size: 18px;
list-style-type: none;
counter-reset: li;
overflow: hidden;
}
.search_list li + li {
margin-top: 25px;
}
.search_list h5 + * {
margin-top: 8px;
}
.search_list p + p {
margin-bottom: 8px;
}
.search_list li:only-child::before {
display: none;
}
.search_list .result-item + .result-item {
margin-top: 40px;
}
.result-item {
color: #29292b;
}
.result-item .search_title {
color: #29292b;
font-weight: 300;
}
.result-item .search_title:before {
content: counter(li, decimal) ". ";
counter-increment: li;
float: left;
margin-right: 5px;
}
.match {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #0f9447;
}
.match em {
font-style: normal;
}
.search {
background: #0f9447;
color: #fff;
}
.rd-search-results-live {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 5px;
text-align: left;
}
.rd-search-results-live #search-results {
background: #fff;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
padding: 20px;
opacity: 0;
visibility: hidden;
transition: 0.35s ease-in;
max-height: calc(100vh - 200px);
overflow-y: auto;
}
.rd-search-results-live #search-results.active {
visibility: visible;
opacity: 1;
}
.rd-search-results-live #search-results .search_title {
font-size: 18px;
}
.rd-search-results-live #search-results p.match {
display: none;
}
.rd-search-results-live #search-results .result-item + .result-item {
margin-top: 20px;
}
.rd-search-results-live #search-results .search_all {
margin-top: 20px;
}
.rd-search-results-live #search-results .search_all a {
display: block;
border-radius: 25px;
padding: 7px 4px;
text-align: center;
border: 2px solid #ededed;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.rd-search-results-live #search-results .search_all a:hover {
background-color: #003768;
border-color: #003768;
color: #fff;
}
.rd-search-results-live #search-results .search_list {
margin-top: 10px;
padding-left: 0;
padding-bottom: 10px;
font-size: 16px;
}
.search-quick-result,
.search_error {
color: #29292b;
}
/**
* RD Search modern
*/
.rd-search-modern {
position: relative;
}
.rd-search-modern .form-label {
color: #29292b;
}
.rd-search-modern .form-input {
padding-right: 65px;
}
.rd-search-modern .button {
position: absolute;
right: 6px;
top: 6px;
bottom: 6px;
height: 50px;
width: 50px;
min-width: 50px;
margin: 0;
padding: 0;
border-radius: 50%;
color: #fff;
text-align: center;
border: 0;
background: #003768;
font-size: 26px;
line-height: 53px;
}
.rd-search-modern .button::before {
position: relative;
right: -2px;
}
.rd-search-modern .button:hover {
background: #0f9447;
}
.rd-search-results .result-item {
padding-left: 25px;
position: relative;
}
.rd-search-results .result-item .search_title:before {
font-size: 16px;
position: absolute;
left: -8px;
top: 3px;
}
@media (min-width: 1200px) {
.rd-search-results .result-item {
padding-left: 50px;
}
}
@media (min-width: 1600px) {
.rd-search-results .result-item .search_title:before {
left: 0;
font-size: 18px;
top: 6px;
}
}
.search_link {
color: #003768;
}
.search_link:hover {
color: #29292b;
}
/*
*
* ToTop
* --------------------------------------------------
*/
.ui-to-top {
position: fixed;
width: 50px;
height: 50px;
font-size: 20px;
border-radius: 9px;
right: 15px;
bottom: 15px;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 120;
transition: .45s all ease-in-out;
will-change: transform;
transform: translateY(100px);
}
.ui-to-top::before {
content: '\f239';
font-family: 'Material Design Icons';
line-height: 50px;
}
.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
color: #fff;
background-color: #003768;
}
.ui-to-top:hover {
color: #fff;
background-color: #2b7dc5;
text-decoration: none;
}
.ui-to-top.active {
transform: translateY(0);
}
html.mobile .ui-to-top,
html.tablet .ui-to-top {
display: none !important;
}
@media (min-width: 480px) {
.ui-to-top {
right: 40px;
bottom: 40px;
}
}
/*
*
* Nav custom
* --------------------------------------------------
*/
/**
* Base styles
*/
.tabs-custom {
text-align: left;
}
.tabs-custom.text-center {
text-align: center;
}
.tabs-custom .nav-tabs {
font-size: 0;
line-height: 0;
word-spacing: 0;
border: 0;
}
.tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after {
display: none;
}
.tabs-custom .nav-tabs li {
float: none;
border: 0;
cursor: pointer;
transition: .33s all ease;
}
.tabs-custom .nav-tabs li.active {
cursor: default;
}
.tabs-custom .nav-tabs a {
margin: 0;
border-radius: 0;
}
.page .tabs-custom.tabs-centered .nav-tabs,
.page .tabs-custom.tabs-centered .tab-content {
text-align: center;
}
* + .tabs-horizontal.tabs-buttons {
margin-top: 25px;
}
.shell + .tabs-horizontal.tabs-buttons {
margin-top: 35px;
}
.shell + .tabs-horizontal.tabs-buttons .nav-tabs {
padding-left: 15px;
padding-right: 15px;
}
.shell + .tabs-horizontal.tabs-buttons .nav-tabs + .tab-content {
margin-top: 30px;
}
@media (min-width: 1600px) {
.shell + .tabs-horizontal.tabs-buttons {
margin-top: 60px;
}
}
* + .tabs-vertical.tabs-buttons {
margin-top: 40px;
}
@media (min-width: 768px) {
* + .tabs-vertical.tabs-buttons {
margin-top: 60px;
}
}
/**
* Tabs Line
*/
.tabs-custom.tabs-line .nav-tabs {
position: relative;
}
.tabs-custom.tabs-line .nav-tabs li a {
font-size: 18px;
font-weight: 400;
line-height: 1.4;
text-align: center;
vertical-align: middle;
}
.tabs-custom.tabs-line * + .tab-content {
padding-top: 20px;
}
@media (max-width: 767px) {
.tabs-custom.tabs-line .nav-tabs {
border: 1px solid #e8e8e8;
}
.tabs-custom.tabs-line .nav-tabs li {
margin: -1px 0;
}
.tabs-custom.tabs-line .nav-tabs li a {
position: relative;
z-index: 1;
overflow: hidden;
padding: 7px 10px;
font-size: 16px;
color: #29292b;
background: #fff;
border-bottom: 1px solid #ededed;
}
.tabs-custom.tabs-line .nav-tabs li a:first-child {
border-top: 1px solid #ededed;
}
.tabs-custom.tabs-line .nav-tabs li a:hover,
.tabs-custom.tabs-line .nav-tabs li.active a {
color: #fff;
border-color: #0f9447;
background: #0f9447;
}
.tabs-custom.tabs-line.tabs-line-secondary .nav-tabs li a {
padding-top: 6px;
padding-bottom: 6px;
color: #838386;
}
.tabs-custom.tabs-line.tabs-line-secondary .nav-tabs li a:hover,
.tabs-custom.tabs-line.tabs-line-secondary .nav-tabs li.active a {
color: #fff;
background: #003768;
border-color: #003768;
}
}
* + .tabs-line {
margin-top: 25px;
}
@media (min-width: 768px) {
* + .tabs-line {
margin-top: 40px;
}
}
/**
* Tabs buttons
*/
.tabs-buttons .nav-tabs li a {
padding: 7px 10px;
border-radius: 35px;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.4;
color: #29292b;
background: transparent;
border: 1px solid #e8e8e8;
text-align: center;
vertical-align: middle;
}
.tabs-buttons .nav-tabs li a:hover,
.tabs-buttons .nav-tabs li.active a {
color: #fff;
background: #003768;
border-color: #003768;
}
.tabs-buttons .tab-content {
padding: 30px 0 0;
}
@media (max-width: 767px) {
.tabs-buttons .nav-tabs > li + li {
margin-top: 5px;
}
}
@media (min-width: 768px) {
/**
* Base styles
*/
.tabs-custom.tabs-line .nav-tabs {
border: 0 solid #ededed;
}
.tabs-custom.tabs-line .nav-tabs li a {
position: relative;
border: 0;
background-color: transparent;
color: #29292b;
}
.tabs-custom.tabs-line .nav-tabs li a::after {
content: '';
position: absolute;
background: #0f9447;
transition: .22s ease;
}
.tabs-custom.tabs-line .nav-tabs li.active a,
.tabs-custom.tabs-line .nav-tabs li a:hover {
color: #0f9447;
}
.tabs-custom.tabs-buttons .nav-tabs > li > a {
padding: 11px 25px;
min-width: 100px;
text-align: center;
border: 2px solid #e8e8e8;
}
.tabs-custom.tabs-buttons .nav-tabs > li.active a,
.tabs-custom.tabs-buttons .nav-tabs > li a:hover {
color: #fff;
border-color: #003768;
background-color: #003768;
}
/**
* Horizontal tabs
*/
.tabs-horizontal.tabs-line .nav-tabs {
border-bottom-width: 1px;
}
.tabs-horizontal.tabs-line .nav-tabs li {
display: inline-block;
}
.tabs-horizontal.tabs-line .nav-tabs li:not(:last-child) {
margin-right: 46px;
}
.tabs-horizontal.tabs-line .nav-tabs li a {
padding: 0 0 15px 0;
}
.tabs-horizontal.tabs-line .nav-tabs li a::after {
bottom: 0;
left: 0;
width: 0;
height: 1px;
}
.tabs-horizontal.tabs-line .nav-tabs li.active a::after {
width: 100%;
}
.tabs-horizontal.tabs-line .tab-pane {
transition: .22s;
}
.tabs-horizontal.tabs-line * + .tab-content {
padding-top: 30px;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a {
color: #838386;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a::after {
background: #003768;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li.active a,
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a:hover {
color: #003768;
}
.tabs-horizontal.tabs-buttons .nav-tabs {
position: relative;
display: block;
width: 100%;
border: 0;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transform: translateY(-10px);
margin-bottom: -10px;
margin-left: -10px;
text-align: left;
will-change: transform;
}
.tabs-horizontal.tabs-buttons .nav-tabs > * {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.tabs-horizontal.tabs-buttons .nav-tabs.text-center {
text-align: center;
}
.tabs-horizontal.tabs-buttons .nav-tabs li {
display: inline-block;
will-change: transform;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.tabs-horizontal.tabs-buttons .nav-tabs li a {
display: block;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/**
* Vertical tabs
*/
.tabs-vertical {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tabs-vertical .nav-tabs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 50%;
}
.tabs-vertical .nav-tabs li {
width: 100%;
border: 0;
text-align: left;
word-break: break-all;
}
.tabs-vertical .tab-content {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tabs-vertical.tabs-buttons .nav-tabs {
width: auto;
min-width: 170px;
border: 0;
}
.tabs-vertical.tabs-buttons .nav-tabs li {
margin: 0;
}
.tabs-vertical.tabs-buttons .nav-tabs li a {
position: relative;
}
.tabs-vertical.tabs-buttons .nav-tabs > li + li {
margin-top: 10px;
}
.tabs-vertical.tabs-buttons .tab-content {
padding: 0 0 0 30px;
}
.tabs-vertical.tabs-line .nav-tabs {
border-right-width: 1px;
text-align: right;
}
.tabs-vertical.tabs-line .nav-tabs > li > a {
padding: 0 25px 0 5px;
}
.tabs-vertical.tabs-line .nav-tabs > li > a::after {
right: -1px;
top: 50%;
transform: translateY(-50%);
height: 0;
width: 1px;
}
.tabs-vertical.tabs-line .nav-tabs > li.active a::after {
height: 100%;
}
.tabs-vertical.tabs-line .nav-tabs > li + li {
margin-top: 15px;
}
.tabs-vertical.tabs-line .tab-content {
padding-top: 0;
padding-left: 20px;
}
}
@media (min-width: 992px) {
/**
* Vertical tabs
*/
.tabs-vertical {
/**
*  Tabs buttons
*/
}
}
@media (min-width: 992px) {
/**
* Horizontal tabs
*/
.tabs-horizontal.tabs-line .tab-content {
padding-top: 35px;
}
}
@media (min-width: 992px) {
/**
* Base styles
*/
.tabs-custom.tabs-line:not(.tabs-line-small) .nav-tabs > li > a {
font-size: 24px;
}
/**
* Horizontal tabs
*/
.tabs-horizontal.tabs-line:not(.tabs-line-small) .nav-tabs > li:not(:last-child) {
margin-right: 67px;
}
/**
* Vertical tabs
*/
.tabs-vertical.tabs-line .nav-tabs > li + li {
margin-top: 26px;
}
.tabs-vertical.tabs-line .tab-content {
padding-left: 50px;
}
}
.nav-tabs.nav-tabs-checkout {
display: inline-flex;
}
/*
*
* Progress Bars
* --------------------------------------------------
*/
.progress-linear {
position: relative;
text-align: left;
}
.progress-linear .progress-header {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.progress-linear .progress-bar-linear-wrap, .progress-linear .progress-bar-linear {
height: 100%;
border-radius: 3px;
}
.progress-linear .progress-bar-linear-wrap {
background: #f2f3f9;
height: 10px;
}
.progress-linear .progress-bar-linear {
background-color: #0f9447;
width: 0;
transition: .5s all ease-in-out;
}
.progress-linear .progress-value:after {
content: "%";
}
.progress-linear + .progress-linear {
margin-top: 15px;
}
/*
*
* Circle Progress Bars
* --------------------------------------------------
*/
.progress-bar-circle {
display: inline-block;
position: relative;
text-align: center;
line-height: 1.2;
}
.progress-bar-circle canvas {
vertical-align: middle;
}
.progress-bar-circle span {
position: absolute;
top: 50%;
left: 50%;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 28px;
color: #29292b;
letter-spacing: 0.06em;
transform: translate(-50%, -50%);
}
.progress-bar-circle span.radial:after {
content: "%";
}
.bg-gray-darker .progress-bar-circle span, .bg-additional-gray-darker .bg-additional-item .progress-bar-circle span {
color: #fff;
}
.progress-bar-circle-classic:before {
content: '';
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px solid #f2f3f9;
border-radius: 50%;
}
* + .progress-bar-circle {
margin-top: 25px;
}
.progress-bar-circle + * {
margin-top: 10px;
}
@media (min-width: 768px) {
.progress-bar-circle + * {
margin-top: 15px;
}
* + .progress-bar-circle {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
.progress-bar-circle + * {
margin-top: 25px;
}
}
/**
*	This element is created inside your target element
*	It is used so that your own element will not need to be altered
**/
.time_circles {
position: relative;
width: 100%;
}
/**
*	This is all the elements used to house all text used
* in time circles
**/
.time_circles > div {
position: absolute;
top: 0 !important;
bottom: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -6px;
text-align: center;
}
.time_circles > div::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid #e8e8e8;
width: 68%;
padding-bottom: 68%;
border-radius: 100%;
}
@media (min-width: 480px) {
.time_circles > div {
margin-top: -10px;
}
.time_circles > div::after {
top: 51.5%;
}
}
@media (min-width: 480px) {
[data-x-mode='true'] .time_circles > div::after {
top: 52.7%;
}
}
@-moz-document url-prefix() {
.time_circles > div::after {
padding-bottom: 61%;
}
}
@media (min-width: 1200px) {
#DateCountdown {
width: 100%;
}
}
/**
*	Titles (Days, Hours, etc)
**/
.time_circles > div > h4 {
position: absolute;
left: 0;
top: calc(100% + 15px);
right: 0;
transform: translateY(-100%);
margin: 0;
padding: 0;
text-align: center;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 16px !important;
letter-spacing: 0;
line-height: 1.2 !important;
text-transform: none;
color: #838386;
}
.time_circles > div > h4 + * {
margin-top: 0;
}
@media (min-width: 768px) {
.time_circles > div > h4 {
font-size: 20px !important;
}
}
@media (min-width: 1600px) {
.time_circles > div > h4 {
font-size: 24px !important;
}
}
/**
*	Time numbers, ie: 12
**/
.time_circles > div > span {
display: block;
text-align: center;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 1 !important;
letter-spacing: 0.06em;
color: #29292b;
}
@media (min-width: 768px) {
.time_circles > div > span {
font-size: 28px !important;
}
}
.countdown-wrap {
max-width: 770px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
* + .countdown-wrap {
margin-top: 35px;
}
@media (min-width: 1600px) {
* + .countdown-wrap {
margin-top: 60px;
}
}
/*
*
* Swiper
* --------------------------------------------------
*/
.swiper-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
height: auto;
min-height: 45vw;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container .button-default-outline, .swiper-container .button-default-outline:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.swiper-container .button-default-outline:hover, .swiper-container .button-default-outline:active, .swiper-container .button-default-outline:hover {
color: #fff;
background-color: #003768;
border-color: #003768;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
height: auto;
min-height: inherit;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
will-change: transform;
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
background-size: cover;
background-position: center center;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
z-index: -1000;
pointer-events: none;
opacity: 0;
}
/* 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 {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
border-radius: 50%;
text-align: center;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background: #003768;
color: #fff;
transition: .33s;
}
.swiper-button-prev::before,
.swiper-button-next::before {
position: relative;
font-family: 'Material Design Icons';
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background: #0f9447;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev {
left: 40px;
}
.swiper-button-prev::before {
content: '\f14b';
left: -1px;
}
.swiper-button-next {
right: 40px;
}
.swiper-button-next::before {
content: '\f150';
right: -1px;
}
/* Pagination Styles */
.swiper-pagination-wrap {
position: absolute;
bottom: 30px;
left: 50%;
z-index: 10;
text-align: center;
transform: translate3d(-50%, 0, 0);
}
.swiper-pagination-wrap.shell-bigger {
width: 100%;
text-align: left;
}
@media (min-width: 1200px) {
.swiper-pagination-wrap {
bottom: 50px;
}
.swiper-pagination-wrap.shell-bigger {
bottom: 75px;
}
}
.swiper-pagination {
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
}
.swiper-pagination-bullet {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
transition: .33s;
}
.swiper-pagination-bullet:hover {
background: #fff;
}
.swiper-pagination-bullet-active {
background: #ffec17;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
margin: 0 15px;
}
/* 3D Container */
.swiper-container-3d {
-webkit-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;
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;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none;
}
.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;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%;
z-index: 1;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
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;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000000;
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 {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #0f9447;
}
.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 {
content: "";
display: block;
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%;
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");
}
.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
height: 100%;
}
.swiper-slide-caption {
width: 100%;
}
.swiper-slider_height-1 {
min-height: 300px;
}
@media (min-width: 768px) {
.swiper-slider_height-1 {
min-height: 650px;
}
}
@media (min-width: 1200px) {
.swiper-slider_height-1 {
min-height: 512px;
}
}
.swiper-slider_height-2 {
min-height: 300px;
}
@media (min-width: 768px) {
.swiper-slider_height-2 {
min-height: 47.5vw;
}
}
.swiper-slider_height-3 {
min-height: 300px;
}
@media (min-width: 768px) {
.swiper-slider_height-3 {
min-height: 450px;
}
}
@media (min-width: 992px) {
.swiper-slider_height-3 {
min-height: 600px;
}
}
.swiper-slider_height-4 {
min-height: 300px;
}
@media (max-width: 767px) {
.swiper-slider_height-4 [class*='section'] {
padding-bottom: 75px;
}
}
@media (min-width: 768px) {
.swiper-slider_height-4 {
min-height: 500px;
}
}
@media (min-width: 992px) {
.swiper-slider_height-4 {
min-height: 39.9vw;
}
}
.swiper-type-1 {
min-height: 300px;
}
.swiper-type-1 .big {
font-weight: 400;
}
.swiper-type-1 .swiper-slide {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.swiper-type-1 .swiper-pagination {
margin-left: -10px;
}
.swiper-type-1 .swiper-buttons {
display: inline-block;
position: absolute;
bottom: 30px;
left: 15px;
white-space: nowrap;
}
.swiper-type-1 .swiper-buttons .swiper-button-prev,
.swiper-type-1 .swiper-buttons .swiper-button-next {
position: relative;
display: inline-block;
left: auto;
right: auto;
margin-top: 0;
transform: none;
}
.swiper-type-1 .swiper-buttons > * + * {
margin-left: 8px;
}
@media (max-width: 767px) {
.swiper-type-1 [class*='section'] {
padding-top: 25px;
padding-bottom: 90px;
}
.swiper-type-1 .swiper-slide::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
}
.swiper-type-1 .swiper-slide .swiper-slide-caption {
position: relative;
z-index: 2;
}
}
@media (min-width: 480px) {
.swiper-type-1 .swiper-buttons {
left: calc(50% - 450px / 2);
}
}
@media (min-width: 768px) {
.swiper-type-1 {
min-height: 500px;
}
.swiper-type-1 .swiper-pagination-wrap {
display: none;
}
.swiper-type-1 .swiper-buttons {
left: calc(50% - 720px / 2);
}
}
@media (min-width: 992px) {
.swiper-type-1 {
min-height: 39.4vw;
}
.swiper-type-1 .swiper-buttons {
left: calc(50% - 940px / 2);
}
}
@media (min-width: 1200px) {
.swiper-type-1 .swiper-buttons {
left: calc(50% - 1170px / 2);
bottom: 50px;
}
}
@media (min-width: 1600px) {
.swiper-type-1 .section-xl {
padding-top: 180px;
padding-bottom: 180px;
}
.swiper-type-1 .swiper-buttons {
left: calc(50% - 1570px / 2);
}
}
@media (min-width: 1800px) {
.swiper-type-1 .swiper-buttons {
left: calc(50% - 1770px / 2);
bottom: 95px;
}
}
.rd-navbar-static-linked .page-header + .section-parallax-swiper {
margin-top: -60px;
}
.rd-navbar-static-linked .page-header + .section-parallax-swiper .swiper-slide-caption {
padding-top: 180px;
}
/**
*  Swiper main
*/
.swiper-main .swiper-pagination-wrap {
bottom: 45px;
}
.swiper-main .button-default-outline, .swiper-main .button-default-outline:focus {
color: #fff;
background-color: transparent;
border-color: #ededed;
}
.swiper-main .button-default-outline:hover, .swiper-main .button-default-outline:active, .swiper-main .button-default-outline:hover {
color: #fff;
background-color: #0f9447;
border-color: #0f9447;
}
.swiper-main ~ .breadcrumbs-custom__shape {
width: 160vw;
}
@media (min-width: 480px) {
.swiper-main ~ .breadcrumbs-custom__shape {
width: 120vw;
}
}
@media (max-width: 767px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 45px;
}
.swiper-main .breadcrumbs-custom-title::before, .swiper-main .breadcrumbs-custom-title::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
}
.swiper-main .breadcrumbs-custom-title::before {
left: -8px;
}
.swiper-main .breadcrumbs-custom-title::after {
right: -4px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 15px;
}
.swiper-main .heading-2 {
display: none;
}
.swiper-main .button {
min-width: 180px;
padding: 7px 15px;
font-size: 13px;
}
.swiper-main * + .group-md {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.swiper-main ~ .breadcrumbs-custom__shape {
width: 100vw;
}
.swiper-main .breadcrumbs-custom-title {
font-size: 86px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 18px;
}
.swiper-main .heading-2 {
font-size: 28px;
}
.swiper-main * + .group-md {
margin-top: 45px;
}
.swiper-main .button {
padding: 12px 18px;
font-size: 16px;
}
}
@media (min-width: 992px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 116px;
line-height: 1.3;
}
.swiper-main .swiper-pagination-wrap {
bottom: 55px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 20px;
}
.swiper-main .heading-1 + p {
margin-top: 10px;
}
.swiper-main * + .group-md {
margin-top: 55px;
}
}
@media (min-width: 1200px) and (min-height: 700px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 150px;
line-height: 1.4;
margin-top: 0;
}
.swiper-main .breadcrumbs-custom-title::after {
right: -10px;
}
.swiper-main * + .group-md {
margin-top: 65px;
}
}
@media (min-height: 800px) and (min-width: 1400px) {
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 24px;
}
.swiper-main .heading-2 {
font-size: 34px;
}
.swiper-main .button {
padding: 15px 38px;
font-size: 19px;
}
}
@media (min-width: 1600px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 190px;
line-height: 1.3;
}
.swiper-main .breadcrumbs-custom-title:before, .swiper-main .breadcrumbs-custom-title:after {
width: 20px;
height: 20px;
}
.swiper-main .breadcrumbs-custom-title:before {
left: -65px;
}
.swiper-main .breadcrumbs-custom-title:after {
right: -40px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 30px;
}
.swiper-main .heading-2 {
font-size: 42px;
margin-top: 20px;
}
.swiper-main .swiper-pagination-wrap {
bottom: 85px;
}
.swiper-main .button-lg {
font-size: 19px;
padding: 15px 65px;
}
.swiper-main * + .group-md {
margin-top: 70px;
}
}
@media (min-width: 1800px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 220px;
line-height: 1.4;
}
.swiper-main .breadcrumbs-custom-title:before, .swiper-main .breadcrumbs-custom-title:after {
width: 27px;
height: 27px;
}
.swiper-main .breadcrumbs-custom-title:before {
left: -90px;
}
.swiper-main .breadcrumbs-custom-title:after {
right: -65px;
}
.swiper-main .swiper-pagination-wrap {
bottom: 105px;
}
.swiper-main .heading-2 {
font-size: 52px;
}
}
.swiper-main-section {
padding-top: 60px;
padding-bottom: 100px;
}
@media (min-width: 992px) {
.desktop .swiper-main-section {
padding-top: 200px;
padding-bottom: 130px;
}
}
@media (min-width: 1200px) {
.desktop .swiper-main-section {
padding-top: 180px;
padding-bottom: 160px;
}
}
@media (min-width: 1600px) {
.desktop .swiper-main-section {
padding-bottom: 220px;
}
}
@media (min-width: 1800px) {
.desktop .swiper-main-section {
padding-top: 230px;
padding-bottom: 245px;
}
}
.swiper-modern {
min-height: 480px;
}
.rd-navbar-fixed-linked .swiper-modern {
min-height: 80vh;
}
.rd-navbar-fixed-linked.landscape .swiper-modern {
min-height: 100vh;
}
@media (min-width: 768px) {
.rd-navbar-fixed-linked .swiper-modern, .rd-navbar-fixed-linked.landscape .swiper-modern {
min-height: 570px;
}
}
@media (min-width: 992px) {
.desktop .swiper-modern {
height: 100vh;
min-height: 600px;
}
.desktop .swiper-modern.swiper-modern-style-1 {
height: auto;
}
}
@media (min-width: 1600px) {
.desktop .swiper-modern.swiper-modern-style-1 {
min-height: 800px;
}
}
@media (min-width: 768px) {
.swiper-align-left h3 + * {
margin-top: 20px;
}
.swiper-align-left * .button {
margin-top: 30px;
}
.swiper-align-left .swiper-pagination-wrap {
width: 100%;
text-align: left;
}
}
@media (min-width: 1200px) {
.swiper-align-left-custom h3 + .divider {
margin-top: 40px;
}
}
.swiper-form-wrap {
position: relative;
}
@media (min-width: 992px) {
.swiper-form-wrap .form-request-wrap {
width: 100%;
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
left: 0;
right: 0;
z-index: 2;
pointer-events: none;
}
.swiper-form-wrap .form-request {
pointer-events: auto;
}
}
.swiper-modern-1.swiper-container.swiper-slider.swiper-modern [class*='swiper-button-'] {
display: none !important;
}
@media (min-width: 1200px) {
.swiper-modern-1.swiper-container.swiper-slider.swiper-modern [class*='swiper-button-'] {
display: block !important;
}
}
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 999;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 0;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 0;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: 0;
}
[dir="rtl"] .slick-next {
left: 0;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
}
/* Dots */
.slick-slider {
margin-bottom: 30px;
}
.slick-slider *:focus {
outline: 0;
}
.slick-dots {
display: block;
margin-top: 20px;
list-style: none;
width: 100%;
padding: 0;
text-align: center;
font-size: 0;
line-height: 0;
word-spacing: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
background: none;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
overflow: hidden;
padding: 0;
position: relative;
vertical-align: middle;
white-space: nowrap;
outline: none;
width: 8px;
height: 8px;
border-radius: 100px;
background: #555555;
}
.slick-dots li button:active {
cursor: wait;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
background: #0f9447;
}
/**
* Slick widget
*/
.slider-widget {
width: 100%;
max-width: 100%;
background: #fff;
border-radius: 9px;
box-shadow: 0 5px 12px 0 #dcdeec;
overflow: hidden;
}
.slider-widget .slick-slider {
margin: 0;
}
.slider-widget .item > * {
padding: 20px;
}
* + .slider-widget {
margin-top: 30px;
}
.slider-widget-aside {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px;
color: #fff;
background: #003768;
text-align: center;
}
.slider-widget-aside .slick-prev,
.slider-widget-aside .slick-next {
position: relative;
top: auto;
transform: none;
width: 100%;
height: auto;
color: #fff;
background-color: transparent;
}
.slider-widget-aside .slick-prev::before,
.slider-widget-aside .slick-next::before {
font-size: 30px;
opacity: 1;
transition: .33s;
}
.slider-widget-aside .slick-prev:hover::before,
.slider-widget-aside .slick-next:hover::before {
color: rgba(255, 255, 255, 0.7);
}
.slider-widget-aside .slick-prev::before {
content: '\f14c';
}
.slider-widget-aside .slick-next::before {
content: '\f151';
}
.slider-widget-aside .slick-prev + .slick-next {
margin-top: 5px;
}
@media (min-width: 480px) {
.slider-widget {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.slider-widget .slick-slider {
width: calc(100% - 70px);
}
.slider-widget .slider-widget-aside {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 70px;
padding: 20px 5px;
}
}
@media (min-width: 768px) {
.slider-widget .slick-slider .item > * {
padding: 30px 40px;
}
}
@media (min-width: 1200px) {
* + .slider-widget {
margin-top: 40px;
}
}
.slick-slider[data-vertical='true'] .slick-slide {
width: 100%;
float: none;
}
/*
*
* Select 2
* --------------------------------------------------
*/
.select2 {
width: 100% !important;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 50px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
position: absolute;
margin-top: 2px;
left: -100000px;
z-index: 16;
display: block;
box-sizing: border-box;
width: 100%;
background-color: #fff;
border: 1px solid #d8dae2;
border-radius: 35px;
box-shadow: 0 6px 8px 0 rgba(41, 41, 43, 0.17);
}
.select2-results {
display: block;
}
.select2-results__options {
padding: 10px 0;
list-style: none;
margin: 0;
}
.select2-results__option {
padding: 10px 20px;
font-size: 18px;
transition: .3s;
user-select: none;
color: #29292b;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
width: 100%;
padding: 4px;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2 + .form-validation {
z-index: 14;
}
.select2-container--bootstrap {
display: block;
}
.select2-container--bootstrap .select2-selection {
background-color: #f2f3f9;
border: 1px solid #f2f3f9;
border-radius: 35px;
color: #29292b;
font-size: 18px;
font-weight: 300;
line-height: 24px;
outline: 0;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
background-color: #f2f3f9;
border: 1px solid #f2f3f9;
border-radius: 35px;
color: #29292b;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.select2-container--bootstrap .select2-search__field {
outline: 0;
font-size: 18px;
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
color: #838386;
opacity: 1;
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-results__option[role=group] {
padding: 0;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
color: #838386;
cursor: not-allowed;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
color: #c2c2c3;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
color: #003768;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
padding: 10px 20px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
margin-left: -15px;
padding-left: 30px;
}
.select2-container--bootstrap .select2-results__group {
color: #838386;
display: block;
padding: 10px 15px;
font-weight: 700;
font-size: 16px;
line-height: 1.875;
white-space: nowrap;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
border-color: transparent transparent #0f9447 transparent;
border-width: 0 5px 5px 5px;
}
.select2-container--bootstrap .select2-selection__clear {
color: #333333;
cursor: pointer;
float: right;
font-weight: 400;
margin-right: 10px;
}
.select2-container--bootstrap .select2-selection__clear:hover {
color: #0f9447;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
border-color: #ccc;
box-shadow: none;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
cursor: not-allowed;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
background-color: #f2f3f9;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
display: none;
}
.select2-container--bootstrap .select2-dropdown {
overflow-x: hidden;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
max-height: 215px;
overflow-y: auto;
}
.select2-container--bootstrap .select2-selection--single {
text-align: left;
height: 60px;
line-height: 59px;
padding: 0 44px 0 24px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
position: absolute;
bottom: 0;
right: 15px;
top: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before {
position: absolute;
top: 50%;
font-weight: 400;
margin-top: -10px;
right: 0;
height: 20px;
line-height: 20px;
content: '\f236';
font-family: 'Material Design Icons';
font-size: 20px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
color: #555555;
padding: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-selection--multiple {
min-height: 50px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
display: block;
line-height: 24px;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
color: #838386;
float: left;
margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
color: #29292b;
background: #000000;
border: 1px solid #000000;
border-radius: 3px;
cursor: default;
float: left;
margin: 0;
padding: 0 15px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
background: transparent;
padding: 0 15px;
height: 48px;
line-height: 24px;
margin-top: 0;
min-width: 5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
color: #333333;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 10px / 2;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #0f9447;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 10px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
padding-left: 27px;
padding-right: 15px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 0;
padding-left: 0;
text-align: right;
/* 1 */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 15px;
right: auto;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
margin-left: 0;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
float: right;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 0;
margin-right: 15px/2;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.has-warning.select2-drop-active {
border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #66512c;
}
.has-error.select2-drop-active {
border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #843534;
}
.has-success.select2-drop-active {
border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #2b542c;
}
.input-group .select2-container--bootstrap {
display: table;
table-layout: fixed;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
order-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
order-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
vertical-align: top;
}
.form-control.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
}
.form-inline .select2-container--bootstrap {
display: inline-block;
}
@font-face {
font-family: 'lg';
src: url("../fonts/lg.eot?n1z373");
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1180;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
display: flex;
flex-direction: row-reverse;
z-index: 1182;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1180;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
margin-right: auto;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1180;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
margin-left: auto;
margin-right: auto;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 0px solid #FFF;
margin-bottom: 5px;
transform: scale(0.9);
border-radius: 2px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: 0.25s ease;
-o-transition: 0.25s ease;
transition: 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
transform: scale(1);
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1180;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("../images/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1183;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #0f9447;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1180;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1181;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
will-change: transform, opacity;
}
.lg-css3.lg-use-left .lg-item {
will-change: left, opacity;
}
.lg-css3.lg-zoom-in .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-in .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-out .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-out .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-out-in .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-in-out .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-soft-zoom .lg-item {
opacity: 0;
}
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}
.lg-css3.lg-soft-zoom .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.lg-css3.lg-slide-circular .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-up .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-down .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-vertical .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-vertical-left .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-vertical-down .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-vertical .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.lg-css3.lg-slide-vertical .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-vertical-growth .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
-moz-transform: skew(60deg, 0deg);
-o-transform: skew(60deg, 0deg);
-ms-transform: skew(60deg, 0deg);
-webkit-transform: skew(60deg, 0deg);
transform: skew(60deg, 0deg);
}
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
-moz-transform: skew(60deg, 0deg);
-o-transform: skew(60deg, 0deg);
-ms-transform: skew(60deg, 0deg);
-webkit-transform: skew(60deg, 0deg);
transform: skew(60deg, 0deg);
}
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
-moz-transform: skew(-60deg, 0deg);
-o-transform: skew(-60deg, 0deg);
-ms-transform: skew(-60deg, 0deg);
-webkit-transform: skew(-60deg, 0deg);
transform: skew(-60deg, 0deg);
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
-moz-transform: skew(-60deg, 0deg);
-o-transform: skew(-60deg, 0deg);
-ms-transform: skew(-60deg, 0deg);
-webkit-transform: skew(-60deg, 0deg);
transform: skew(-60deg, 0deg);
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only-y .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, 60deg);
-o-transform: skew(0deg, 60deg);
-ms-transform: skew(0deg, 60deg);
-webkit-transform: skew(0deg, 60deg);
transform: skew(0deg, 60deg);
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
-moz-transform: skew(0deg, 60deg);
-o-transform: skew(0deg, 60deg);
-ms-transform: skew(0deg, 60deg);
-webkit-transform: skew(0deg, 60deg);
transform: skew(0deg, 60deg);
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, -60deg);
-o-transform: skew(0deg, -60deg);
-ms-transform: skew(0deg, -60deg);
-webkit-transform: skew(0deg, -60deg);
transform: skew(0deg, -60deg);
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
-moz-transform: skew(0deg, -60deg);
-o-transform: skew(0deg, -60deg);
-ms-transform: skew(0deg, -60deg);
-webkit-transform: skew(0deg, -60deg);
transform: skew(0deg, -60deg);
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
-moz-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px);
transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
-moz-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px);
-o-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px);
transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
-moz-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px);
transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
-moz-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px);
-o-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px);
transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-cross .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
-moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
-o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-cross-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
-moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
-o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
-moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
-o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
-ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
-moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
-o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
-ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
-moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
-o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
-ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
-moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
-o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
-ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver-cross .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px);
-o-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px);
-ms-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px);
transform: skew(0deg, 60deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
-moz-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px);
-o-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px);
-ms-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px);
transform: skew(0deg, 60deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px);
-o-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px);
-ms-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px);
transform: skew(0deg, -60deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
-moz-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px);
-o-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px);
-ms-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px);
transform: skew(0deg, -60deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-lollipop .lg-item {
opacity: 0;
}
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
-moz-transform: translate3d(0, 0, 0) scale(0.5);
-o-transform: translate3d(0, 0, 0) scale(0.5);
-ms-transform: translate3d(0, 0, 0) scale(0.5);
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
transform: translate3d(0, 0, 0) scale(0.5);
}
.lg-css3.lg-lollipop .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-lollipop-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
-moz-transform: translate3d(0, 0, 0) scale(0.5);
-o-transform: translate3d(0, 0, 0) scale(0.5);
-ms-transform: translate3d(0, 0, 0) scale(0.5);
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
transform: translate3d(0, 0, 0) scale(0.5);
}
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-rotate .lg-item {
opacity: 0;
}
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.lg-css3.lg-rotate .lg-item.lg-next-slide {
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.lg-css3.lg-rotate .lg-item.lg-current {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-rotate-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.lg-css3.lg-rotate-rev .lg-item.lg-current {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-tube .lg-item {
opacity: 0;
}
.lg-css3.lg-tube .lg-item.lg-prev-slide {
-moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
-o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
-ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
-webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
}
.lg-css3.lg-tube .lg-item.lg-next-slide {
-moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
-o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
-ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
-webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
}
.lg-css3.lg-tube .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1150;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("../images/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1160;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1140;
background-color: #000000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-item iframe {
background-color: #fff;
}
.lightgallery-album li:not(:first-child) {
display: none;
}
[data-lightgallery='item'] {
cursor: pointer;
}
html[dir='rtl'] .lg-actions .lg-prev {
right: 20px;
left: auto;
}
html[dir='rtl'] .lg-actions .lg-next {
left: 20px;
right: auto;
}
html[dir='rtl'] .lg-outer .lg-thumb-item {
float: right;
}
html[dir='rtl'] .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transform: translate3d(100%, 0, 0);
}
html[dir='rtl'] .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
transform: translate3d(-100%, 0, 0);
}
html[dir='rtl'] .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
transform: translate3d(0, 0, 0);
}
/**
*  jPlayer
* -----------------------------------------------------------------------------
*/
.jp-custom-playlist {
text-align: left;
}
.jp-custom-playlist li {
margin: 2px 0;
padding: 3px 12px;
background-color: #e4e4e4;
}
.jp-custom-playlist li a:before {
display: inline-block;
margin-right: 6px;
font-family: "Material Design Icons";
content: "\f4f9";
}
.jp-custom-playlist li.playing a:before {
content: "\f4d3";
}
.jp-custom-playlist li.playing a {
color: #0f9447;
}
.jp-player-init {
/**
* Player
* -----------------------------------------------------------------------------
*/
/* jPlayer: Cotrols
----------------------------------------------- */
/* jPlayer: Progress Bar
----------------------------------------------- */
/* jPlayer: Volume Bar
----------------------------------------------- */
/* Diagonal Background Bars */
/* jPlayer: Playlist
----------------------------------------------- */
}
.jp-player-init.jp-player-fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
.jp-player-init.jp-player-fixed .jp-audio {
max-width: none;
padding: 0;
transition: .3s;
transform: translateY(100%);
}
.jp-player-init.jp-player-fixed .jp-audio.jp-state-playing {
transform: translateY(0);
}
.jp-player-init.jp-player-fixed .jp-interface {
border-radius: 0;
}
.jp-player-init.jp-player-fixed .jp-no-solution,
.jp-player-init.jp-player-fixed .jp-playlist {
display: none;
}
.jp-player-init .jp-jplayer {
height: 0 !important;
width: 0 !important;
}
.jp-player-init .jp-audio {
font-size: 25px;
font-size: 1.6rem;
margin: 0 auto;
max-width: 100%;
padding: 0 1.25em;
}
.jp-player-init .jp-audio a {
color: #d2d6db;
text-decoration: none;
}
.jp-player-init .jp-audio a:hover {
color: #ffffff;
}
.jp-player-init .jp-interface {
display: flex;
background-color: #2b2d2d;
background-repeat: repeat-x;
background-image: linear-gradient(#4a4c4d, #2b2d2d);
border-radius: 3px 3px 0 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
height: 30px;
position: relative;
width: 100%;
font-size: 15px;
}
@media (min-width: 480px) {
.jp-player-init .jp-audio {
max-width: 35em;
}
.jp-player-init .jp-interface {
border-radius: 3px;
}
}
.jp-player-init .jp-button {
float: left;
}
.jp-player-init .jp-btn {
background: transparent;
border: 0;
border-radius: 0;
color: #d2d6db;
cursor: pointer;
display: block;
height: 30px;
margin: 0;
outline: none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 110%;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-transition: none;
transition: none;
white-space: nowrap;
width: 2.125em;
}
.jp-player-init .jp-btn:before {
font-family: "Material Design Icons";
font-size: 25px;
font-size: 1rem;
line-height: 1.875em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
text-indent: 0;
}
.jp-player-init .jp-btn:hover {
color: #ffffff;
}
.jp-player-init .jp-play:before {
content: "\f4f9";
text-indent: 0.1875em;
}
.jp-player-init .jp-mute:before {
content: "\f66b";
}
.jp-player-init .jp-state-playing .jp-play:before {
content: "\f4d3";
text-indent: 0;
}
.jp-player-init .jp-state-muted .jp-mute:before {
content: "\f66e";
}
.jp-player-init .jp-previous:before {
content: "\f59d";
}
.jp-player-init .jp-next:before {
content: "\f59c";
}
.jp-player-init .jp-controls {
display: flex;
padding: 0 10px;
}
.jp-player-init .jp-controls .jp-play {
left: -2px;
}
.jp-player-init .jp-controls .jp-btn {
width: 20px;
}
.jp-player-init .jp-time-rail {
flex: 1;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(0, 0, 0, 0.25);
float: left;
height: 1.875em;
padding: 0.75em;
position: relative;
width: calc(100% - 165px);
}
.jp-player-init .jp-time-rail:before,
.jp-player-init .jp-time-rail:after {
border-left: 1px solid;
content: " ";
position: absolute;
top: 0;
bottom: 0;
}
.jp-player-init .jp-time-rail:before {
border-color: rgba(0, 0, 0, 0.25);
right: 100%;
margin-right: 1px;
}
.jp-player-init .jp-time-rail:after {
border-color: rgba(255, 255, 255, 0.05);
left: 100%;
margin-left: 1px;
}
.jp-player-init .jp-progress {
background: #262929;
border: 1px solid;
border-color: #212424 #262929 #262929;
border-radius: 1px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05);
height: 0.4375em;
width: 100%;
}
.jp-player-init .jp-seek-bar,
.jp-player-init .jp-play-bar {
border-radius: 1px;
height: 0.3125em;
width: 0;
}
.jp-player-init .jp-seek-bar {
background: #464849;
cursor: pointer;
position: relative;
}
.jp-player-init .jp-play-bar {
animation: progress-bar 0.75s linear infinite;
}
.jp-player-init .jp-volume-bar {
float: left;
z-index: 99;
position: relative;
margin: 0.75em 1em 0 -0.3125em;
width: 2.5em;
height: 0.4375em;
cursor: pointer;
background: #262929;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05);
border-radius: 1px;
}
.jp-player-init .jp-volume-bar-value {
width: 0;
height: 0.3125em;
margin: 1px;
border-radius: 1px;
}
.jp-player-init .jp-play-bar,
.jp-player-init .jp-volume-bar-value {
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
background-size: 0.4375em 0.4375em;
background-color: #0a6631;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#0f9447), to(#0a6631));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f9447), color-stop(100%, #0a6631));
background-image: -webkit-linear-gradient(#0f9447, #0a6631);
background-image: -o-linear-gradient(#0f9447, #0a6631);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary', endColorstr='darken($primary, 10%)', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary', endColorstr='darken($primary, 10%)', GradientType=0)";
background-image: linear-gradient(#0f9447, #0a6631);
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
.jp-player-init .jp-playlist {
text-align: left;
background-color: #4a4c4d;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-radius: 0 0 3px 3px;
font-size: 19px;
font-size: 1.2rem;
margin: 0 auto;
}
.jp-player-init .jp-playlist.jp-playlist--hidden {
display: none;
}
.jp-player-init .jp-playlist .jp-playlist-current {
background-color: rgba(0, 0, 0, 0.1);
}
.jp-player-init .jp-playlist .jp-playlist-current a {
color: #fff;
}
.jp-player-init .jp-playlist a {
display: block;
padding: 0.58333333em 1em;
}
.jp-player-init .jp-playlist ul {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
list-style: none;
margin: 0;
padding: 0;
width: 100%;
font-size: 16px;
}
.jp-player-init .jp-playlist li {
border-top: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
width: 100%;
}
.jp-player-init .jp-playlist li:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.jp-player-init .jp-playlist li:first-child {
border-top: none;
}
.jp-player-init .jp-playlist li:last-child {
border-bottom: none;
}
.jp-player-init .jp-free-media {
display: block;
float: right;
font-size: 0.83333333em;
letter-spacing: 0.05em;
line-height: 2em;
margin-right: 1em;
padding: 0.58333333em 0;
text-transform: uppercase;
}
.jp-player-init .jp-free-media a {
display: inline;
padding: 0;
}
.jp-player-init .jp-free-media a:first-child:before,
.jp-player-init .jp-free-media a:last-child:after {
content: " ";
}
.jp-player-init .jp-state-playing .jp-playlist-current {
border-top-color: rgba(0, 0, 0, 0.35);
}
.jp-player-init .jp-state-playing .jp-playlist-current a {
background-color: rgba(0, 0, 0, 0.2);
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.jp-player-init .jp-state-playing .jp-playlist-current .jp-free-media a {
background-color: transparent;
}
.jp-player-init .jp-playlist-item-remove {
display: none;
padding: 0;
}
@media (min-width: 480px) {
.jp-player-init .jp-playlist {
width: 94%;
}
}
/*
* Project: CirclePlayer
* http://www.jplayer.org
*
* Copyright (c) 2012 Happyworm Ltd
*
* Author: Silvia Benvenuti
* Edited by: Mark J Panaghiston
* Date: 2nd October 2012
* Artwork inspired by: http://forrst.com/posts/Untitled-CJz
*/
.cp-container {
position: relative;
width: 104px;
/* 200 - (2 * 48) */
height: 104px;
background: url("../images/bgr.jpg") 0 0 no-repeat;
padding: 48px;
-webkit-tap-highlight-color: transparent;
box-sizing: content-box;
margin-bottom: 20px;
}
@media (min-width: 480px) {
.prototype-wrapper {
display: flex;
justify-content: space-around;
}
}
.cp-container :focus {
border: none;
outline: 0;
}
.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
position: absolute;
top: 0;
left: 0;
width: 104px;
height: 104px;
clip: rect(0px, 52px, 104px, 0px);
-moz-border-radius: 52px;
border-radius: 52px;
}
/* FALLBACK for .progress
* (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
* (It needs the container selector to work. Or use div)
*/
.cp-container .cp-fallback {
background: url("../images/progress_sprite.jpg") no-repeat;
background-position: 0 104px;
}
.cp-progress-1,
.cp-progress-2 {
background: url("../images/progress.png") 0 0 no-repeat;
}
.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
position: absolute;
width: 104px;
height: 104px;
}
.cp-circle-control {
cursor: pointer;
}
.cp-buffer-holder,
.cp-progress-holder {
clip: rect(0px, 104px, 104px, 52px);
display: none;
}
/* This is needed when progress is greater than 50% or for fallback */
.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback {
clip: rect(auto, auto, auto, auto);
}
.cp-controls {
margin: 0;
padding: 26px;
}
.cp-controls li {
list-style-type: none;
display: block;
/*IE Fix*/
position: absolute;
}
.cp-controls li a {
position: relative;
display: block;
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 1;
cursor: pointer;
transition: 0s;
}
.cp-controls .cp-play {
background: url("../images/controls.jpg") 0 0 no-repeat;
}
.cp-controls .cp-play:hover {
background: url("../images/controls.jpg") -50px 0 no-repeat;
}
.cp-controls .cp-pause {
background: url("../images/controls.jpg") 0 -50px no-repeat;
}
.cp-controls .cp-pause:hover {
background: url("../images/controls.jpg") -50px -50px no-repeat;
}
.cp-jplayer {
width: 0;
height: 0;
}
.jp-video-full {
width: 480px;
height: 270px;
position: static !important;
}
.jp-video.jp-state-full-screen .jp-jplayer,
.jp-video.jp-state-full-screen .jp-jplayer {
width: 100% !important;
height: 100% !important;
}
.jp-video.jp-state-full-screen:not(.jp-state-playing) .jp-playlist {
pointer-events: all;
opacity: 1;
}
.jp-video.jp-state-full-screen .jp-playlist {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-in-out .4s;
display: inline-block;
min-width: 400px;
background: rgba(0, 0, 0, 0.7);
border-radius: 8px;
padding: 12px 5px;
}
.jp-video.jp-state-full-screen .jp-playlist li.jp-playlist-current a {
color: #0f9447;
}
.jp-video.jp-state-full-screen .jp-playlist li a {
color: #ffffff;
}
.jp-video.jp-state-full-screen .jp-playlist li + li {
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.jp-video-full .jp-jplayer {
top: 0;
left: 0;
position: fixed !important;
position: relative;
/* Rules for IE6 (full-screen) */
overflow: hidden;
z-index: 1000;
}
.jp-video-full .jp-gui {
position: fixed !important;
position: static;
/* Rules for IE6 (full-screen) */
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.jp-video-full .jp-interface {
position: absolute !important;
position: relative;
/* Rules for IE6 (full-screen) */
bottom: 0;
left: 0;
z-index: 1000;
}
.jp-video {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
background: #000000;
}
.jp-video .jp-interface {
position: relative;
width: 100%;
height: 35px;
background-color: #f2f2f2;
box-shadow: inset 0px 1px 0px #f7f7f7, inset 0px -1px 0px #e2e2e2;
}
.jp-video div.jp-controls-holder {
clear: both;
margin: 0 auto;
display: flex;
position: relative;
overflow: hidden;
}
.jp-video a.jp-play,
.jp-video a.jp-pause {
width: 40px;
height: 35px;
float: left;
text-indent: 110%;
outline: none;
}
.jp-video a.jp-previous:before {
content: "\f59d";
font-family: "Material Design Icons";
}
.jp-video a.jp-next:before {
content: "\f59c";
font-family: "Material Design Icons";
}
.jp-video a.jp-previous,
.jp-video a.jp-next {
position: relative;
align-items: center;
justify-content: center;
width: 30px;
color: #706d6d;
display: none;
}
@media (min-width: 480px) {
.jp-video a.jp-previous,
.jp-video a.jp-next {
display: flex;
}
}
.jp-video a.jp-play {
background: url(../images/sprite.png) 0 0 no-repeat;
}
.jp-video a.jp-pause {
background: url(../images/sprite.png) -40px 0 no-repeat;
display: none;
}
.jp-video #seperator {
background-image: url(../images/seperator.png);
background-repeat: no-repeat;
width: 2px;
height: 35px;
float: left;
margin-top: 7px;
margin-right: 10px;
}
.jp-video .jp-progress {
background: #706d6d;
border-radius: 5px;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.4);
flex: 1;
height: 10px;
float: left;
margin-top: 13px;
margin-right: 10px;
margin-left: 10px;
}
.jp-video .jp-time-wrapper {
display: none;
}
@media (min-width: 480px) {
.jp-video .jp-time-wrapper {
display: block;
}
}
.jp-video .jp-seek-bar {
width: 0px;
height: 100%;
cursor: pointer;
}
.jp-video .jp-seeking-bg {
background: #575555;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jp-video .jp-play-bar {
width: 0px;
height: 10px;
position: relative;
z-index: 9;
background-size: 12px 12px;
background-color: #0a6631;
background-repeat: repeat-x;
border-radius: 5px;
background-image: linear-gradient(#0f9447, #0a6631);
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
.jp-video .jp-play-bar span {
position: absolute;
top: -3px;
right: -12px;
background: url(../images/handle.png) no-repeat center;
width: 16px;
height: 17px;
}
.jp-video .jp-current-time,
.jp-video .jp-duration {
font-size: 11px;
font-family: Arial;
color: #444444;
margin-top: 12px;
float: left;
}
.jp-video .jp-current-time {
float: left;
display: inline;
}
.jp-video .jp-duration {
float: left;
display: inline;
text-align: right;
}
.jp-video .jp-current-time {
margin-left: 10px;
}
.jp-video .jp-duration {
margin-right: 10px;
}
.jp-video .time-sep {
float: left;
margin: 13px 3px 0 3px;
font-size: 11px;
font-family: Arial;
color: #444444;
}
.jp-video a.jp-mute,
.jp-video a.jp-unmute {
text-indent: -9999px;
float: left;
height: 35px;
outline: none;
}
.jp-video .jp-mute {
float: left;
background: url(../images/sprite.png) -80px 0 no-repeat;
margin-top: 1px;
margin-left: -10px;
width: 35px;
}
.jp-video a.jp-unmute {
background: url(../images/sprite.png) -115px 0 no-repeat;
margin-top: 1px;
margin-left: -13px;
display: none;
width: 38px;
}
.jp-video .jp-volume-bar {
float: left;
margin-top: 13px;
margin-right: 10px;
overflow: hidden;
width: 70px;
height: 10px;
cursor: pointer;
background: #706d6d;
border-radius: 5px;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.jp-video .jp-volume-bar-value {
background: rgba(112, 109, 109, 0.01);
width: 0px;
height: 10px;
position: relative;
}
.jp-video .jp-volume-bar-value span {
position: absolute;
top: 0px;
right: 0px;
background: url(../images/volume.png) no-repeat center;
width: 11px;
height: 10px;
}
.jp-video .jp-full-screen {
background: url(../images/sprite.png) -150px 0 no-repeat;
float: left;
width: 40px;
height: 35px;
text-indent: -9999px;
margin-left: -15px;
outline: none;
}
.jp-video .jp-restore-screen {
background: url(../images/sprite.png) -150px 0 no-repeat;
float: left;
width: 40px;
height: 35px;
text-indent: -9999px;
margin-left: -15px;
outline: none;
}
.jp-video .jp-playlist li {
padding: 3px 0;
}
.jp-video .jp-playlist li.jp-playlist-current a {
color: #ffffff;
}
.jp-video .jp-jplayer {
cursor: pointer;
font-size: 0;
overflow: hidden;
}
/**
* Custom Style
*/
.jp-video.jp-video-single .jp-playlist,
.jp-video.jp-video-single .jp-gui {
display: none !important;
}
.jp-video {
position: relative;
}
.jp-video:before {
content: '\f4fb';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Material Design Icons';
font-size: 50px;
line-height: 100px;
color: #f2f3f9;
z-index: 1;
pointer-events: none;
border-radius: 50%;
transition: .3s ease-out all;
transform-origin: 50% 50%;
}
.jp-video:hover:before {
color: #d8dae2;
}
.jp-video.jp-state-playing:before {
z-index: -100;
}
@media (min-width: 768px) {
.jp-video:before {
font-size: 70px;
}
}
@media (min-width: 1200px) {
.jp-video:before {
font-size: 100px;
}
}
/**
* Build Video
*/
.build-video {
position: relative;
}
.build-video-element {
position: absolute;
overflow: hidden;
top: 7.45%;
bottom: 10.9%;
left: 12.4%;
right: 12.4%;
}
.build-video-element .jp-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.jp-video .jp-jplayer img {
display: block !important;
}
.jp-video .jp-jplayer video {
display: none;
}
.jp-video.jp-state-playing .jp-jplayer img {
display: none !important;
}
.jp-video.jp-state-playing .jp-jplayer video {
display: block;
}
.form-wrap-modern .stepper {
min-width: 100%;
}
.stepper {
position: relative;
display: inline-block;
max-width: 70px;
min-width: 220px;
}
.stepper input[type="number"] {
width: 100%;
padding-left: 55px;
padding-right: 55px;
text-align: center;
-moz-appearance: textfield;
}
.shop-input .stepper {
min-width: 130px;
}
.shop-input .stepper .stepper-arrow {
font-size: 22px;
}
@media (max-width: 991px) {
.shop-input .stepper input[type="number"] {
padding-left: 40px;
padding-right: 50px;
}
}
@media (min-width: 992px) {
.shop-input .stepper {
min-width: 180px;
}
.shop-input .stepper .stepper-arrow {
font-size: 28px;
}
}
.stepper input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.stepper-arrow {
position: absolute;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 28px;
font-family: 'Material Design Icons';
cursor: pointer;
color: #003768;
transition: .3s all ease;
}
.stepper-arrow:hover {
color: #0f9447;
}
.stepper-arrow.up {
right: 28px;
text-align: left;
}
.stepper-arrow.up:before {
content: '\f504';
}
.stepper-arrow.down {
left: 19px;
text-align: right;
}
.stepper-arrow.down:before {
content: '\f465';
}
.stepper.disabled .stepper-arrow {
pointer-events: none;
opacity: .5;
}
/**
* Instagram Plugin Style
*/
/**
* Profile
*/
.instafeed-profile {
text-align: center;
}
.instafeed-profile-picture > img {
border-radius: 50%;
width: 180px;
height: 180px;
}
.instafeed-profile-username {
position: relative;
text-transform: capitalize;
color: #003768;
}
.instafeed-profile-username > * {
color: inherit;
text-transform: inherit;
}
.instafeed-profile-username:after {
margin-top: 30px;
display: inline-block;
content: '';
width: 60px;
border-bottom: 2px solid #ededed;
}
.instafeed-profile-meta {
letter-spacing: 0.02em;
}
.instafeed-profile-meta > .half + .half {
margin-top: 10px;
}
.instafeed-profile-button .button {
min-width: 112px;
}
* + .instafeed-profile-username {
margin-top: 25px;
}
* + .instafeed-profile-meta {
margin-top: 20px;
}
* + .instafeed-profile-button {
margin-top: 30px;
}
/**
*  Thumbnail InstaFeedl
*/
.thumbnail-instafeed {
position: relative;
padding-bottom: 100%;
}
.thumbnail-instafeed a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.thumbnail-instafeed img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.thumbnail-instafeed .caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: rgba(15, 148, 71, 0.35);
transition: .3s ease-out all;
pointer-events: none;
overflow: hidden;
will-change: transfrom;
}
.thumbnail-instafeed .caption .list-inline {
margin-left: -10px;
margin-right: -10px;
}
.thumbnail-instafeed .caption .list-inline > li {
padding-left: 10px;
padding-right: 10px;
}
.thumbnail-instafeed .caption .list-inline span {
display: inline-block;
vertical-align: middle;
}
.thumbnail-instafeed .caption .icon {
margin-right: 5px;
font-size: 28px;
}
.ie-10 .thumbnail-instafeed,
.ie-11 .thumbnail-instafeed {
overflow: hidden;
}
.ie-10 .thumbnail-instafeed img,
.ie-11 .thumbnail-instafeed img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 135%;
max-height: 135%;
min-height: 101%;
min-width: 101%;
}
@media (min-width: 1200px) {
.thumbnail-instafeed .caption .list-inline {
margin-left: -25px;
margin-right: -25px;
}
.thumbnail-instafeed .caption .list-inline > li {
padding-left: 25px;
padding-right: 25px;
}
}
/**
*  Thumbnail InstaFeedl Minimal
*/
.thumbnail-instafeed-minimal .caption .list-inline > li {
display: block;
}
.thumbnail-instafeed-minimal .caption .list-inline > li + li {
margin-top: 10px;
}
@media (min-width: 992px) {
.desktop .thumbnail-instafeed .caption {
background-color: rgba(15, 148, 71, 0.8);
}
.desktop .thumbnail-instafeed .caption,
.desktop .thumbnail-instafeed .list-inline > li {
visibility: hidden;
opacity: 0;
}
.desktop .thumbnail-instafeed .list-inline > li {
transform: scale3d(0, 0, 0);
will-change: transfrom;
}
.desktop .thumbnail-instafeed:hover .caption,
.desktop .thumbnail-instafeed:hover .list-inline > li {
visibility: visible;
opacity: 1;
}
.desktop .thumbnail-instafeed:hover .list-inline > li {
transform: scale3d(1, 1, 1);
transition: 480ms cubic-bezier(0.18, 0.89, 0.32, 1.28) transform, 150ms cubic-bezier(0.18, 0.89, 0.32, 1.28) opacity;
transition-delay: .15s;
}
}
* + .instafeed {
margin-top: 40px;
}
.range.instafeed + .button {
margin-top: 40px;
}
@media (min-width: 992px) {
* + .instafeed {
margin-top: 60px;
}
.range.instafeed + .button {
margin-top: 60px;
}
}
/**
* Instafeed Vertical
*/
.thumbnail-instafeed-vertical .list-inline > li {
display: block;
}
.thumbnail-instafeed-vertical .list-inline > li + li {
margin-top: 20px;
}
/**
* Twitter
*/
.twitter-feed {
max-width: 576px;
margin-left: auto;
margin-right: auto;
text-align: left;
border-radius: 9px;
background-color: #fff;
transition: .3s ease-out all;
}
.twitter-feed .twitter-feed-name {
font-weight: 400;
color: #29292b;
}
.twitter-feed .twitter-feed-name > * {
font-weight: inherit;
color: inherit;
}
.bg-gray-darker .twitter-feed, .bg-additional-gray-darker .bg-additional-item .twitter-feed,
.bg-gray-lighter .twitter-feed,
.bg-image .twitter-feed, .bg-additional-image .bg-additional-item .twitter-feed {
background-color: #fff;
}
.bg-gray-darker .twitter-feed .twitter-feed-name, .bg-additional-gray-darker .bg-additional-item .twitter-feed .twitter-feed-name,
.bg-gray-lighter .twitter-feed .twitter-feed-name,
.bg-image .twitter-feed .twitter-feed-name, .bg-additional-image .bg-additional-item .twitter-feed .twitter-feed-name {
color: #29292b;
}
.twitter-feed:hover {
box-shadow: 0 7px 24px 0 rgba(41, 41, 43, 0.42);
}
.twitter-feed-header {
padding: 30px 30px 20px;
}
.twitter-feed-avatar {
width: 70px;
height: 70px;
}
.twitter-feed-name-tag,
.twitter-feed-content,
.twitter-feed-footer {
letter-spacing: 0.02em;
}
.twitter-feed-name-tag {
color: #c2c2c3;
}
.twitter-feed-name-tag a, .twitter-feed-name-tag a:focus, .twitter-feed-name-tag a:active {
color: inherit;
}
.twitter-feed-name-tag a:hover {
color: #003768;
}
.twitter-feed-content {
color: #29292b;
}
.twitter-feed-content a, .twitter-feed-content a:focus, .twitter-feed-content a:active {
color: #003768;
}
.twitter-feed-content a:hover {
color: #29292b;
}
.twitter-feed-footer {
padding: 23px 30px 30px;
}
.twitter-feed-footer time {
color: #c2c2c3;
}
* + .twitter-feed {
margin-top: 30px;
}
* + .twitter-feed-content {
margin-top: 29px;
}
.twitter-feed-header + .twitter-feed-body {
margin-top: 10px;
}
.twitter-feed-header + .twitter-feed-body:empty {
margin-top: 0;
}
.twitter-feed-body:empty + .twitter-feed-footer {
padding-top: 0;
}
@media (min-width: 768px) {
* + .twitter {
margin-top: 30px;
}
}
/**
* Twitter Feed minimal
*/
.twitter-feed-minimal {
max-width: 334px;
}
.twitter-feed-minimal .twitter-icon {
color: #00bbf5;
}
.twitter-feed-minimal time {
display: block;
color: #c2c2c3;
}
.twitter-feed-minimal * + time {
margin-top: 10px;
}
.twitter-feed-minimal-content {
color: #29292b;
letter-spacing: 0.02em;
}
.twitter-feed-minimal-content a {
color: #003768;
}
.twitter-feed-minimal-content a:hover {
color: #29292b;
}
* + .twitter-feed-minimal {
margin-top: 30px;
}
@media (min-width: 480px) {
* + .twitter-feed-minimal {
margin-top: 25px;
}
}
/**
* Twitter Feed Block
*/
.twitter-feed-block {
max-width: 720px;
}
.twitter-feed-block .twitter-feed-header {
padding: 30px;
}
.twitter-feed-block .twitter-feed-avatar {
border-radius: 9px;
}
.twitter-feed-block .twitter-feed-name {
letter-spacing: 0.02em;
}
.twitter-feed-block .twitter-feed-name > * {
letter-spacing: inherit;
}
.twitter-feed-block .twitter-feed-name h5 {
font-size: 18px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #29292b;
}
.twitter-feed-block .twitter-feed-name time {
color: #c2c2c3;
font-weight: 300;
}
@media (min-width: 480px) {
.twitter-feed-block .twitter-feed-name {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.twitter-feed-block * + .twitter-feed-content {
margin-top: 10px;
}
.twitter-feed-block + .twitter-feed-block {
margin-top: 10px;
}
/**
* Twitter Center
*/
.twitter-feed-centered {
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
.bg-gray-darker .twitter-feed-centered .twitter-feed-name-tag, .bg-additional-gray-darker .bg-additional-item .twitter-feed-centered .twitter-feed-name-tag,
.bg-image .twitter-feed-centered .twitter-feed-name-tag, .bg-additional-image .bg-additional-item .twitter-feed-centered .twitter-feed-name-tag,
.bg-gradient .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient-1 .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient-2 .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient-3 .twitter-feed-centered .twitter-feed-name-tag {
color: #fff;
}
.twitter-feed-centered .twitter-feed-avatar {
border-radius: 9px;
}
.twitter-feed-centered .twitter-feed-name-tag,
.twitter-feed-centered time {
letter-spacing: 0.02em;
}
.twitter-feed-centered .twitter-feed-name-tag {
color: #29292b;
font-weight: 700;
}
.twitter-feed-centered time {
display: block;
color: #838386;
}
.twitter-feed-centered * + .twitter-feed-name-tag {
margin-top: 20px;
}
.twitter-feed-centered * + time {
margin-top: 20px;
}
.twitter-feed-centered * + .twitter-feed-minimal-content {
margin-top: 30px;
}
@media (min-width: 1600px) {
.twitter-feed-minimal-content {
font-size: 24px;
}
}
.typed-text {
color: #003768;
}
.typed-cursor {
vertical-align: text-top;
color: #003768;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/**
* Magnific Pop
*/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1192;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1193;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1145;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1144;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1146;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
/************inner-page********************/
.inner-banner
{
width:100%;
height:auto;
}
.inner-banner img
{
width:100%;
height:auto;
}
.main_heading
{
text-align:center;
}
.main_heading h3
{
font-size:36px;
margin:25px 0 0;
text-transform: uppercase;
}
.line
{
width:100%;
margin:0 0 20px 0;
}
.abp
{
width:100%;
margin:0px 0 0 0;
border:1px solid #ccc;
height: auto;
overflow: hidden;
padding: 20px;
border-radius: 10px;
min-height:365px;
}
.abp ul
{
padding:0px;
margin:0px;
}
.abp ul li
{
width:50%;
float:left;
list-style:none;
font-size:20px;
margin:0 0 7px 0;
color:#838386;
}
.abp ul li:before {
content: url('../images/list-bg.png');
margin: 0px 10px 0 0;
}
.footer
{
width:100%;
height: auto;
padding: 30px 0;
background: #29292b;
}
.footer h4
{
color:#fff;
margin: 0 0 20px 0;
}
.footer .list-darker
{
color:#838386;
}
.footer .box-inline
{
margin-top: 12px;
}
.lp li
{
margin:0 0 7px 0;
}
.lp li a
{
color:#838386;
font-style:18px;
text-decoration: none;
}
.lp li a:hover
{
color:#fff;
}
.product
{
	width:100%;
	height:auto;
}
.product li
{
	width:33%;
	height:auto;
	float:left;
	margin:0 1px 35px;
}
.product_full
{
	width:300px;
	height:330px;
	background:#2b7dc5;
	margin:0px auto;
	padding: 4px 4px;
}
.product_pic
{
	width:100%;
	height:250px;
	background:#fff;
	text-align:center;
}
.product_pic img
{
   max-width:100%;
   max-height:100%;
   width:a:;uto;	
}
.product_text
{
	width:100%;
	text-align:center;    
	font-size:18px;   
	font-weight:500;
	color:#fff;
	padding: 5px 5px;
    font-family: "Montserrat", sans-serif;
    height: 66px;
    overflow: hidden;
}
.product_full:hover
{
	background:#003768;
	-webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-transition: .6s ease;
    transition: .6s ease;
}

.power_dis{
	width:100%;
	height:auto;
}

.power_dis ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.power_dis ul li{
	padding:0px;
	margin: 0 10px 25px;
	list-style:none;
	float:left;
	width:23%;
	display:inline-block;
	background:#008CBA;

}

.cpn {
  position: relative;
  width:262px;
  height:auto;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlayy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}

.cpn:hover .overlayy {
  opacity:0.8;
}

.textt {
  color:#fff;
  font-size:17px;
  position: absolute;
  top: 50%;
  left:130px;
  right:0;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width:200px;
}
.textt a
{
	color:#fff;
	padding:9px 15px;
	text-decoration:none;
	font-family: "Montserrat", sans-serif;
	border:2px solid #fff;
	border-width:2px 0;
}
.cpl_text
{
   width: 100%;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	height: 75px;
overflow: hidden;
}
.woocommerce-pagination
{
  width:100%;
  height: auto;
  float: left;
  overflow: hidden;
}
.woocommerce-pagination ul
{
   width:auto;
   height: auto;
   float:right;
}
.woocommerce-pagination ul li
{
   width:auto;
   padding: 5px 10px;
   float: left;
   list-style: none;
   height: auto;
   background: #003768;
   margin: 0 3px 21px 0;
}
.woocommerce-pagination ul li a
{
	color:#fff;
	text-decoration: none;
	font-weight: 600;
}

.pr_form
{
	width:100%;
	height:auto;
	
}
.pr_form p
{
	margin:0px;
}
.pr_full
{
	width:100%;
	height:auto;
	margin:0 0 7px 0;
	overflow: hidden;
}
.pr_full input[type='text']
{
   padding:5px 7px;
   height: auto;
   width:100%;
   border:1px solid #ccc;
   font-size: 15px;
}
.pr_full input[type='email']
{
   padding:5px 7px;
   height: auto;
   width:100%;
   border:1px solid #ccc;
   font-size: 15px;
}
.pr_full input[type='tel']
{
   padding:5px 7px;
   height: auto;
   width:100%;
   border:1px solid #ccc;
   font-size: 15px;
}
.pr_full textarea
{
   padding:5px 7px;
   height:100px;
   width:100%;
   border:1px solid #ccc;
   font-size: 15px;
}
.pr_full h4
{
	color:#000;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.pr_full input[type='submit']
{
	background-color: #2b7dc5;
	border:1px solid #2b7dc5;
	padding: 11px 30px;
	border-radius: 30px;
	font-size:16px;
	color:#fff;
	float: left;
	margin:12px 0 0 0;
}
.pr_full input[type='submit']:hover
{
	background:#000;
	color:#fff;
}
#tab-title-reviews
{
	display:none;
}
.po textarea
{
	height:120px !important;
}
.po .wpcf7-submit
{
	color: #fff;
	background-color: #003768;
	border-color: #003768;
}
.md-title
{
width:70%;
height:auto;
float:left;
font-size:24px;
text-transform:uppercase;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #003768;
}
.md-btn
{
	width:15%;
	float:right;
	height:auto;
	text-align:right;
}
.md-btn .close
{
	font-size:36px !important;
}
.bl_full
{
	width:100%;
	max-width:95%;
	margin:20px auto 0;
}
.bl_left
{
	width:50%;
	text-align:center;
	height:auto;
	float:left;
}
.bl_right
{
	width:50%;
	text-align:center;
	height:auto;
	float:left;
}
.cpl p
{
	margin:0 0 7px;
}


/********************Responsive**********************/
@media only screen and (min-width: 981px) and (max-width: 1199px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
.rd-navbar-fixed .rd-navbar-brand {
    margin-left: 30%;	
}
.rd-navbar-fixed .rd-navbar-brand img {
    height: auto;
}
html.rd-navbar-fixed-linked .page {
    padding-top: 0;
}
.section-xl {
    padding-top: 5px !important;
}
.heading-2 {
    font-size: 28px;
}
.bl_left {
    width: 100%;
}
.bl_right {
    width: 100%;
	margin: 14px 0;
}
.pc_pic img {
    width: 100%;
    height: auto;
}
.abp ul li {
    font-size: 13px
}
.abp {
    min-height: 201px;
}
.nbs-flexisel-nav-left {
    left: 0;
}
.nbs-flexisel-nav-right {
    right: 0;
}
.power_dis ul li { 
    margin: 0 31px 25px;
    width: 290px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.banner {
    width: 100%;
	min-height: auto;
	margin:0 0 20px 0;
}
.bl_full {
    max-width: 100%;
    overflow: hidden;
}
.bl_left {
    width: 100%;
	margin:0 0 10px 0;
}
.bl_right {
    width: 100%;
	margin:0 0 10px 0;
}
.aps ul li {
    width: 100%;
}
.pc_pic {
	margin:25px 0 0 0;
}
.pc_pic img {
    width: 100%;
    height: auto;
}
.abp ul li {
    width: 100%;
    font-size: 15px;
}
.button {
    max-width: 100%;
    padding: 9px 8px;
    width: 100%;
}
.owl-dot + .owl-dot {
    margin-left: 5px;
}
.brands {
    font-size: 28px;
}


.rd-navbar-fixed .rd-navbar-brand {
    margin-left: 12%;
}
.rd-navbar-fixed .rd-navbar-brand img {
    width: auto;
    height: auto;
}
.rd-navbar-fixed .rd-navbar-aside-right-inner {
    top: 3px;
}
.header_top_cont
{
	margin: 86px 0 0 0;
}
html.rd-navbar-fixed-linked .page {
    padding-top: 0;
}
.ovr
{
	overflow:hidden;
}
.banner2 .ws_images img
{
	min-height:130px;
}
.aboutimg {
    width: 100%;
}
.aboutimg img {
    width: 100%;
    height: auto !important;
}
.about_text {
    width: 100%;
    margin: 40px 0 0 0;
}
.power_dis ul li {
    margin: 0px auto 25px;
	width: 290px;
}
.product_text {
    height: auto;
}
.inner-banner img {
    min-height: 130px;
}
.woocommerce-products-header__title
{
	font-size: 28px;
}
.cpn {
    width: 100%;
}
.product_details_pic {
    width: 100%;
}
.product_details h1 {
    margin: 15px 0 15px 0;
    font-size: 20px;
}
.wc-tabs li {
    margin: 0px 2px 6px 0;
    width: 100%;
}
.woocommerce-breadcrumb
{
	width:95%;
	margin:4px auto;
}

}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.banner {
    width: 100%;
	min-height: auto;
	margin:0 0 20px 0;
}
.bl_full {
    max-width: 100%;
    overflow: hidden;
}
.bl_left {
    width: 100%;
	margin:0 0 10px 0;
}
.bl_right {
    width: 100%;
	margin:0 0 10px 0;
}
.aps ul li {
    width: 100%;
}
.pc_pic {
	margin:25px 0 0 0;
}
.pc_pic img {
    width: 100%;
    height: auto;
}
.abp ul li {
    width: 100%;
    font-size: 15px;
}
.button {
    max-width: 100%;
    padding: 9px 8px;
    width: 100%;
}
.owl-dot + .owl-dot {
    margin-left: 5px;
}
.brands {
    font-size: 28px;
}


.rd-navbar-fixed .rd-navbar-brand {
    margin-left: 12%;
}
.rd-navbar-fixed .rd-navbar-brand img {
    width: auto;
    height: auto;
}
.rd-navbar-fixed .rd-navbar-aside-right-inner {
    top: 3px;
}
.header_top_cont
{
	margin: 86px 0 0 0;
}
html.rd-navbar-fixed-linked .page {
    padding-top: 0;
}
.ovr
{
	overflow:hidden;
}
.banner2 .ws_images img
{
	min-height:130px;
}
.aboutimg {
    width: 100%;
}
.aboutimg img {
    width: 100%;
    height: auto !important;
}
.about_text {
    width: 100%;
    margin: 40px 0 0 0;
}
.power_dis ul li {
    margin: 0px auto 25px;
	width: 290px;
	display: block;
	float: none;
}
.product_text {
    height: auto;
}
.inner-banner img {
    min-height: 130px;
}
.woocommerce-products-header__title
{
	font-size: 28px;
}
.cpn {
    width: 100%;
}
.product_details_pic {
    width: 100%;
}
.product_details h1 {
    margin: 15px 0 15px 0;
    font-size: 20px;
}
.wc-tabs li {
    margin: 0px 2px 6px 0;
    width: 100%;
}
.woocommerce-breadcrumb
{
	width:95%;
	margin:4px auto;
}
}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/*# sourceMappingURL=style.css.map */