/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
*,
*::after,
*::before {
	box-sizing: border-box;
}


:root {
	
	--color-text: #000;
	--color-bg: #fff;
	--color-link: #fff;
	--color-bg-date: rgb(96 56 178 / 48%);
	--color-link-hover: #fff;
	--color-border: #3e9dae;
}



/* Page Loader */
.js .loading::before,
.js .loading::after {
	content: '';
	position: fixed;
	z-index: 1000;
}

.js .loading::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.js .loading::after {
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	border-radius: 50%;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;

}


body, .view {
height: 100%;
/*font-family: 'Open Sans', sans-serif;
font-size:14px;
background:#ffffff;
line-height: 1.7;*/
font-family: "Merriweather Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;    
    
    
}
h1, h2, h3, h4, h5, h6{
 font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.montserrat-<uniquifier> {
  /*font-family: "Belleza", serif;
  font-weight: 400;
  font-style: normal;*/
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:normal;
  font-style: normal;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 800

.open-sans-<uniquifier> {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

section{
position: relative;
}

.plain_black{
 color: #000;
 text-decoration: none;
}
.tracking-widest {
  letter-spacing: 0.1em;
}



.tm-table{
 position: relative;
 width: 200px;
}
.heading-style .tm-table .line {
    border-top: 1px solid #000;
    width: 50px;
}
.table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.heading-style .tm-table img {
    margin: -16px 28px;
    position: absolute;
}


.featured {
    background: #fff;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.module-inner {
    background: #f7f7f7 none repeat scroll 0 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}


.module-inner figcaption {
 font-size: .8rem!important;
 font-style: italic;
 color:#666666;
 margin: 1rem 0;

}

.bis:before {
    content:url(../images/img/bis_hallmark.png);
}

td.why-icons {
width: 70px;
}

td.why-icons i{
 color: #0795AD;
}

.why td{
 background: transparent;
}

.phoneblock{
 display: flex;
 justify-content: center;
 padding: 15px 40px;
 background: grey;
 color: red;
 transform: scaleY(1);
        transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1) color;
        position: relative;
  border-radius: 16px 0px;
 }

.phoneblock:hover{
 color: #fff;
}


.phoneblock:before{
 z-index: -1;
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        border-style: solid;
        border-width: 2px;
        border-radius: 16px 0px;        
        transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1) clip-path;
        clip-path: polygon(-2% 102%, 102% 102%, 102% 102%, -2% 102%);
        transform: translateZ(0);
        background-color: hsla(0, 1.32%, 70.2%, .99);
}
.phoneblock:hover::before{
 clip-path: polygon(-2% -2%, 102% -2%, 102% 102%, -2% 102%);
 border-radius: 16px 0px;
}


 .title-bold {
font-weight: 900!important;
position: relative;
}
strong {
font-weight: 700;
}
.form-group{
 position: relative;
 margin-bottom: 2rem;
}
.special_heading{
font-size: 1rem;
font-weight: 400;
font-style: normal;
letter-spacing: .2rem;
/*line-height: 1.875;*/
text-transform: uppercase;
}
.main_heading span{
 font-weight: normal;
 color:#0795AD;
}
/*
.title-bold::after {
    width: 40px;
    content: '';
    position: absolute;
    left: 10px;
   
    height: 3px;
    z-index: 9;
    background-color: #ffde00;
    bottom: -10px;}*/


.semi-bold{
font-weight: 600!important;
}

button:focus, a:focus {
outline: none;
}

.modal{
 z-index:9999;
}
.modal-footer{
 border-top: 0;
}
.heading {
    /*margin-bottom: 40px;
    font-size: 1.9rem;
    color: #080808;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .3rem;*/
}
.heading .level-1 {
    margin-left: -8px;
}
.heading .level-1 {
    font-size: .9rem;
    color:#999;
}
.jm-title-wrap {
    position: relative;
}
.jm-title-wrap h4 {
 font-weight: bold!important;
 text-transform: uppercase;
 font-size: 1.2rem;
 letter-spacing:.1rem;
}


.img-icon-block img {
    position: absolute;
    top: 0;
    width: 47px;
}
.img-icon-block img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.img-icon-block {
    width: 80px;
    text-align: center;
    position: relative;
    left: 0;
    height: 80px;
    border-radius: 50%;
    top: 50%;
    line-height: 80px;
   /* -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

.img-icon-block:before {
    display: inline-block;
    font-size: 34px;
    color: #535353;
    font-weight: 400;
    margin: auto;
    padding: 0;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 75px;
    border-width: 3px;
    border-style: solid;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    counter-increment: section;  
    content: counter(section);
    z-index: 1;
}

.feature-block:hover .img-icon-block:before {
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
     transform: scale(1.3); 
    opacity: 0; */
    visibility: hidden; 
}

.explore .img-icon-block {
 background: #7C2933; 
}
.explore .img-icon-block:before {
    border-color: #7C2933;
}

.match .img-icon-block {
 background: #FCAB04; 
}
.match .img-icon-block:before {
    border-color: #FCAB04;
}

.meeting .img-icon-block {
 background: #0A105A; 
}
.meeting .img-icon-block:before {
    border-color: #0A105A;
}
.treatment .img-icon-block {
 background: #168B7B; 
}
.treatment .img-icon-block:before {
    border-color: #168B7B;
}
.work-process{
counter-reset: section;
}

/* END OF IMG-ICON-BLOCK */



.img-icon-block img {
    position: absolute;
    top: 0;
    width: 47px;
}
.img-icon-block img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.service-icon-block {
    width:40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 0;
    height:40px;
    border-radius: 50%;
    background: transparent;
    z-index: 11;
    color:#0795AD; 
   }

.service-icon-block:before {
    display: inline-block;
    font-size: 34px;
    color: #535353;
    font-weight: 400;
    margin: auto;
    padding: 0;
    position: absolute;
    background: transparent;
    border-radius: 50%;
    width:40px;
    height:40px;
    line-height: 75px;
    border-width:1px;
    border-style: solid;
    border-color:#0795AD ;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    content:""; 
    z-index: -1;
}

.service_column:hover .service-icon-block:before {
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
     transform: scale(1.3); 
    opacity: 0; */
    visibility: hidden; 
    
}

.service_column:hover .service-icon-block {
 color: #fff;
 background: #0795AD !important;
}





/*@-webkit-keyframes footer-link-hover {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 50% {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
 50.01% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes footer-link-hover {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 50% {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
 50.01% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}*/



@-webkit-keyframes footer-link-hover {
 0% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
 }
 50% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0);
 }
 
}



.radio, .checkbox {
    position: relative;
    display: block;
    float: left;
    margin-right: 30px;
    
}
ul, ol, li {
list-style: none;
padding: 0;
}
.liststyle{
 padding-left: 15px;
}
.liststyle li{
 list-style: disc!important;
}
.dropdown-toggle::after{
 border: none;
}



/*::after, ::before {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
*/

/* BOOTSTRAP RESET */
.list-group-item{
 background-color:transparent;
 padding: 0.75rem 0rem;
 border:0;
}
.ml-auto, .mx-auto {

    margin-left: auto !important;

}
.mr-auto, .mx-auto {

    margin-right: auto !important;

}

/* END BOOTSTRAP RESET */

.navbar {
/*box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-o-box-shadow: 0 1px 5px rgba(0,0,0,0.1);*/
    

}

.navbar {
 background:#EDF2FA;
}

.carousel .carousel-inner {
 height: 100%; 
 }
 .carousel .carousel-inner .carousel-item,
 .carousel .carousel-inner .active {
   height: 100%; 
 }

.carousel-item, .carousel-item.active {
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out;}

#carousel-example-1z .carousel-inner > .carousel-item.active::after {
    height: 100%;
    transition: all 0.5s ease-out 0s;
    z-index: 0;
    right: 0;
    width: 0;
}
/*#carousel-example-1z .carousel-inner .carousel-item::after {
    background-color:#f0f0f9;
    right: 0;
    width: 100%;
    top: 0;
    content: "";
    height: 100%;
    position: absolute;
    
    transition: all 0.5s ease-out 0s;
}*/

.carousel-fade{
 position: relative;
}






.carousel .carousel-inner {
 height: 100%; 
 }
 .carousel .carousel-inner .carousel-item,
 .carousel .carousel-inner .active {
   height: 100%; 
 }
.carousel-indicators [data-bs-target] {
 opacity: 1;
}
.carousel .carousel-indicators li{
 border-radius:0!important;
 width: 30px!important;
 height:3px!important;
 
}
.carousel-indicators li.active{
 background-color: #fff;
 position: relative;
}

.carousel-indicators li::after {
 left: 0;
 width:0;
 content: "";
 height:3px!important;
 background-color:#0795AD;
}

.carousel-indicators li.active::after {
    background-color:#0795AD;
    
    content: " ";
    height:3px!important;
    position: absolute;
    right: 0;
    transition: width 2s;
    
    width: 100%;
    z-index: 1;
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-inner .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    
    z-index: 1;
    
}

.carousel-inner .mask::after {
    /* background-color: rgba(255, 255, 255, 0.14); 
    background: url(../images/overlay6.png) repeat;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    opacity:0.2;*/
}

.noise {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: var(--z-noise);
}


.carousel-inner .mask::after {
   /* content: "";
    width: calc(100% + 20rem);
    height: calc(100% + 20rem);
    background-image: url(../images/img/63517.jpg);
    background-position: 50%;
    position: absolute;
    left: -10rem;
    top: -10rem;
    will-change: transform;
    -webkit-animation: noise 1s steps(2) infinite;
    animation: noise 1s steps(2) infinite;
    z-index: 1;
    opacity: 0.1;*/
    overflow: hidden;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    right:0;
    top:0;
    background: rgba(255,255,255,.1);
    background: url(../images/overlay4.png) repeat;
    opacity: 0.5;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

@-webkit-keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}@keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}







.rgba-black-light::after {
    /*background-color: rgba(255,255,255,0.14);*/
    background:url(../images/overlay6.png) repeat;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    width: 0;
     opacity:0.15;
    
}
 .carousel-item.active .rgba-black-light::after {
    height: 100%;
    transition: all 0.4s ease-out 0s;
    width: 100%;
} 



.carousel-item.active .desc_box{
 position: relative;
 overflow: hidden;
 z-index: 99;
 display:table;
 }
.carousel-item .desc {
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
 opacity: 0;
margin: 0 auto;
display: inline-block;
font-size: 1.6rem;
}
.carousel-item.active .desc {
opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
 transition: all 0.5s, transform 0.5s 0.5s, opacity .5s .5s;
 -webkit-transition:  all 0.5s, transform 0.5s 0.5s, opacity .5s .5s;
 transition-delay:2.5s;
 
}

.carousel-item.active .desc {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: 0;
    position: relative;
    z-index: 99999;
}

.desc_box::before {
 background-color: #0795AD;
 top: 0;
 content: " ";
 height: 1px;
 position: absolute;
 left: 0;
 transition: width 0.5s ease 0s, height 0.9s;
 width: 0;
 /*transform: translateY(-50px);
-webkit-transform: translateY-50px);*/
 transition-delay:0.9s, 1.5s;
 
}
.carousel-item.active .desc_box::before {
 height: 100%;
 width: 100%;
}

.carousel-item.active .desc_box .banner-heading{
 opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: transform 0.5s 0.5s, opacity .5s .5s;
 -webkit-transition: transform 0.5s 0.5s, opacity .5s .5s;
z-index: 11;
transition-delay: 2s;
z-index: 111;
}

.banner-heading{
 opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
padding:10px;
margin: 0;
color:#fff;
}



.rgba-black-light, .rgba-black-light:after {
    background-color: rgba(0, 0, 0, 0.3)!important;
}



.pogoSlider-dir-btn--next::before {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-weight: 900;    
}

.pogoSlider-dir-btn--prev::before {
  content: "\f060";
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-weight: 900;
        
}
.pogoSlider-dir-btn--prev:hover::before, .pogoSlider-dir-btn--next:hover::before {
 color:#000;
}

 
  .pogoSlider-dir-btn--prev {
    top: auto;
    left: auto;
    left: 0px;
    bottom: 50%;
    margin: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    line-height: 58px;
    border-radius: 0;
    transform: rotate(0);
    border: 1px solid #fff;
}
.pogoSlider-dir-btn--next{
    top: auto;
    left: auto;
    right:0;
    bottom:50%;
    margin: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    line-height: 58px;
    border-radius: 0;
    transform: rotate(0);
    border: 1px solid #fff;
}


 .pogoSlider-dir-btn--prev::after {
    right: 0;
}
.pogoSlider-dir-btn--next::after {
    left: 0;
}


.pogoSlider-dir-btn--prev:hover::after, .pogoSlider-dir-btn--next:hover::after {
    width: 100%;
}

 .pogoSlider-dir-btn--prev::after, .pogoSlider-dir-btn--next::after {
    top: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
}

 .pogoSlider-dir-btn--next::before, .pogoSlider-dir-btn--prev::before {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 58px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    
}
    
    .pogoSlider-dir-btn {
    position: absolute;
    z-index: 10;
    background: none;
     border-color: #eaeaea;
    border-color: rgba(255,255,255,0.7);
    border-style: solid;
    right: 0;
    cursor: pointer;
}

.bt-btn {
    color: #fff;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font: 500 14px/50px 'Montserrat', sans-serif;
    cursor: pointer;
}

.bt-btn::before {
    top: 0;
    border-bottom: 0!important;
}
.bt-btn::after {
    bottom: 0;
    border-top: 0!important;
}
.bt-btn span {
    padding: 0 40px;
}

.bt-btn::before, .bt-btn::after {
    left: 0;
    content: '';
    z-index: 1;
    width: 100%;
    height: 30%;
    position: absolute;
    border: 1px solid #fff;
}

.bt-btn span, .bt-btn.bt-btnblack span {
    z-index: 2;
    display: block;
    position: relative;
}
.bt-btn span {
    padding: 0 40px;
}

.bt-btn span::before {
    background: #fff;
}
.bt-btn:hover span::before {
    height: 100%;
}

.bt-btn span::before, .bt-btn.bt-btnblack span::before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    content: '';
    position: absolute;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.bt-btn:hover,.bt-btn:focus{
 text-decoration: none!important;
}

.bt-btn:hover span {
    color: #000!important;
    text-decoration: none!important;
}



.bt-black::after {
    bottom: 0;
    border-top: 0;
}
.bt-black::before, .bt-black::after {
    left: 0;
    content: '';
    z-index: 1;
    width: 100%;
    height: 30%;
    position: absolute;
    border: 1px solid #000;
}
.bt-black::before {
    top: 0;
    border-bottom: 0;
}
.bt-black::after {
    bottom: 0;
    border-top: 0;
}
.bt-black {
    color: #000;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font: 500 14px/50px 'Montserrat', sans-serif;
    cursor: pointer;
}
.bt-black span::before, .bt-black.bt-black span::before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    content: '';
    position: absolute;
}
.bt-black span {
    padding: 0 40px;
}
.bt-black span, .bt-black.bt-black span {
    z-index: 2;
    display: block;
    position: relative;
}
.bt-black:hover span::before {
    height: 100%;
}
.bt-black span::before {
    background: #000;
}
.bt-black:hover span {
    color: #fff;
} 



/* BANNER IMAGES STYLES */

.alt-img {
  left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 500ms ease 0s;
}
.module-inner:hover .alt-img {
 opacity:1;
 }
.global-image-wrapper {
 position: relative;
 overflow: hidden;
}

.title_header{
 background:#0795AD;
 color: #fff;
}
.title_header .card-title{
 color: #fff;
 letter-spacing: 1px;
 text-transform: uppercase;
 text-align: center;
 }

.products_page .global-image-wrapper{
    height: 200px;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products_page .global-image-wrapper img{
    max-height: 200px;}

.features-grids .global-image-wrapper figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.global-image-wrapper figcaption::before,
.global-image-wrapper figcaption::after {
	pointer-events: none;
}
.global-image-wrapper figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.category_products .global-image-wrapper {
	background: rgba(0, 0, 0, 0.9);
}
.category_products .global-image-wrapper:hover img {
    opacity: 0.3;
}
.global-image-wrapper:hover img {
	/*opacity: 0.5;*/
}
.global-image-wrapper figcaption::before,
.global-image-wrapper figcaption::after {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;	
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.global-image-wrapper figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1); 
	-o-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}
.global-image-wrapper figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}


.global-image-wrapper figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}
.global-image-wrapper h4,figure h2 {
	padding-top: 22%;
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	-o-transition: -o-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
	color:#fff;
	font-size: 1.8em;
    
}
.global-image-wrapper h4.gal {
	padding-top: 21%;
}
.global-image-wrapper p {
	padding: 0px 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	
}
.global-image-wrapper:hover figcaption::before,
.global-image-wrapper:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.global-image-wrapper:hover h4,
.global-image-wrapper:hover p,.global-image-wrapper:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

 /*.global-image-wrapper .quick-view {
    position: absolute;
    z-index: 10;
    right:0;
    bottom:0;
    left: inherit;
}*/

.global-image-wrapper .quick-view {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0;
    padding: .5rem;
    background: rgba(7, 148, 173, 0.5);
    color: #fff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    text-align: center;
}

.global-image-wrapper:hover .quick-view, .feature_card:hover .global-image-wrapper .quick-view {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible !important;
}

a.opacity-hover {
    display: block;
    width: 100%;
    text-align: center;
    transition: opacity 200ms;
    overflow: hidden;
}
a.opacity-hover:hover {
    opacity: 1;
    backface-visibility: hidden;
}
.opacity-hover img, .global-image-wrapper img {
    /*transition: 9.7s cubic-bezier(0.23, 1, 0.32, 1);*/
}
.global-image-wrapper:hover img, .opacity-hover:hover img {
    /*transform: scale(1.2);*/
}
.global-module img {
 display: block;
 position: relative;
 -webkit-transition: all .4s linear;
 transition: all .4s linear;
 width: 100%;
}

.global-image-wrapper .hover-mask {
 position: absolute;
 bottom: 0px;
 left: 0;
 right: 0;
 margin: 0 auto;
 box-shadow: 1px 1px 3px 
rgba(136,136,136,.19);
background-color:transparent;
text-align: center;
padding: 10px;
transform: translate3d(0px, 100px, 0px);
transition: transform 0.7s ease 0s;
}
.global-image-wrapper .mask {
 
 -webkit-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.global-image-wrapper:hover .mask {
 opacity: 1;
 z-index: 1;
}
.global-image-wrapper .mask {
 position: absolute;
 top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 z-index: 9;
 cursor: default;
}
.hover-mask h3{
 margin-bottom:1.2rem;
 display:inline-block;
 background:#fff;
 padding: 5px 10px;
 font-size: 1.3rem;
 }
.global-image-wrapper:hover .hover-mask {
 opacity: 1;
 transform: translate3d(0px, 0px, 0px);
 transition: all 500ms ease 0s; 
 z-index: 9;
}
.rgba-blue-strong, .rgba-blue-strong::after {
 background-color: rgba(11,8,62,0.5);
}
/* END OF BANNER IMAGES STYLES */

.btn-primary {
 background-color: #000!important;
 color: #fff !important;
 box-shadow: none;
 font-size: .8rem!important;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 border: 1px solid #000!important;
 display: flex;
}
.search button {
    border-radius: 62.4375rem;
    position: absolute;
    right: 0.10rem;
    height: auto;
    top: 0.25rem;
    bottom: 0.25rem;
    background:#0795AD!important;
    color: #fff!important;
    border: none!important;
}
.search button:hover {
    border-radius: 62.4375rem;
    position: absolute;
    right: 0.10rem;
    height: au;
    
    top: 0.25rem;
    bottom: 0.25rem;
    background:#0795AD!important;
    color: #fff!important;
    border: none!important;
}
.search .button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #fff;!important;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
    font-weight: bold;
    
}


.btn.btn-sm {
    padding: 0.5rem 1.6rem;

}
.btn-primary:hover, .btn-primary:focus {
 background-color: #000!important;

 box-shadow: none;
 border: 1px solid #000!important;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 
 
 }
.btn-primary:not([disabled]):not(.disabled):active{
 background-color: #0795AD!important;
}
.btn-primary .before {
 opacity: 0;
 transform: translateX(-30px);
}
.btn-primary .before::before{
 content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
}
.btn-primary:hover .before {
 opacity: 1;
 transform: translateX(0);
 transition: opacity .2s linear .2s,transform .8s cubic-bezier(.075,.82,.165,1) .2s;
}

.btn-primary p {
 color: #fff;
 font-size: .8rem;
 transform: translateX(-12px);
 transition: transform .8s cubic-bezier(.075,.82,.165,1);
 margin:0;
 font-weight: normal;
}
.btn-primary:hover p {
 transform: translateX(18px);
 transition: transform .8s cubic-bezier(.075,.82,.165,1) .1s;
}


.btn-primary .after.over {
 opacity: 1;
}

.btn-primary:hover .after.over {
 opacity: 0;
}

.btn-primary .after.over {
 opacity: 1;
 transform: translateX(0);
 transition: opacity .2s linear .2s,transform .4s cubic-bezier(.075,.82,.165,1) .2s;
}

.btn-primary:hover .after.over {
 opacity: 0;
 transform: translateX(30px);
}

.btn-primary .after::before{
 content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
}

.btn-primary .after.out {
 opacity: 1;
 transition: opacity 0s linear 1s;
}

.btn-primary .after.out {
 transform: translateX(-11px);
}

.btn-primary:hover .after.out {
 opacity: 0;
 transition: opacity .2s linear;
}

.btn-primary:hover .after.out {
    transform: translateX(9px);
    transition: transform .6s cubic-bezier(.075,.82,.165,1);
}

/*.btn-primary, .btn-primary .after, .btn-primary .before, .btn-primary p {
 display: inline-block;
}
*/
/* btn-default STYLES */

/* btn-default STYLES */

.btn-default {
 background-color:transparent!important;
 color: #000 !important;
 box-shadow: none;
 font-size: .8rem;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 border: 1px solid #000;
 /*letter-spacing: .1rem;*/
 }

.btn-default:hover, .btn-default:focus {
 background-color:transparent!important;
 color: #000 !important;
 box-shadow: none;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 box-shadow: none;
 border: 1px solid #000;
 }

.btn-default .before {
 opacity: 0;
 transform: translateX(-30px);
}
.btn-default .before::before{
 content:"\f105";
 font-family: "FontAwesome";
 }
.btn-default:hover .before {
 opacity: 1;
 transform: translateX(0);
 transition: opacity .2s linear .2s,transform .8s cubic-bezier(.075,.82,.165,1) .2s;
}

.btn-default p {
 font-size: .8rem;
 transform: translateX(-12px);
 transition: transform .8s cubic-bezier(.075,.82,.165,1);
 margin:0;
 font-weight: normal;
}
.btn-default:hover p {
 transform: translateX(18px);
 transition: transform .8s cubic-bezier(.075,.82,.165,1) .1s;
}


.btn-default .after.over {
 opacity: 1;
}

.btn-default:hover .after.over {
 opacity: 0;
}

.btn-default .after.over {
 opacity: 1;
 transform: translateX(0);
 transition: opacity .2s linear .2s,transform .4s cubic-bezier(.075,.82,.165,1) .2s;
}

.btn-default:hover .after.over {
 opacity: 0;
 transform: translateX(30px);
}

.btn-default .after::before{
 content:"\f105";
 font-family: "FontAwesome";
  }

.btn-default .after.out {
 opacity: 1;
 transition: opacity 0s linear 1s;
}

.btn-default .after.out {
 transform: translateX(-11px);
}

.btn-default:hover .after.out {
 opacity: 0;
 transition: opacity .2s linear;
}

.btn-default:hover .after.out {
    transform: translateX(9px);
    transition: transform .6s cubic-bezier(.075,.82,.165,1);
}

.btn-default, .btn-default .after, .btn-default .before, .btn-default p {
 display: inline-block;
}


/* END OF btn-default STYLES */


/* btn-light styles */

.btn-light {
 background-color: #ffde00 !important;
 color: #000 !important;
 box-shadow: none;
 font-size: .8rem!important;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 /*letter-spacing: .1rem;*/
 }
.btn-light:hover, .btn-light:focus {
 background-color: #ffde00 !important;
 color: #000 !important;
 box-shadow: none;
 font-size: 10px;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 box-shadow: none;
 }

.btn-light .before {
 opacity: 0;
 transform: translateX(-30px);
}
.btn-light .before::before{
 content:"\f105";
 font-family: "FontAwesome";
 color: #000;
}
.btn-light:hover .before {
 opacity: 1;
 transform: translateX(0);
 transition: opacity .2s linear .2s,transform .8s cubic-bezier(.075,.82,.165,1) .2s;
}

.btn-light p {
 color: #000;
 font-size: .8rem;
 transform: translateX(-12px);
 transition: transform .8s cubic-bezier(.075,.82,.165,1);
 margin:0;
 font-weight: normal;
}
.btn-light:hover p {
 transform: translateX(18px);
 transition: transform .8s cubic-bezier(.075,.82,.165,1) .1s;
}


.btn-light .after.over {
 opacity: 1;
}

.btn-light:hover .after.over {
 opacity: 0;
}

.btn-light .after.over {
 opacity: 1;
 transform: translateX(0);
 transition: opacity .2s linear .2s,transform .4s cubic-bezier(.075,.82,.165,1) .2s;
}

.btn-light:hover .after.over {
 opacity: 0;
 transform: translateX(30px);
}

.btn-light .after::before{
 content:"\f105";
 font-family: "FontAwesome";
 color:#000;
}

.btn-light .after.out {
 opacity: 1;
 transition: opacity 0s linear 1s;
}

.btn-light .after.out {
 transform: translateX(-11px);
}

.btn-light:hover .after.out {
 opacity: 0;
 transition: opacity .2s linear;
}

.btn-light:hover .after.out {
    transform: translateX(9px);
    transition: transform .6s cubic-bezier(.075,.82,.165,1);
}

.btn-light, .btn-light .after, .btn-light .before, .btn-light p {
 display: inline-block;
}

/* END OF btn-light STYLES */


/* btn-seconday styles */

.btn-secondary {
 color:#252053!important;
 background:transparent!important;
 border: 1px solid #252053;
 box-shadow: none;
 font-size: .8rem!important;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 /*letter-spacing: .1rem;*/
 }
.btn-secondary:hover, .btn-secondary:focus {
 color:#252053!important;
 background:transparent!important;
 box-shadow: none;
 font-size: 10px;
 font-weight: normal;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 box-shadow: none;
 border: 1px solid #252053;
 }
.btn-secondary:not([disabled]):not(.disabled):active{
 background-color:transparent!important;
}

/* END OF btn-secondary STYLES */



/*TRAVEL STYLES */



.section .section-heading {
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.section .section-description {
 color: #000;
 font-size: 1.3rem;
 font-weight: 400;
 font-style: normal;
 line-height: 1.53;
 letter-spacing: 0;
 text-align: justify;
}

.card-cascade{
/*border-bottom: 5px solid;*/
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
border-radius:0!important;
}
.card-cascade:hover{
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25)!important;
}
.card-cascade .card-title{
 text-transform: uppercase;
 letter-spacing: 0.1rem;
}
.card-cascade.sky-blue{
 border-color:#0facf3;
}
.card-cascade.sky-blue .card-title{
 color:#0facf3!important;
}
.card-cascade.tangerine{
 border-color:#f8f32b;
}
.card-cascade.tangerine .card-title{
 color:#f8f32b!important;
}
.card-cascade.bottle-green{
 border-color:#0b6e4f;
}
.card-cascade.bottle-green .card-title{
 color:#0b6e4f!important;
}
.card-cascade.pastel-red{
 border-color:#ff1d15;
}
.card-cascade.pastel-red .card-title{
 color:#ff1d15!important;
}
.card-cascade.ksu-purple{
 border-color:#541388;
}
.card-cascade.ksu-purple .card-title{
 color:#541388!important;
}
.card-cascade.granite-gray{
 border-color:#626868;
}
.card-cascade.granite-gray .card-title{
 color:#626868!important;
}

.bg-img {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.single-project-slide {
  position: relative;
  z-index: 1;
  height:600px;
  overflow: hidden;
 /* border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2); */
}


  @media only screen and (max-width: 767px) {
    .single-project-slide {
      height: 650px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-project-slide {
      height: 700px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-project-slide {
      height: 650px; } }


  .single-project-slide .project-content {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }


    .single-project-slide .project-content .text h6 {
      color: #000; }

    .single-project-slide .project-content .text h5 {
      color: #000;
      margin-bottom: 0; }

  .single-project-slide .hover-effects {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 100;
    -webkit-transform: translateY(72%);
    -ms-transform: translateY(72%);
    transform: translateY(72%);
    opacity: 1;
    visibility:visible;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms; }


    .single-project-slide .hover-effects .text {
      padding:10px; }

      .single-project-slide .hover-effects .text h6 {
        color: #000; }

      .single-project-slide .hover-effects .text h5 {
        color: #000;
        margin-bottom: 10px; }


      .single-project-slide .hover-effects .text p {
        margin-bottom: 0;
        color: #000; }


    .single-project-slide .hover-effects .project-btn {
      font-size: 16px;
      padding: 0 30px;
      display: block;
      background-color:#fff;
      border-radius: 0;
      color: #ffde00;
      text-align: left;
      font-weight: 500;
      height:50px;
      width: 100%;
      line-height:50px;
      margin: 0!important;
}
  .single-project-slide.active .hover-effects {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    visibility: visible; }

.section-title::before {
 bottom: -1px;
 content: "";
 height: 4px;
 position: absolute;
 width: 74px;
 background: #ffde00;
}
.section-title.centered-aligned::before {
 left: 0;
 right: 0;
 margin: auto;
}
.section-title {
 display: block;
 padding: 0 0 12px;
 position: relative;

}
.why-us{
 background:#f5f5f5;
}
.why-us .fa{
font-size: 20px;

}
.why-us .fa::before {
 
 background-color: #ffde00;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: center;
}
.why-us td{
border: 0;
}
.jarallax, .side-nav {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.jarallax {
 min-height:500px;
}
.jarallax.contact{
 min-height:300px;
}

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.jarallax .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}
.callout__block {
    position: relative;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex: 1;
}

 

 .mobile-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background:url(../images/overlay4.png) repeat;
    z-index: 3;
    -webkit-transition: opacity 0.5s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    z-index: 10;
    margin: 0;
}
.callout__block .banner-heading{
 transform: none;
}

.callout__block .banner-heading p{
 font-size: 14px;
 font-weight: normal;
}
.sale-bg{
 background:red url(../images/wave-line.png)repeat;
}
.demo-gap {
    padding: 50px;
    overflow: hidden;
}


.demo-gap-half .demo-gap-1 .jarallax {
    padding-top: 112.5%;
}

.counter{
 font-size:44px;
 color: #fff;
 font-weight: bold;
}



.jarallax-keep-img {
    position: relative;
    z-index: 0;
}
.jarallax-keep-img > .jarallax-img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: -100;
}
span[data-jarallax-element] {
    display: inline-block;
}


.jarallax-keep-img.demo-float-left {
    margin-right: 15px;
    margin-left: -60px;
}
.jarallax-keep-img.demo-float-right {
    margin-left: 15px;
    margin-right: -60px;
}

@media screen and (max-width: 600px) {
    .jarallax-keep-img.demo-float-left,
    .jarallax-keep-img.demo-float-right {
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}

/* hero block */
.demo-table {
    display: table;
    width: 100%;
    height: 600px;
    background-color: rgba(39, 35, 51, 0.6);
    color: #fff;
}
.demo-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* gap */
.demo-gap {
    padding: 50px;
    overflow: hidden;
}
.demo-gap h1,
.demo-gap h2,
.demo-gap h3 {
    text-align: center;
}
.demo-gap .container {
    max-width: 800px;
    margin: 0 auto;
}


.demo-gap-half .demo-gap-1 .jarallax,
.demo-gap-half .demo-gap-2 .jarallax {
    padding-top: 56.25%;
    min-height: 0;
    height: 0;
}
.demo-gap-half .demo-gap-1 .jarallax {
    /*padding-top: 112.5%;*/
}

/* Demo Content */
.demo-content {
    background-color: #f7f7f7;
    padding: 80px;
}


/* Float */
.demo-float-left {
    float: left;
}
.demo-float-right {
    float: right;
}


/* Carousel */
.demo-carousel {
    background-color: rgb(39, 35, 51);
}
.demo-carousel .demo-carousel-item {
    width: 33.33%;
    min-height: 300px;
}
@media screen and (max-width: 780px) {
    .demo-carousel .demo-carousel-item {
        width: 50%;
    }
}
@media screen and (max-width: 400px) {
    .demo-carousel .demo-carousel-item {
        width: 100%;
    }
}


/* Mobile */
@media screen and (max-width: 500px) {
    .demo-gap,
    .demo-content {
        padding: 50px 30px;
    }
}

/* TESTIMONIAL STYLES */
    
.client-testimonial .item {
    margin: 0 15px;
}

.owl-carousel .item, .swiper-slide.item {
    margin: 10px;
    padding-bottom: 15px;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 40%;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: #000 !important;
    color: #fff !important;
}
    
.testimonial__quote::before {
    position: absolute;
    content: '“';
    top: 24px;
    left: 0;
    /*background-color: #414141;*/
    color: #BFDFE4;
    width: 30px;
    font-size: 100px;
    text-align: left;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    line-height: 56px;
}

.owl-item.active.center .testimonial__quote::before {
    position: absolute;
    content: '“';
    top: 24px;
    left: 0;
    /*background-color: #fff;*/
    color: #fff;
    width: 30px;
    
    font-size:100px;
    text-align: left;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    line-height: 56px;
}




.testimonial__quote {
    position: relative;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 21px 15px 21px 45px;
    margin-bottom: 30px;
    vertical-align: middle;
    font-size: 16px;
    height: 220px;
    margin-top: 30px;
}

.owl-item.active.center .testimonial__quote {
    position: relative;
    background:#BFDFE4;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 21px 15px 21px 45px;
    margin-bottom: 30px;
    vertical-align: middle;
    font-size: 16px;
    height: 220px;
    margin-top: 30px;
    color: #000;
}

.testimonial__quote::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #fff transparent transparent transparent;
    bottom: -20px;
    left: 30px;
}

.owl-item.active.center .testimonial__quote::after {
 border-color: #BFDFE4 transparent transparent transparent;
  
}

.testimonial__author {
 font-style: normal;
 font-weight: 700;
}

.testimonial__author-description {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    display: inline-block;
}
    
.testimony-wrap {
    font-style: italic;
    line-height: 1.8;
    font-weight: 400;
    
}

.testimony-wrap .avatar {
    width: 80px;
    height: 80px; */
    border-radius: 50%;
    position: relative;
    background-position: top center;
}
  

.product-grid {
 position: relative;
 border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 padding: 0;
 }
.product-grid li {
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #cccc;
 float: left;
}

.embed-copilot-mode-background__background {/*background-image: radial-gradient(circle at 66% 34%, #4ec6b14d 0, #4ec6b14d 4%, #4ec6b140 12%, #4ec6b129 28%, #4ec6b100 55%), radial-gradient(circle at 30% 36%, #2b98cd80 0, #2b98cd78 9%, #2b98cd69 16%, #2b98cd24, #2b98cd00 60%);*/
background: #fff;
/*background: radial-gradient(circle, rgba(174, 238, 237, 1) 0%, rgba(148, 187, 233, 1) 100%);*/
}
.embed-copilot-mode-background__background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .8s 
cubic-bezier(.215, .61, .355, 1);
}

.featured_brands_item {
    border: 1px solid #34575F;
    border-radius: 5px;
    margin-bottom: 3px;
    padding: 5px 10px;
    height: 100%;
    background:#fff;
    
}
.featured_brands_item img {
 height: auto;
 margin: auto;
 max-width: 100%;
 filter: 
 }
.featured_brands_item:hover img {
    filter: brightness();}

.featured_brands_a {

    color: #a1a1a1;
    display: block;
    font-weight: 300;
    line-height: 1.1;
    overflow: hidden;
    padding: 55% 8px 10%;
    position: relative;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;

}


.swiper-container, .clientelle-container {
  height: auto;
  margin:0;
  overflow: hidden;
}


.swiper-slide {
  width:200px;
  margin:3px 5px;
  overflow: hidden;
  background-position: top;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.swiper-wrapper {
  -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; 
}


/*----------------------
 FOOTER
-----------------------*/

#footer {
    position: relative;
    /*background:#f2fafd;*/
    background:#f6f6f6;
}
#footer p{
 font-size:13px;
 margin-bottom:0.3rem
}
.social_media_section a{
 font-size: 18px;
 text-decoration: none;
}
.footer_bg{
 background: url(../images/footer_bg.jpg);
 height: 400px;
 background-size: cover;
}


#footer ul.sub li {
    position: relative;
    display: flex;
    margin-bottom: 15px; 
    align-items: flex-start;
}

.page-footer {
    padding: 20px 0 0 0;
    position: relative;
    background: #1e1e1e;
}


.footer-brand {
    font-size: 30px;
}

.footer-links {
    padding-left: 0;
    list-style-type: none
}
.footer-links li {
    /* float: left; */
   /* display: inline-block;
    padding: 10px 25px;
    position: relative;*/
}

/*.footer-widget p {
    color: #888;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 14px;
}*/

.footer-widget h3 {
    color:#000;
    margin-bottom: 30px;
}
.footer-widget .card-header{
 background:#9dccd4;
}

.footer-links a {
    color: #000!important;
    line-height: 40px;
    text-decoration: none;
    }
.footer-links a:hover, .footer-links a:focus {
    color:#0795AD!important;
    line-height: 40px;
    text-decoration: none;
    
}

.footer-links i{
    width: 25px;
}


. i{
 font-size: 16px;
}

.fb-icon:hover{
 color:#475992!important;
}
.youtube-icon:hover{
 color:red!important;
}

.footer-copy {
    color:#888;
    font-size: 16px;
    position: relative;
}

.current-year {
    color: #21c87a !important;
}

.footer-copy:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 12px;
    width: 66%;
    height: 1px;
    background: #94959a;
}
/* FOOTER STYLES */


.footer {
 float: left;
 padding: 0;
 position: relative;
 width: 100%;
 -webkit-transition: height 0.9s;
 transition: height 0.9s;
 transition-delay: 0s;
 transition-delay: 0s;
 overflow: hidden;
 }
.dark-red {
 background:#0097fe;
}
.light-grey{
 background:#f1f1f1;
}
.footbox-style {
    width: 100%;
    position: relative;
    float: left;
}
.footbox, .open-the-footer {
    float: left;
    position: relative;
    width: 100%;
}

.office-address a, .copyright_info a {
    color: #000;
    text-decoration: none;
}

.office-address a:hover, .office-address a:focus, .copyright_info a:hover, .copyright_info a:focus{
 color: #0795AD;
}


.open-the-footer h5 {
 color: #fff;
 margin: 17px 0;
 text-transform: uppercase;
 font-size: 14px;
 letter-spacing: .1rem;
}
.footer.light-grey .open-the-footer h5{
 color:#000!important;
 font-weight:bold;
}
 
.footer.light-grey .wrap, .footer.light-grey .show-bg{
 background:none!important;
} 
.credits p{
 color: #fff;
}
.footer.light-grey .credits p{
 color: #000;
}
.dcjq-icon::before {
    display: inline-block;
    content: "\f067";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 14px;
    font-weight: lighter;
    
}
.active .dcjq-icon::before {
    content: "\f068";
    font-family: "FontAwesome";
    }
.footer.light-grey .dcjq-icon::before {
 color: #000;
 }
.footer.light-grey .active .dcjq-icon::before {
 color: #000;
}
 .dcjq-icon::before {
    position: absolute;
    right: 0;
    top:15px;
}
 .sub-menu {
 position: relative;
 display: flex;
 flex-direction: column;
 margin-bottom: 20px;
}

.sub li .icon {
 margin-right: 10px;
}
.icon span {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    transition: .3s all;
    color: #0795AD;
    font-size: 20px;
    background: transparent;
    
    border: 1px solid #0795AD;
}
.sub li .address {
    color: #000;
    position: relative;
    
}

.social-links li {
    display: inline-block;
    padding: 0 10px;
}

.social-links li a{
 color: #000;boo
}

.social-links li a i{
 font-size: 20px;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:115px;
	right:2px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}



.copyright_info{
 padding: 15px 0;
 background:transparent;
 /*width: 100%;*/
 position: relative;
 color: #000;
}
footer.page-footer .footer-copyright {
    overflow: hidden;
    background-color: transparent;
    color:#000;
}
.contact-address span + span, .contact-phone span + span, .contact-email span + .plain-black {
 font-weight: bold;
}

.footer-info {
    position: absolute;
    right: 0;
    z-index: 9999999999;
    top: 0;
}

.footer-info span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: normal;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    word-spacing: 0.09em;
    background: #f2f2f2;
    color: #000;
    font-size:10px;
    padding-right:30px;
}
.footer-info span::before {
    display: inline-block;
    content: "\f054";
    font-family: FontAwesome;
    font-weight: lighter;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform, -o-transform;
    transition-timing-function: ease;
    text-align: center;
    line-height: 50px;
    position: absolute;
    right: 10px;    
   }
.footer-info span.active::before {
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 display: inline-block;
}

.footer.dark-red .footer-info span {
  background:transparent;  
  color: #fff;
}
.newsletter-form .form-control {
 border-radius:0;
}
/* BACK TO TOP STYLES */

#back-top {
    position: fixed;
    bottom: 50px;
    right: 0;
    display: none;
    z-index: 99;
}
#back-top span {
 background:#000;
 color:#0795AD;
 font-size: 12px;
}
#back-top span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: normal;
    cursor: pointer;
    width: 107px;
    height: 30px;
    line-height: 30px;
}
#back-top span:last-child {
    width: 40px;
    margin-left: 1px;
    font-size: 19px;
}
.section-heading .subheading {

    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #0097fe;
    letter-spacing: 2px;

}
.diamond-box{
 width: 200px;
height: 200px;
background: rgb(0,0,0,0.5);

}
.callout__block .banner-box::before {
  border: 2px solid #000;
  bottom: 15px;
  left: 15px;
  opacity:.3;
  right: 15px;
  top: 15px;
  position: absolute;
  content: "";
}
.callout__block .banner-box {
    text-transform: uppercase;
    background: #fff;
    opacity: 1;
    transform:rotate(45deg);
    width: 300px;
    height: 300px;
    margin: 100px auto;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.callout__block .banner-box .banner-content{
 transform: rotate(-45deg);
}
.callout__block .banner-content {
 /*color: #fff;*/
}
.about-us-thumbnail .single-thumb:first-child {
 margin-bottom: 10px;
}



.about-us-thumbnail .single-thumb {
 position: relative;
 z-index: 1;
 margin: 5px;
 margin-bottom: 5px;
 display: block;
 overflow: hidden;
 border-radius: 6px;
}
.about-us-thumbnail .img-fluid{
 transition: all 0.1s ease-in-out 0s;
}


.about-us-thumbnail .slice_1 {
transition-delay: 0.1s;
}
.about-us-thumbnail .slice_2 {
transition-delay: 0.2s;
}
.about-us-thumbnail .slice_3 {
transition-delay: 0.3s;
}
.about-us-thumbnail .slice_4 {
transition-delay: 0.6s;
}
.about-us-thumbnail .slice_5 {
transition-delay: 0.5s;
}
.about-us-thumbnail .slice_6 {
transition-delay: 0.4s;
}

.about-us-thumbnail .left_bg{
 position: absolute;
 left:-100px;
 top:0;
}
.pxy-1{
padding: .05rem .10rem!important;
}
.attribution_link{
 position: absolute;
 left:10px;
 top:15px;
 font-size: 12px;
 
}
.card-wrapper .avatar {

    display: block;
    margin-top: -60px;
    overflow: hidden;
    width: 120px;

}


/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
}

/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
		-webkit-transform: rotateY( 180deg );
   -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
        z-index: 3;
}

.back .btn-simple{
    position: absolute;
    left: 0;
    bottom: 4px;
}
/*        Style       */


.card{
    /*background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    color: #444444;*/
}

.card .cover{
    height: 105px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.card .cover img{
    width: 100%;
}
.card .user{
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: -55px auto 0;
    overflow: hidden;
    width: 120px;
}
.card .user img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    width: 100%;
}

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 10px 20px 20px;
}
.card .content .main {
    min-height: 160px;
}
.card .back .content .main {
    height: 215px;
}
.card .name {
	
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: capitalize;
}

.card .profession{
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.card .footer {
    border-top: 1px solid #EEEEEE;
    color: #999999;
    margin: 30px 0 0;
    padding: 10px 0 0;
    text-align: center;
}
.card .footer .social-links{
    font-size: 18px;
}
.card .footer .social-links a{
    margin: 0 7px;
}
.card .footer .btn-simple{
    margin-top: -6px;
}
.card .header {
    padding: 15px 20px;
    height: 90px;
}
.card .motto{
	
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
}

.card .stats-container{
	width: 100%;
	margin-top: 50px;
}
.card .stats{
	display: block;
	float: left;
	width: 33.333333%;
	text-align: center;
}

.card .stats:first-child{
	border-right: 1px solid #EEEEEE;
}
.card .stats:last-child{
	border-left: 1px solid #EEEEEE;
}
.card .stats h4{
		
	font-weight: 300;
	margin-bottom: 5px;
}
.card .stats p{
	color: #777777;
}
/*      Just for presentation        */

.title{
    color: #506A85;
    text-align: center;
    font-weight: 300;
    font-size: 44px;
    margin-bottom: 90px;
    line-height: 90%;
}
.title small{
    font-size: 17px;
    color: #999;
    text-transform: uppercase;
    margin: 0;
}
.space-30{
	height: 30px;
	display: block;
}
.space-50{
    height: 50px;
    display: block;
}
.space-200{
    height: 200px;
    display: block;
}
.white-board{
    background-color: #FFFFFF;
    min-height: 200px;
    padding: 60px 60px 20px;
}
.ct-heart{
    color: #F74933;
}

 pre.prettyprint{
    background-color: #ffffff;
    border: 1px solid #999;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
}
.atv, .str{
    color: #05AE0E;
}
.tag, .pln, .kwd{
     color: #3472F7;
}
.atn{
  color: #2C93FF;
}
.pln{
   color: #333;
}
.com{
    color: #999;
}

.btn-simple{
    opacity: .8;
    color: #666666;
    background-color: transparent;
}

.btn-simple:hover,
.btn-simple:focus{
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
}
.btn-simple i{
    font-size: 16px;
}

.navbar-brand-logo{
    padding: 0;
}
.navbar-brand-logo .logo{
    border: 1px solid #333333;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 60px;
}
.navbar .navbar-brand-logo .brand{
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
}
.navbar-default .navbar-brand-logo .brand{
    color: #555;
}


/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back{
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
    }
    .front{
        z-index: 4;
    }
    .card-container:not(.manual-flip):hover .back,
    .card-container.manual-flip.hover .back{
        z-index: 5;
        visibility: visible;
    }
}

#map {

    height: 400px;
    width: 100%;

}
.bg-white {

    background-color: #fff !important;

}

.spinner button{
 margin:0;
 box-shadow: none;
  border-color: #ccc;
 padding: 0.55rem 1.14rem !important;
 color: #000;
 border-radius:0;
 height: 41px;
}
.spinner button:first-child{
 border-left:0;
 border-right: 0;
}
.spinner button:hover, .spinner button:active, .spinner button:focus{
 box-shadow: none!important;
}

/* ECONOMY OR BUSINESS CLASS STYLES */

/* DEMO 1 */

.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    /*width: 200px;*/
    padding: 10px;
    margin: 20px auto;

    /* Styles */
    background: #f7f7f7;
    color: #000;
    outline: none;
    cursor: pointer;
    border: 1px solid #ccc;
    /* Font settings */
    font-weight: bold;
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #000;    
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 101%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f7f7f7;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
  background: #9bc7de;
  background: -moz-linear-gradient(left,  #f7f7f7 0%, #f7f7f7 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7f7f7), color-stop(78%,#f7f7f7), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #f7f7f7 0%,#f7f7f7 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #f7f7f7 0%,#f7f7f7 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #f7f7f7 0%,#f7f7f7 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #f7f7f7 0%,#f7f7f7 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=1 );
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}
.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}


/* END OF ECONOMY OR BUSINESS CLASS STYLES */


.tab {
  display: none;
}
.modal .form-control{
 background: #f2f2f2;
}
.form-control, .form-select {
 height:50px;
 }
.form-control::-moz-placeholder {
opacity:0.4!important;
}
.form-control::placeholder {
 opacity:0.4!important;
}

.mandatory:after {
    content: '*';
    color: #ED2D2C;
}

.form-control:focus {
 box-shadow: none!important;
 border-color: #f2f2f2;
}

.personal-info .icon-append, .input-icon .icon-append {
left: 15px !important;
top: 12px;

}

.personal-info .icon-append, .personal-info .icon-prepend, .input-icon .icon-append{
 font-size: 15px;
 height: 29px;
 line-height: 29px;
 position: absolute;
 text-align: center;
 width: 29px;

}
.personal-info .icon-append, .input-icon .icon-append {
 /*border-left-style: solid;*/
 border-left-width: 1px;
 padding-left: 3px;
 right: 23px;

}
.personal-info .icon-append, .personal-info .icon-prepend, .input-icon .icon-append {
 color: #000;

}
.personal-info .form-control, .input-icon .form-control {
 /*padding-left: 40px !important;*/
}
.input {
 width:100%;
}
.form-inline label{
 flex-direction: column;
 align-items: flex-start;
}
.fieldset-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: #000;
}

 .city-remover {

    border: none !important;
    border-radius: 50%;
    display: block;
    font-size: 14px;
    height: 30px;
    padding: 1px 2px 0;
    text-align: center;
    transition: all 1s ease 0s;
    width: 30px;
    background: #000;
    color: #fff;
    position: absolute;
    top: 10px;
    right:-40px;

}
label.error {
font-size: .8rem;
display: block;
margin-top: 5px;
text-align: left;
}
input.error {
border: 1px dashed red;
font-weight: 300;
color: red;
}

.smart-form .success {
 color: #4d4d4d;
 display: none;
}
.smart-form.submited .success {

    background-color:rgb(255,255,255,0.5);
    border-color: #eee;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 5px;
    display: block!important;
    padding:30px;
    margin:40px 0;
    text-align: left;
    color: #000;

}
.smart-form.submited fieldset, .smart-form.submited footer, .smart-form.submited .form-container {
 display: none;

} 
.form-container .heading{
 font-size:1.5rem;
}

/* COMMON CHECKBOX AND RADIO STYLES */

.checkbox, .radio {
    color: #000;
    cursor: pointer;
    font-size: .875em;
    line-height: 25px;
    margin-bottom: 4px;
    padding-left: 25px;
    
}
 .checkbox input, .radio input {
    left: -9999px;
    position: absolute;
}
.checkbox input + i::after, .radio input + i::after {
    opacity: 0;
    position: absolute;
    transition: opacity 0.1s ease 0s;
}
 .checkbox input + i::after {
    color: #0097fe ;
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    height: 15px;
    left: 1px;
    text-align: center;
    top:-1px;
    width: 15px;
}
 .checkbox input:checked + i::after,  .radio input:checked + i::after {
    opacity: 1;
}

 .radio input + i::after {
    border-radius: 50%;
    content: "";
    height: 6px;
    left:6px;
    top:6px;
    width:6px;
}
 .radio input + i::after {
    background-color: #000;
}
 .checkbox input + i::after,  .radio input + i::after {
    opacity: 0;
    position: absolute;
    transition: opacity 0.1s ease 0s;
}
 .radio i {
    border-radius: 50%;
}
 .checkbox i, .radio i {
    background: transparent;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 20px;
    left: 0;
    outline: 0 none;
    position: absolute;
    top: 3px;
    width: 20px;
}
/* END OF COMMON CHECKBOX AND RADIO STYLES */

.sort-by label {
 /*display: table-cell;
 vertical-align: middle;
 text-align:right;
 float: right;
 line-height:40px;
 margin-right: 5px;
 margin-bottom:0;*/
}
.sort-by .bootstrap-select{
 float:right!important;
}
.sort-by .selectpicker {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/down-arrow.png") no-repeat scroll right 10px center;
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: none;
    cursor: pointer !important;
    float: left;
    margin-top: -1px;
    margin: 5px 10px 5px 65px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width:200px;
}

.bootstrap-select > .dropdown-toggle, .bootstrap-select > .dropdown-toggle:hover, .bootstrap-select > .dropdown-toggle:focus, .show > .btn-light.dropdown-toggle, .show > .btn-light.dropdown-toggle:focus{
 background-color:transparent!important;
 background: transparent!important;
 /*background: url("../images/down-arrow.png") no-repeat scroll right 10px center;
 /*border: 1px solid #000!important;*/
 box-shadow: none!important;
 outline: none;
 margin: 0;
 color:#000!important;
}

.nav-regular .nav-panel a .caret::before, .nav-vert li.level0 > a .caret::before {

    content: "\f105";

}
.caret::before {

    content: "\f107";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin: -8px 0 0 2px;

}

.card-container, .front, .back {
	width: 100%;
	height: 320px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
}
.testimonial-card .card-up, .front .card-up {
 overflow: hidden;
 height: 120px;
 border-top-left-radius: .25rem;
 border-top-right-radius: .25rem;
}
.front .avatar {

    border-radius: 50%;
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid 

    #fff;

}
.card .cover{
    height: 105px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.card .cover img{
    width: 100%;
}
.card .user{
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: -55px auto 0;
    overflow: hidden;
    width: 120px;
}
.card .user img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    width: 100%;
}

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 10px 20px 20px;
}
.card .content .main {
    min-height: 160px;
}
.card .back .content .main {
    height: 215px;
}

.card .profession{
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.card .footer {
    border-top: 1px solid #EEEEEE;
    color: #999999;
    margin: 30px 0 0;
    padding: 10px 0 0;
    text-align: center;
}
.card .footer .social-links{
    font-size: 18px;
}
.card .footer .social-links a{
    margin: 0 7px;
}
.card .footer .btn-simple{
    margin-top: -6px;
}
.card .header {
    padding: 15px 20px;
    height: 90px;
}
.card .motto{
		
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
}

.card .stats-container{
	width: 100%;
	margin-top: 50px;
}
.card .stats{
	display: block;
	float: left;
	width: 33.333333%;
	text-align: center;
}

.card .stats:first-child{
	border-right: 1px solid #EEEEEE;
}
.card .stats:last-child{
	border-left: 1px solid #EEEEEE;
}
.card .stats h4{
		
	font-weight: 300;
	margin-bottom: 5px;
}
.card .stats p{
	color: #777777;
}
.list-group-item {

    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: 

#fff;

border: 1px solid

    rgba(0, 0, 0, 0.125);

}

.nav-tabs .nav-link.active {
 color: #fff;
background-color:#000;
border-color:#dee2e6 #dee2e6 #fff;

}

/* END OF TRAVEL STYLES*/





.shipping-info, .billing-address, .edit-address, .add-address {
    display: none;
}


.st-content {
 overflow-y: scroll;
 background: #f3efe0;
}

.st-content,
.st-content-inner {
 position: relative;
}

.st-container {
 position: relative;
}
.st-container.st-effect-5.st-menu-open{
 overflow: hidden;
}
.st-pusher {
	position: relative;
	left: 0;
	height: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
body, .st-container, .st-pusher, .st-content {
    height: 100%;
}
.carousel-control-prev, .carousel-control-next{
 z-index:1;
}


.carousel .view{
 background-position: 50% 0;
 -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
 /*filter: brightness(60%);*/
transition-delay: 0.4s;
}
.carousel-item .view {
height:100%;
}

.first-level{
 width:120%;
 height:40px;
 display: flex;
 align-items: center;
 text-align: center;
 justify-content: center;
 background:transparent;
 position:relative;
 margin-left: -30px;
 overflow: hidden;   
 -ms-transform: translate(0px,0px);
 -webkit-transform: translate(0px,0px);
 transform:translate(0px,0px);
 z-index:0;
 transition: all 0.9s ease-in-out 0s;
}

.first-level h2 {
 transform: translate(0px,0px)!important;
 transition-duration:2.5s;
 }    

.carousel-item.active .first-level h2 {
 transform: translate(0px,40px)!important;
 }  

.carousel-item.active .first-level  {
 opacity:1;
 transition-delay: .5s;   
 -ms-transform:translate(0px,0px);
 -webkit-transform:translate(0px,0px);
 transform:translate(0px,0px);
    

transition-duration:1.5s !important;

transition:transform 1s,opacity 2s, clip-path 5s;
/*-webkit-transition: all 1s, clip-path .5s .5s;
-webkit-transition-delay:0.5s, 1s;
 transition-delay:0.5s, 1s !important;*/
 }




.level-1{
  
  width:120%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background:transparent;
  position:relative;
  margin-left: -30px;
  overflow: hidden;   
   -ms-transform: translate(0px,0px) rotate(-10deg);
 -webkit-transform: translate(0px,0px) rotate(-10deg);
  transform:translate(0px,0px) rotate(-10deg);
  z-index:0;
  transition: all 0.9s ease-in-out 0s;
  -webkit-clip-path: inset(100% 0 0 0);
clip-path: inset( 100% 0 0 0);    
  
    
    
}
.level-1 h2 {
 /*transform: translate(0px,-30px) rotate(10deg) !important;*/
 transition-duration:5.5s;
 transition-delay:.4s;
 opacity:0;
 }    

.carousel-item.active .level-1 h2 {
 /*transform: translate(0px,70px) rotate(10deg) !important;*/
 opacity:1;
 transition: all 2.5s;
 }  

.carousel-item.active .level-1  {
 opacity:1;
 transition-delay: .5s;   
 -ms-transform:translate(0px,0px) rotate(-10deg);
 -webkit-transform:translate(0px,0px) rotate(-10deg);
 transform:translate(0px,0px) rotate(-10deg);
 transition-duration:1.5s !important;
 transition:transform 1s,opacity .2s, clip-path .5s;
 -webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);    
   
    
/*-webkit-transition: all 1s, clip-path .5s .5s;
-webkit-transition-delay:0.5s, 1s;
 transition-delay:0.5s, 1s !important;*/
 }
     
    
 .level-2 {
  width:120%;
  height:30px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position:relative;
  
  margin-left: -30px;
  overflow: hidden;
  z-index:9!important;
  -webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);   
-ms-transform: rotate(-10deg) translate(0px,10px);
 -webkit-transform:rotate(-10deg) translate(0px,10px);
transform: rotate(-10deg) translate(0px,10px);

}
    
.carousel-item.active .level-2  {
 opacity:1!important;

 -ms-transform: rotate(-10deg) translate(0px,10px);
 -webkit-transform:rotate(-10deg) translate(0px,10px);
transform: rotate(-10deg) translate(0px,10px);
    
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset( 100% 0 0 0);     

transition-duration:2.5s;
transition: all 2s, opacity 0.3s 0.3s, clip-path 0s;
-webkit-transition-delay:2s;
 transition-delay:2s;
}


.level-2 h1{
-ms-transform: translate(0px,-35px);
 -webkit-transform: translate(0px,-35px);
 transform: translate(0px,-35px);
}    
.carousel-item.active .level-2 h1 {    
 -ms-transform: translate(0px,40px);
 -webkit-transform: translate(0px,40px);
transform: translate(0px,40px);
transition-duration:1.5s;
 transition: all 1.5s;
-webkit-transition: all 1.5s;
-webkit-transition-delay:1.5s;
 transition-delay:1.5s !important;
 -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.1), 0 0 40px rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.1), 0 0 40px rgba(255, 255, 255, 0.1) inset;
  box-shadow:0 1px 4px rgba(255, 255, 255, 0.1), 0 0 40px rgba(255, 255, 255, 0.1) inset;
    }
    
.level-3{
 -ms-transform: translate(0px,10px); /* IE 9 */
 -webkit-transform: translate(0px,10px); /* Safari */
  transform: translate(0px,10px); /* Standard syntax */
  opacity:0;
  
}
    
.carousel-item.active .level-3{
 -ms-transform: translate(0px,60px); /* IE 9 */
 -webkit-transform: translate(0px,60px); /* Safari */
  transform: translate(0px,60px); /* Standard syntax */
  transition-duration:2s;
   -webkit-transition-duration:2s;
    opacity:1;
   transition-delay:1.9s;
}
    
.product-description  {
 position: relative;
 -ms-transform: translate(0px,50px);
 -webkit-transform: translate(0px,50px);
transform: translate(0px,50px);
z-index:0;
opacity: 0;
}
.carousel-item.active .product-description  {
 opacity:1;
    
 -ms-transform: translate(0px,70px);
 -webkit-transform: translate(0px,70px);
 transform: translate(0px,70px);
    
transition-duration:1.5s !important;
transition-delay:2s!important;
transition:transform 3s,opacity .2s;
}
 
/*

img.animate {
  animation: magic 4s infinite;
  height: 300px;
  position: relative;
  display: flex;
}

@keyframes magic {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  20% {
    -webkit-clip-path: polygon(28% 0, 73% 0, 100% 100%, 0% 100%);
    clip-path: polygon(28% 0, 73% 0, 100% 100%, 0% 100%);
  }
  40% {
    -webkit-clip-path: polygon(0 0, 100% 72%, 100% 100%, 0 35%);
    clip-path: polygon(0 0, 100% 72%, 100% 100%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(50% 0, 50% 0, 100% 100%, 0% 100%);
    clip-path: polygon(50% 0, 50% 0, 100% 100%, 0% 100%);
  }
  80% {
    -webkit-clip-path: polygon(0 70%, 100% 0, 100% 32%, 0 100%);
    clip-path: polygon(0 70%, 100% 0, 100% 32%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
*/

.top-info-block {
  /*margin-right: 30px;*/
}
.icon-block {
    margin-right:10px;
    }
.icon-block span {
  width: 30px;
  height: 30px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #e6e9f2;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.emptybox {
    width: 34px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #0795AD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:transparent;
    border-radius:10px;
}
.search_icon_block{
 position: absolute;
 right: 70px;
 top:12px;
}

.icon-block i{
  font-size: 12px;
}
.info-block small{
 color: #0795AD;
}

.search .form-control {
    
    border-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 62.4375rem;
    padding-left: 2.975rem;
}

.search i {
    position: absolute;
    line-height: 1;
    left: 1.3rem;
    top: 17px;
}
/* HEADER STYLES */
.navbar-brand > img {
 transition: all 1000ms ease-in-out;
 -webkit-transition: all 1000ms ease-in-out;
 -moz-transition: all 1000ms ease-in-out;
 -o-transition: all 1000ms ease-in-out;
 }



.sidebar-toggle-box::before {
 top: 13px;
    
}
.sidebar-toggle-box > span, .sidebar-toggle-box::before, .sidebar-toggle-box::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    opacity: 1;
    position: absolute;
    width: 30px;
    transition: transform 200ms ease 0s, -webkit-transform 200ms ease 0s;
}

.sidebar-toggle-box::after {
    top: 25px;
    
}
.sidebar-toggle-box > span {
    top: 19px;
}
.sidebar-toggle-box.open::before {
  
    top: 20px;
    transform: rotate(45deg);
}
.sidebar-toggle-box.open::after {
   
    top: 20px;
    transform: rotate(-45deg);
}
.sidebar-toggle-box.open > span {
    left: 100px;
    opacity: 0;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform, -o-transform;
    transition-timing-function: ease;
}
    .sidebar-toggle-box > span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform, -o-transform;
    transition-timing-function: ease;

    }



.sidebar-toggle-box {
 height:32px;
 width: 32px;
 cursor: pointer;
 right:25px;
 z-index: 9;
 position: absolute;
 top:15px;
}

.sidebar-toggle-box .fa-bars {
  color: #25211e;
  cursor: pointer;
  display: inline-block;
  font-size: 35px;
  padding: 10px 10px;
  font-weight: lighter;
}


#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 8px;
  width: 50%;
  background: #000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  /*border-radius: 0 9px 9px 0;*/
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  /*border-radius: 9px 0 0 9px;*/
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 4px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 32px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* GENERAL STYLES */
.visuallyHidden {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}


.hamburger {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
}

.hamburger .bar {
    padding: 0;
    width: 30px;
    height:1px;
    background-color: #000;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute; 
}

.bar1 {
    top: 0;
}

.bar2,
.bar3 {
    top: 13.5px;
}

.bar3 {
    right: 0;
}

.bar4 {
    bottom: 0;
}

/* HAMBURGER 1 */
.checkbox1:checked + label > .hamburger1 > .bar1{
    transform: rotate(45deg);
    transform-origin: 5%;
    width: 41px
}

.checkbox1:checked + label > .hamburger1 > .bar2 {
    transform: translateX(-40px);
    background-color: transparent;
}

.checkbox1:checked + label > .hamburger1 > .bar3 {
    transform: translateX(40px);
    background-color: transparent;
}

.checkbox1:checked + label > .hamburger1 > .bar4 {
    transform-origin: 5%;
    transform: rotate(-45deg);
    width: 41px;
}

/* HAMBURGER 2 */

.checkbox2:checked + label > .hamburger2 > .bar1{
    transform: translateX(40px);
    background-color: transparent;
}

.checkbox2:checked + label > .hamburger2 > .bar2{
    transform: rotate(45deg);
}

.checkbox2:checked + label > .hamburger2 > .bar3{
    transform: rotate(-45deg);
}

.checkbox2:checked + label > .hamburger2 > .bar4{
    transform: translateX(-40px);
    background-color: transparent;
}

/* HAMBURGER 3 */

.hamburger3 .bar1 {
    transform-origin: 5%;
}

.hamburger3 .bar4 {
    transform-origin: 5%;
}

.checkbox3:checked + label > .hamburger3 > .bar1{
    transform: rotate(45deg);
    height: 3px;
    width: 42px;
}

.checkbox3:checked + label > .hamburger3 > .bar3{
    transform: rotate(45deg);
    height: 3px;
    background-color: transparent;
}

.checkbox3:checked + label > .hamburger3 > .bar2{
    transform: rotate(-45deg);
    height: 3px;
    background-color: transparent;
}

.checkbox3:checked + label > .hamburger3 > .bar4{
    transform: rotate(-45deg);
    height: 3px;
    width: 42px;
}

/* HAMBURGER 4 */

.hamburger2 .bar2,
.hamburger3 .bar3,
.hamburger4 .bar4 {
    top: 10px;
}

.hamburger4 .bar5 {
    bottom:9px;
}

.hamburger4 .bar {
    transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
}

.hamburger4 .bar2 {
    width: 1px;
    transform: rotate(90deg);
    left: 13.5px;
}

.hamburger4 .bar3 {
    width: 1px;
    left: 13.5px;
    
}

.checkbox4:checked + label > .hamburger4 > .bar1{
    top: 13.5px;
    background-color: transparent;
}

.checkbox4:checked + label > .hamburger4 > .bar2{
    left: 0px;
    width: 30px;
    transform: rotate(45deg);
}

.checkbox4:checked + label > .hamburger4 > .bar3{
    left: 0;
    width: 30px;
    transform: rotate(-45deg);
}

.checkbox4:checked + label > .hamburger4 > .bar4{
    background-color: transparent;
}

.checkbox4:checked + label > .hamburger4 > .bar5{
    bottom: 13.5px;
    background-color: transparent; 
}

.top_nav {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0;
}
.top_nav .left p {
    display: inline;
    font-size: 12px;
    letter-spacing: .20em;
}
.right-links li a, .right-links li button {
    font-size: 10px !important;
    color: #3a3a3a !important;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding: .1rem 1rem;
}
.nav-icons .dropdown:hover .dropdown-menu, .shopping-basket:hover .dropdown-menu{
 display: block!important;
 /*background-color:#f4f4f4;*/
 border-top-color: transparent;
 z-index:11;
 }
.nav-icons li.nav-item.dropdown.show:hover .dropdown-menu{
 background-color:#fff;
 border-top-color:#f4f4f4;
  z-index:1;
}
.dropdown-menu .dropdown-item:hover {
 color: #000;
 text-decoration: none;
 background-color: #fff!important;

}
.dropdown-menu.show .dropdown-item:hover {
 color: #000;
 text-decoration: none;
 background-color: #f4f4f4!important;

}
.search-container .form-control{
 height: 30px;
 border-radius:0;
}
.cart-position, .login-style {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 !important;
    box-shadow: none;
    border: 1px solid #f4f4f4;
}
.empty-cart-info {
 font-size: 12px;
 padding: 15px 25px;
 width: 100%;
 z-index: 1;
}
/* Header Cart Style*/

.cartstyle {
 border: medium none;
 border-radius: 0 !important;
 padding-bottom:50px;
 padding-top:50px;
 z-index: 1111;
 background:#fff;
 top:96%;
 }
.empty-cart {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 !important;
    border-top: 0 none;
    box-shadow: none;
}
.empty-cart-info {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 15px 25px;
  width: 100%;
  z-index: 1;
}
.empty-cart-info a {
    color:#003764!important;
    font-size: 16px !important;
    font-style: normal;
    opacity: 0.5;
    padding: 3px !important;
    text-decoration: underline;
    transition: all 300ms ease 0s;
}
.empty-cart-info a:hover, .empty-cart-info a:focus {
  text-decoration:none;
  outline: none;
  color:#000!important;
  opacity:1;
}
.cart {
    background:transparent;
    float: left;
    margin: 0;
    width: 100%;
    z-index: 1;
}
.cart-info {
 left: 0;
 padding:10px 15px;
 background: #fff;
 position: absolute;
 top:0px;
 width: 100%;
 z-index: 11;
 font-size: 12px;
 display: flex;
 justify-content:space-between;
}
.cart-items {
 float: left;
 font-weight: normal;
 position: relative;
 color: #000;
 font-size: 11px;
}

.web-cart .cart-total h2 {
    display: inline-block;
    font-size: 1em;
    text-align: left;
    text-transform: capitalize;
}
.cartstyle .cart-total {
 float: right;
 font-weight: normal;
position: relative;
 text-align: right;
 width: 60%;
 color: #000;
 font-size: 11px;
}

.cart-box .table > tbody > tr:first-child td {
    border-top: medium none;
}
.cart .table > tbody > tr > td .thumb {
    width: 50px;
}
.cart-box .table > tbody > tr > td .thumb {
 max-width: 100px;
 width: auto;
 height: auto;
}
.small-cart-thumb-image-holder {
    width: 20%;
}
.small-cart-product-details {
    width: 70%;
}
.small-cart-product-total {
    width: 10%;
}
.cart-box .catalog {
 white-space: normal;
 line-height: 16px;
 margin-bottom: 5px;
}
.cart-box .catalog a {
 font-size: 12px !important;
 padding: 0 !important;
 color: #000;
 line-height: normal;
}
.cart-box .catalog a:hover {
 text-decoration: underline;
}
.item-remover{
 font-size: 10px;
 padding-left:0;
 text-transform: uppercase;
 text-decoration: underline;
 color: #000;
}

.product-heading {
    color:#333;
    float: left;
    font-size: 10px;
    margin: 0 8px 0 0;
    padding: 2px 0;
    position: relative;
    text-align: left;
    width: auto;
}
.product-info {
    float: left;
    font-size: 10px;
    padding: 2px 0;
    position: relative;
    width: auto;
}
.product-remover {
 background:#000;
 border-radius: 50%;
 color:#FFDD00;
 font-size: 10px !important;
 height: 32px;
 padding: 5px 8px !important;
 transition: all 0.3s ease 0s;
 width: 32px;
}
.product-remover:hover {
    background: #000;
    color: #FFDD00;
    opacity: 0.8;
}
.cart-buttons {
 bottom:-10px;
 left: 0;
 position: absolute;
 width: 100%;
 z-index: 11;
 padding: 0 10px;
 background: #fff;
 display: flex;
 justify-content: space-between;
 align-items: center;
 }

.view-style {
    float: left;
    font-size: 13px !important;
    padding: 12px !important;
    text-align: center;
    width: 50%;
    border-color:#F8EEF1;
}
.bottom-lace {
    border-bottom: 5px solid #003764;
    bottom: 0;
    position: absolute;
    bottom: -5px;
    width: 100%;
    transition: all 1000ms ease-in-out;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
}
.container-promo {
    padding: 5px 0;
    background-color: #262626;
    color: #fff;
    line-height: 1.5;
}
/* End of Header Cart Styles*/




/* Footer color for sake of consistency with Navbar */

.dark-red {
    background-color: #0097fe !important;
}

.wrapper::after, #page::after, .wrapper::before, #page::before {
    content: " ";
    display: table;
    height: 0;
    overflow: hidden;
}
.wrapper::after, #page::after {
    clear: both;
}
#header {
 margin: 0;
 
}
#trueHeader {
    background:#fff;
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);*/
    left: 0;
    padding: 0px 0;
    right: 0;
    transition: padding 0.35s ease 0s;
    z-index:999;
    left: 0;
    right: 0;

box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-o-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
transition: padding 0.35s ease;
-khtml-transition: padding 0.35s ease;
-webkit-transition: padding 0.35s ease;
-moz-transition: padding 0.35s ease;
-ms-transition: padding 0.35s ease;
-o-transition: padding 0.35s ease;

}

#trueHeader {
   position: relative;
}


#header.sticky #trueHeader {
    position: fixed;
    top: 0;
}
#header.sticky.condensed #trueHeader {
    padding: 0;
	/*background:rgba(40,110,187,0.5);*/
}
#header.sticky.condensed #trueHeader #navbar .nav > li > a {
padding-top: 5px;
padding-bottom: 15px;
}


@media only screen and (min-width: 768px) and (max-width: 999px) {
.menu_main {
    padding: 8px 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu_main {
    float: left;
    padding: 0;
}
}
@media only screen and (max-width: 479px) {
.menu_main {
    padding: 0;
}
}

.navbar .nav-item .nav-link {
 position: relative;
 z-index: 2;
 color: #000!important;
 display: flex;
 padding: .7rem;
  }

 .product-image-wrapper {
    margin: 0 auto;
    position: relative;
}
 


/* HORIZONTAL MAIN MENU */

.nav-regular ul{
 /*text-align: center;*/
}

.navi {
    z-index: 0;
}
.navi {
 position: relative; /* Dropdown box position is relative to this container */
 -webkit-transform: translateZ(0); /* Fix possible glitches during animation */
 /*float: none;
 width: 100%;*/
}
.navi > ul::before, .navi > ul::after {
    display: table;
    content: " ";
}
.navi > ul::after {
    clear: both;
}
.nav-regular .nav-item {
    /* text-align: left;*/
}
.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
    /*background-color: #ffffff;
    color: #000;*/
}

.vertnav-trigger, .nav-regular .nav-item.level0 > a, .nav-holder .dropdown .dropdown-heading {
  
 
}
.nav-regular .nav-item.level0 > a:hover {
  color: #000;
}

.navi-wrapper .menu-trigger, .nav-regular .nav-item.level0 > a {
 /*line-height: 50px;*/
}

.menu-trigger, .nav-regular .nav-item.level0 > a {
 /*line-height: 50px;
background: #0097fe !important;*/
}
.navi, .menu-trigger, .nav-regular .nav-item.level0 > a {
 -webkit-tap-highlight-color: transparent;
 position: relative;
}
.nav-regular li.level0 > a {
padding:0 30px;
font-weight: bold;

}
.nav-regular .nav-item > a {
 /*font-size: 12px;*/
}
.nav-regular .nav-item > a {
    display: block;
    text-decoration: none;
    color: #000;
/*-webkit-transition: all 700ms ease-in-out;
 -moz-transition: all 700ms ease-in-out;
 -o-transition: all 700ms ease-in-out;*/
    
}

.dd-itemgrid-4col > .nav-item {
 /*width: 24%;*/
}
.nav-regular .opener {
    display: none;
}
.grid12-4 {
    width: 31.33%;
}
.grid12-8 {
 width: 64.67%; 
}

.grid12-6 {
    width: 47.33%;
}

.grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main {
    position: relative;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.ban img {
 max-width:250px;
}
.nav-regular .mega > .nav-panel--dropdown {
 margin:0;
 overflow: hidden;
}
.nav-regular .nav-panel--dropdown {
    -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
}
.navi .nav-panel--dropdown {
 /*background-color: #ffffff;
 color: #333333;*/
}
.nav-regular .nav-panel--dropdown {
    display: none;
    position: absolute;
    top:65px;
    background-color: #fff;
    z-index: 1;
    -webkit-transform: translateZ(0);
}
.nav-regular .nav-panel.full-width {
    width: 100%;
}
.navi a.no-click {
    cursor: default;
}

li.level0 > a > span {
    position: relative;
}
li.level0 > a > .anim {
position: relative;
}

/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel.full-width { width:100%; }
.nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */


/* Effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fade
-------------------------------------------------------------- */
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
    display: block; /* Important: has to be visible before hover */
    left: -10000px;
    opacity: 0;
    -moz-transition:    opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    -o-transition:      opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    transition:         opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
}
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
    opacity: 1;
    transition-delay:           50ms;
    -moz-transition-delay:      50ms;
    -webkit-transition-delay:   50ms;
    -o-transition-delay:        50ms;
    
}

.nav-item:hover > .nav-panel.full-width {
 left: 0!important;
}



/* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .mega > .nav-panel--dropdown {
    margin:0;
}

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.mega { 
    position: relative; /* Container of the dropdown has to be relative (only on levels 2+) */
}
.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
    display: block;
    left: 60px;
    top: 0;
}


/* Inside mega dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align submenu's content (grid) with the submenu */
.nav-regular .nav-submenu--mega {
    margin-left: -1%;
    margin-right: -1%;
}

/* Items */
.nav-regular .nav-submenu--mega .nav-item > a, .nav-regular .classic > .nav-panel--dropdown > li > a  {
    /*padding: 0px 4px 0px 7px; /* Less right padding to avoid word wrapping */
    /*font-size: 12px!important;*/
}
.nav-regular .nav-submenu--mega .nav-item > a:hover, .nav-regular .classic > .nav-panel--dropdown > li > a:hover  {
 /*font-size: 12px!important;*/
 color: #0795AD!important;
}

/* Inside mega dropdown, level 1: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > .nav-item {
    
    /*float: none;
    vertical-align: top;
    padding-top: 0;*/
    padding:5px 0;
    /*position: relative;*/
}
.nav-regular .nav-submenu--mega > .nav-item > a {
 /*font-weight: bold;
 text-decoration: underline;
 letter-spacing: .1rem;*/
}

/* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */
.nav-regular .nav-submenu--mega > .nav-item.parent > a {
    margin-bottom: 5px;
}
.nav-regular .nav-submenu--mega > .nav-item.nav-item--parent > a {
    margin-bottom: 0;
}

/* Inside mega dropdown, level 1: submenu
-------------------------------------------------------------- */
/* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item).
   Also, add bottom margin to panel, but romove it if it's a dropdown. */
.nav-regular .nav-submenu--mega > li > .nav-panel {
    position: static;
    margin-bottom: 10px;
    padding: 0;
}
.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown {
    position: absolute;
    margin-bottom: 0;
}

/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > .nav-block--top {
    margin-top: 0;
    margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-block--bottom {
    margin-top: 10px;
    margin-bottom: 0;
}

/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > ul > li > a {
line-height:25px;
  font-size:11px;
 color: #666;
 text-transform: uppercase;
}
.nav-regular .nav-submenu--mega > li > ul > li > a:hover {
 text-decoration: underline;
 color: #000;
}
/* Inside mega dropdown, level 2: item with bullet.
   If mega dropdown has additional bullets 
   (displayed for 2nd and 3rd level items).
-------------------------------------------------------------- */

/* Added ":not(.nav-item--parent)" to not display bullet if the item is inside a dropdown
   (e.g. if type "classic" was applied to 2nd-level cat, 3rd level cats will be inside a dropdown so remove bullets from 3rd level cats) */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a {
    /*padding-left: 28px;*/
    position: relative;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:before {
 /*content: "\f105";*/
 font-family: "Fontawesome";
    line-height: 24px; /* The same as actual height of the item */
    left: 0px;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 24px; /* Not larger than the left padding of the item */
    transition:         left 150ms ease-out;
    -moz-transition:    left 150ms ease-out;
    -webkit-transition: left 150ms ease-out;
    -o-transition:      left 150ms ease-out;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:hover:before {
    left: 4px;
}

/* If there's an icon inside mega dropdown, it needs to have the same line height as the item  */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a .ic {
    line-height: 24px;
}

/* Remove bullet if item has an icon */
.nav-regular.with-bullets .nav-submenu--mega > li > ul > li.iconic > a:before {
    display: none;
}

/* Inside mega dropdown, level 2: submenu dropdown
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent > .nav-panel--dropdown {
}
.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent:hover > .nav-panel--dropdown {
    left: 60%;
    /* TODO - add z-index if dropdown should be displayed over the containing item (which in "classic" dropdown has a background and covers the child dropdown) */
    /* z-index: 3; */
}



/* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Level 2+
-------------------------------------------------------------- */

.nav-regular .classic > .nav-panel--dropdown > li > a .caret {
    float: right;
    margin-right: 10px;

    /* Important: 
       when floating, caret needs to have the same height as item.
       Caret may exceed height of the item so we apply small negative margin.
       */
    line-height: inherit; 
    margin-bottom: -2px;
}


/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown {
    margin:0;
    /*padding:10px;*/
    width:20em;
    min-width:12em;
}

/* Level 2+
-------------------------------------------------------------- */
/* Container of the dropdown has to be relative */
.nav-regular .nav-panel li.classic {
    position: relative;
    list-style: none;
}
.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
 display:block;
 left: 104%;
 top: -10px;
}

/* If classic dropdown is on the 1 level of mega dropdown, change positioning */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
    left:60px;
    top:20px;
}


/* Inside dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel li.classic:hover > a {
    /* TODO - add z-index (must be greater than dropdown's) if the link should be displayed over the child dropdown 
       (link in "classic" dropdown has a background so it would cover the child dropdown and dropdown's shadow) */
    /* z-index: 2; */
    position: relative;
}



/* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* When submenu has to be displayed not as a dropdown, but as a simple nested list (with slight left indent) */

.nav-regular .nav-item.simple > ul {
 /*padding-left: 10px;*/
}

/* If mega dropdown has additional bullets (displayed for 2nd and 3rd level items in mega dropdown) */
.nav-regular.with-bullets .nav-item.simple > ul {
    /*padding-left: 28px; /* The same space as for standard item */
}

/* Bullets */
.nav-regular .nav-item.simple > ul > li > a {
    line-height: 24px;
    padding-left: 15px !important; /* Override item standard padding */
    position: relative;
    opacity: 0.6;
}
.nav-regular .nav-item.simple:hover > ul > li > a {
    opacity: 1;
}
.nav-regular .nav-item.simple > ul > li > a:before {
    content: "\e263";
    font-size: 10px;
    line-height: 24px; /* The same as actual height of the item */
    left: -2px;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 10px; /* Not larger than the left padding of the item */
    transition:         left 150ms ease-out;
    -moz-transition:    left 150ms ease-out;
    -webkit-transition: left 150ms ease-out;
    -o-transition:      left 150ms ease-out;
}
.nav-regular .nav-item.simple > ul > li > a:hover:before {
    left: 3px;
}

.nav-regular {
    background-color:transparent!important;
}

.navi.nav-mobile ul.level0 .nav-item > a {
 }
.navi.nav-mobile ul.level0 .nav-item > a:hover {
  /*background-color: rgba(0,0,0, 0.05);*/
    
}
.nav-mobile .nav-item.level0 > a:hover {
 /*background-color: rgba(0,0,0, 0.05);*/
 }
.navi.nav-mobile ul.level0 .nav-item > a {
 /*background-color:transparent;
 color: #000;
 font-size: 12px;*/
}
.navi.nav-mobile ul.level1 .nav-item > a {
 /*background-color:transparent;
 color: #000;
 font-size: 10px;*/
}
.navi.nav-mobile ul.level1 .nav-item > a:hover {
 /*background-color:transparent;
 color: #000;
 font-size: 10px;*/
}

.navi.nav-mobile .nav-item.level1 > a:hover {
 /*background-color: rgba(0,0,0, 0.05);
 color: #000!important;*/
}

.navi.nav-mobile ul.level1 .nav-item > a {
 /*background-color: transparent;
 color: #000;*/
}


.nav-mobile li.item-active > a {
 /*background-color: rgba(0,0,0, 0.05);*/
}
.navi .nav-panel-inner::after {
    clear: both;
}
.navi .nav-panel-inner::before, .navi .nav-panel-inner::after {
    display: table;
    line-height: 0;
    content: "";
}
.navi .nav-panel-inner {
    padding: 15px;
}

.html-block {
    display: block;
    float: left;
    height: 150px;
    max-height: 200px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.html-block img{
 max-width: 100%;
}
.nav-regular .classic > .nav-panel--dropdown > li > a {
    line-height: 36px;
    padding-left: 10px;
    font-size: 12px;
    
}
/* END OF HORIZONTAL MAIN MENU */




.fluid_container .go-to-next-page-holder {
    -webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

#down-arrow-content {
    display: block;
    width: 100%;
    height: 50px;
    z-index: 10;
    position: relative;
}
#down-arrow-content span, #down-arrow-content span::after, #down-arrow-content span::before, #down-arrow-content::before {
    display: block;
    position: absolute;
}
#down-arrow-content .wpspd-to-content-mask, #down-arrow-content span, #down-arrow-content::before {
    width: 100%;
    height: 100%;
}
#down-arrow-content .wpspd-to-content-mask span {
    -webkit-animation: wpspd-to-content-slide ease 3s infinite;
    -moz-animation: wpspd-to-content-slide ease 3s infinite;
    animation: wpspd-to-content-slide ease 3s infinite;
}
#down-arrow-content .wpspd-to-content-mask span::before {

    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-width: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #000
}
#down-arrow-content .wpspd-to-content-mask span::after {
    border-left: 2px solid;
    height: 32px;
    left: 50%;
    margin-left: -1px;
    border-color:#000;
}



#down-arrow-content .wpspd-to-content-mask span::after, #down-arrow-content .wpspd-to-content-mask span::before, #down-arrow-content::before {
    content: '';
}

.go-to-next-page-holder {
    width: 50px;
    margin-bottom: -5px;
    z-index: 11;
    position: absolute;
    left:-1px;
    right:-1px;
    bottom:0;
    margin: 0 auto;
}
.wpspd-to-content-holder {
    -webkit-transition: opacity ease .3s .2s;
    -moz-transition: opacity ease .3s .2s;
    transition: opacity ease .3s .2s;
}



@-webkit-keyframes wpspd-to-content-slide {
    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1) rotateX(0)
    }
    60% {
        -webkit-transform: translate3d(0, 30px, 0) scale(.8) rotateX(90deg)
    }
    60.001% {
        -webkit-transform: translate3d(0, -30px, 0) scale(.8) rotateX(90deg)
    }
}

@-moz-keyframes wpspd-to-content-slide {
    50% {
        -moz-transform: translate3d(0, 0, 0) scale(1) rotateX(0)
    }
    60% {
        -moz-transform: translate3d(0, 30px, 0) scale(.8) rotateX(90deg)
    }
    60.001% {
        -moz-transform: translate3d(0, -30px, 0) scale(.8) rotateX(90deg)
    }
}

@keyframes wpspd-to-content-slide {
    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        -moz-transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        -ms-transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        transform: translate3d(0, 0, 0) scale(1) rotateX(0)
    }
    60% {
        -webkit-transform: translate3d(0, 30px, 0) scale(.8) rotateX(90deg);
        -moz-transform: translate3d(0, 30px, 0) scale(.8) rotateX(90deg);
        -ms-transform: translate3d(0, 30px, 0) scale(.8) rotateX(90deg);
        transform: translate3d(0, 30px, 0) scale(.8) rotateX(90deg)
    }
    60.001% {
        -webkit-transform: translate3d(0, -30px, 0) scale(.8) rotateX(90deg);
        -moz-transform: translate3d(0, -30px, 0) scale(.8) rotateX(90deg);
        -ms-transform: translate3d(0, -30px, 0) scale(.8) rotateX(90deg);
        transform: translate3d(0, -30px, 0) scale(.8) rotateX(90deg)
    }
}


.banner-accordion a h5{
 font-size: 14px;
 color: #000;
 padding: 10px 15px;
 text-transform: uppercase;
}


@keyframes slideIn {
  from {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  animation-delay:0s;
   
}

@keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
     
}

.designers-name{
 
 font-size: 20px;
 font-weight: bold;
 color:#0097fe;
}
.product-paragraph {
 font-size:10px;
 letter-spacing: 0;
 color: #000;
 font-weight: bold;
 text-transform: uppercase;
 }




.wlist{
 background-color:transparent!important;
 color: #ccc !important;
 box-shadow: none;
 font-weight: bold;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 border:none;
 padding: 0.5rem 1rem!important;     
}
.wlist:hover, .wlist:focus {
 background-color:transparent!important;
 color: #0097fe !important;
 box-shadow: none;
 font-weight: bold;
 transition: all 0.4s, height 0.3s 0.3s;
 -webkit-transition: all 0.4s, height 0.3s 0.3s;
 border-radius:0;
 box-shadow: none;
 border:none;
 padding: 0.5rem 1rem!important;
 }
.wlist.wished{
 background-color:transparent!important;
 color: #0097fe !important;
}

[class*="ban-caption-hinge-"] {
    -webkit-perspective: 900px;
    perspective: 900px;
}

@-webkit-keyframes fadeFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeFromLeft {
  -webkit-animation-name: fadeFromLeft;
  animation-name: fadeFromLeft; 
  animation-delay: 0.4s;}






/* General style */
.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
    max-width: 100%;
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
    font-size:14px;
    font-weight: bold;
}

.grid-gallery figcaption p {
	margin: 0;
    font-size: 11px;
}

/* Grid style */
.grid-wrap {
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1em 1.875em;
}

.grid {
	margin: 0 auto;
}

.grid li {
	width: 25%;
	float: left;
	cursor: pointer;
}

.grid figure {
	padding: 15px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.grid li:hover figure {
	opacity: 0.7;
}

.grid figcaption {
	background: #e4e4e4;
	padding: 25px;
}

/* Slideshow style */
.slideshow {
	position: fixed;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 500;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.slideshow-open .slideshow {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.slideshow ul {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,150px);
	transform: translate3d(0,0,150px);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow ul.animatable li {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow-open .slideshow ul {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slideshow li {
	/*width: 660px;
	height: 560px;*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -320px 0 0 -330px;
	visibility: hidden;
    
}

.slideshow li.show {
	visibility: visible;
}

.slideshow li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.slideshow li.current:after {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.slideshow figure {
	width: 100%;
	height: 100%;
	background: #fff;
	border: 50px solid #fff;
	overflow: hidden;
}

.slideshow figcaption {
	padding-bottom: 20px;
}

.slideshow figcaption h3 {
	font-weight: 300;
	font-size: 200%;
}

/* Navigation */
.slideshow nav span {
	position: fixed;
	z-index: 1000;
	color: #fff;
	text-align: center;
	padding: 1%;
	cursor: pointer;
	font-size: 2.2em;
    background: #000;
}
.slideshow .nav-close{
 background: transparent!important;
}

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow nav span.nav-next {
	right: 0;
}

.slideshow nav span.nav-close {
	top: 0;
	right: 0;
	padding: 0.5em 1em;
	color: #31373a;
}


span.nav-prev:before {
	content: "\f104";
}

span.nav-next:before  {
content: "\f105";
}

span.nav-close:before {
	content: "\f2d3";
}

/* Info on arrow key navigation */
.info-keys {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 60px;
	font-size: 8px;
	padding-top: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

.info-keys:before,
.info-keys:after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
}

.info-keys:before {
	left: 10px;
	content: "\e603";
}

.info-keys:after {
	right: 10px;
	content: "\e604";
}

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.grid li {
		width: 33.3%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
	}

	.info-keys {
		display: none;
	}

}

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}



.mdb-lightbox [class*="col-"] {
    padding: .5rem;
}
.mdb-lightbox figure {
    margin: 0;
    float: left;
}


.map-container-5{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container-5 iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.card.card-cascade.narrower .view.view-cascade {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: -1.25rem;
}
.card.card-cascade .view.view-cascade.gradient-card-header {
    padding: 1.6rem 1rem;
    text-align: center;
}
.blue-gradient {
    background: -webkit-linear-gradient(50deg,#45cafc,#303f9f) !important;
    background: -o-linear-gradient(50deg,#45cafc,#303f9f) !important;
    background: linear-gradient(40deg,#45cafc,#303f9f) !important;
}




.customer-service-container {
    width: 100%;
    position: relative;
    background: #252053;
   
}

.customer_service{
 background: #D1D4D9;
 }

.customer_service h4{
 text-transform: uppercase;
 letter-spacing: .1rem;
 color: #000;
 font-size: 1rem;
}

.customer_service h2{
 
 font-size: 46px;
 text-shadow: 1px 1px #000;
 text-transform: uppercase;
 color: #00AEEF;
 letter-spacing: .1rem;
 margin: 10px 0;
}

.customer_service h3{
 text-transform: uppercase;
 color: #000;
 margin: 10px 0;
 font-weight: bold;
}

.customer_service a.email{
 color: #000;
 margin: 10px 0;
 font-weight: bold;
 font-size: 1.75rem;
}


.feature-box {
    
    padding:50px 0;
    width: 100%;
      /*-moz-box-shadow: 4px 4px 0px #e5e5e5;
    -webkit-box-shadow: 4px 4px 0px #e5e5e5;
    box-shadow: 4px 4px 0px #e5e5e5;
    text-align: center;
    justify-content: center;*/
}
.feature-box-icon i{
 font-size: 30px;
  margin-bottom: 10px;
}
.free-delivery{
 -moz-box-shadow: 4px 4px 0px rgba(117,69,111,0.4);
 -webkit-box-shadow: 4px 4px 0px rgba(117,69,111,0.4);
 box-shadow: 4px 4px 0px rgba(117,69,111,0.4);
}
.cod{
 -moz-box-shadow: 4px 4px 0px rgba(240,176,182,0.4);
 -webkit-box-shadow: 4px 4px 0px rgba(240,176,182,0.4);
 box-shadow: 4px 4px 0px rgba(240,176,182,0.4);
}
.call{
 -moz-box-shadow: 4px 4px 0px rgba(136,183,181,0.4);
 -webkit-box-shadow: 4px 4px 0px rgba(136,183,181,0.4);
 box-shadow: 4px 4px 0px rgba(136,183,181,0.4);
}
.secured{
 -moz-box-shadow: 4px 4px 0px rgba(255,202,46,0.4);
 -webkit-box-shadow: 4px 4px 0px rgba(255,202,46,0.4);
 box-shadow: 4px 4px 0px rgba(255,202,46,0.4);
}
/*.feature-box i {
 font-size: 25px;
 padding-right:10px;
 color: #0097fe;
}*/
.feature-box-info {
 display: inline-block;
 
}

/* MY ORDER STYELS */



.service__title {
    display: block;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold
    }

.btIconWidget {
    margin: 0 0 1.6em;
    
    flex-flow: row nowrap;
    /*justify-content: flex-start;
    justify-content: center;*/
    align-items: center;
    align-content: flex-start;
}

 .btIconWidget .btIconWidgetIcon {
    line-height: 1;
    padding: 0 .2em 0 0;
    text-align: left;
    margin: 0;
    font-size: 2.5em;
    
}

 .btIconWidget .btIconWidgetContent {
    display:inline-flex;
    align-items: center;
}

 .btIconWidget .btIconWidgetContent .btIconWidgetTitle {
    font-size: 1em;
    display: block;
    line-height: 1;
    margin: -3px 0 3px;
    letter-spacing: -.03em;
    
}

 .btIconWidget .btIconWidgetContent .btIconWidgetText {
    font-size: .75rem;
    opacity: .8;
    line-height: 1.5;
}



/* FILE UPLOAD */

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  direction: ltr;
}

.fileupload {
  margin-bottom: 9px;
}

.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}

.fileupload .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.fileupload .thumbnail > img {
  display: inline-block;
  max-height: 100%;
  vertical-align: middle;
}

.fileupload .btn {
  vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none;
}

.fileupload-inline .fileupload-controls {
  display: inline;
}

.fileupload-new .input-append .btn-file {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
  border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
  color: #a47e3c;
  border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
  color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
  border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
  color: #b94a48;
  border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
  color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
  border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
  color: #468847;
  border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
  color: #468847;
}

.control-group.success .fileupload .thumbnail {
  border-color: #468847;
}


/* SPIN LOADER IN BUTTON */


/* This is the space for the spinner to appear, applied to the button */

/* position of the spinner when it appears, you might have to change these values */
.spin .spinner {
  right: 10px;
  top: 30%;
  width: 2.5em;
  display: block;
  position: absolute;
}

/* spinner animation */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

/* The actual spinner element is a pseudo-element */
.spin .spinner::before {
  content: "";
  width: 1.5em; /* Size of the spinner */
  height: 1.5em; /* Change as desired */
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: solid .35em #fff; /* Thickness/color of spinner track */
  border-bottom-color: yellow; /* Color of variant spinner piece */
  animation: .8s linear infinite spinner; /* speed of spinner */
  transform: translate(-50%, -50%);
  will-change: transform;
}

/* optional, but it will affect the size if changed */
*, *::before, *::after {
  box-sizing: border-box;
}



/* GOOGLE LANGUAGE TRANSLATE WIDGET */

iframe#\:1\.container, .google_translate_element span {
    display: none;
}

.goog-te-gadget .goog-te-combo, .goog-te-gadget .goog-te-combo:focus{
 border: 1px solid #ccc;
 padding: 4px;
 margin:4px 10px!important;
}

/* BOTTOM WIDGETS */

 .bottom-widgets, .navbar-inverse .btn-navbar, .btn-featured {
    background-color: #305088;
    background-image: -moz-linear-gradient(top, #305088, #294474);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#305088), to(#294474));
    background-image: -webkit-linear-gradient(top, #305088, #294474);
    background-image: -o-linear-gradient(top, #305088, #294474);
    background-image: linear-gradient(to bottom, #305088, #294474);
}
 .bottom-widgets {
    background:#ffec00;
    /*margin-top: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    overflow: hidden;
    width: 100%;
    position: relative;
    
     
}
    
 
 .bottom-widgets .widget-inner {
   
    position: relative;
    display: block;
}
 .bottom-widgets .widget i {
    color: rgba(255,255,255,.5);
    -webkit-transition: color .2s;
    transition: color .2s;
    margin-top: -7px;
}
 .bottom-widgets .widget-title {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
}
 .bottom-widgets .widget-text {
    font-size: 12px;
    margin: 0;
    color: rgba(0,0,0,.5);
}
.bottom-widgets .widget-text a {
    font-size: 18px;
    color: #000;
    
}
.bottom-widgets .widget-inner:second-child::after {
    position: absolute;
    content:none;
    top: -99px;
    bottom: -99px;
    right: 0;
    border-left: 1px solid rgba(0,0,0,.15);
    border-right: 1px solid rgba(255,255,25> 5,.15);
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}

/* END OF BOTTOM WIDGETS */


.vision_and_mission-wrapper {
    position: relative;
    overflow: hidden;
}

.vision_and_mission-wrapper:hover img {
    opacity: 1;
}

.vision_and_mission-wrapper img{
    opacity: 0;
    transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition-duration: .8s;
    width: 100%;
    height: auto;
}

.vision_and_mission-wrapper:hover .yellow-strong {
    background-color: rgba(0, 0, 0, 0.8);
}

.vision_and_mission-wrapper .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index:0;
    cursor: default;
    padding: 20px;
}

.yellow-strong {
    background-color: rgba(255, 235, 59, 0.7);
}

.product-image {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-image .alt-img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    width: 100%;
    top: 0;
    opacity: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.v_and_m .col-lg-4:nth-child(1)::after, .v_and_m .col-lg-4:nth-child(2)::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    /* border-left: 1px solid rgba(255,255,255,0.5); */
    border-right: 1px solid rgba(255,255,255,0.5);
}

.product-image .show{
 opacity: 1!important;
}
.product-image .hide{
 opacity:0;
}



/* CLIP PATH HOVER */


/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}


.splitting.cells img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: grid;
    grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr );
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );

    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}

/* Start #Sidebar Navigation Styels */

.leftside-navigation {
    
    width: 100%;
    position: relative;
    height: 100%;
    /*background: #f7dfdf;
    background: linear-gradient(160deg,rgba(247, 223, 223, 0.82) 0%, rgba(230, 222, 225, 1) 40%, rgba(149, 217, 237, 1) 100%);*/
}

.leftside-navigation .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.leftside-navigation .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #0795AD;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}



ul.sidebar-menu,ul.sidebar-menu li ul.sub {
padding:0;
width: 100%;
height: 100%;
margin: 0;
}
#sidebar>ul>li>ul.sub {
    display:none;
}
#sidebar .sub-menu>.sub li a {
    padding-left:46px;
}
#sidebar>ul>li.active>ul.sub,#sidebar>ul>li>ul.sub>li>a {
    display:block;
}
ul.sidebar-menu li ul.sub li {
    background:transparent;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
}
ul.sidebar-menu li ul.sub li a {
    font-size:12px;
    padding-top:13px;
    padding-bottom:13px;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    -o-transition:all 0.1s ease;
    -ms-transition:all 0.1s ease;
    transition:all 0.1s ease;
    color:#aeb2b7;
}
ul.sidebar-menu li ul.sub li a.active {
    
    color:#c1b497!important;
    background: transparent;
}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
    color:#003764;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    -o-transition:all 0.1s ease;
    -ms-transition:all 0.1s ease;
    transition:all 0.1s ease;
    display:block;
    /*background:transparent;*/
}
ul.sidebar-menu li:not(.open-the-footer .sub-menu) {
    border-bottom:1px solid rgba(0,0,0,0.05);
    background: rgba(239, 239, 239, 1);
    margin-bottom: 3px;
    position: relative;
}
ul.sidebar-menu li.sub-menu {
    line-height:15px;
}
ul.sidebar-menu ul.sub li {
    border-bottom:none;
}
 .sign{
  position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 45px;
    
    z-index: 9;
    float: right;
    display: flex;
    z-index: 9;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
}
ul.childernl > li a span.sign{
/*display: none!important;*/
}

ul.sidebar-menu li a {
    color: #000;
    display: block;
    outline: medium none;
    padding: 10px 0 10px 25px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    position: relative;
}
ul.my-orders li a.product-ordered-name {
    background:#003764;
    color: #fff;
    display: block;
    font-size: 16px;
    outline: medium none;
    padding: 8px 0 8px 25px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    margin:3px 0;
}
ul.sidebar-menu li a.active,ul.sidebar-menu li a:hover,ul.sidebar-menu li a:focus {
    
    
    display:block;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#003764;
}
ul.sub li a.active {
	color:#c1b497;
}
	
ul.sidebar-menu li a i {
    font-size:15px;
    padding-right:6px;
}
ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    color:#000;
}
ul.sidebar-menu li a.active i {
    color:#1fb5ad;
}

ul.sidebar-menu li ul.first-sub li a {
    color: #aeb2b7;
    font-size: 11px!important;
    padding:5px 0 5px 40px;
    transition: all 0.3s ease 0s;
}

.dcjq-icon {
 float: right;
}
.dcjq-icon::before {
    display: inline-block;
    height: 12px;
    width: 17px;
    content: "\f067";
    font-family:'Font Awesome 5 Free';
    font-weight: 900;
    color:#000;
    font-size: 14px;
    
    float: right;
    margin: 3px 0;
}
.active .dcjq-icon::before {
    content: "\f068";
    font-family:'Font Awesome 5 Free';
    color:#000;
}

/* End of Sidebar Navigation */


.product_name {
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .9rem;
}
.product_name:hover,.product_name:focus {
 color:#0795AD;
 text-decoration: underline;
}

/* INPUT TEXT STYLES */

.input {
	position: relative;
	z-index:9;
	display: inline-block;
	/*margin: 1em 0;*/
	width: calc(100% - 0em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

/* Isao */
.input__field--isao {
	z-index: 10;
	padding: 0.75em 0.1em 0.25em;
	width: 100%;
	background: transparent;
	color: #000;
    height: auto!important;
    position: relative;
}

.input__label--isao {
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 100%;
	color: #000;
	text-align: left;
}

.input__label--isao::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 7px;
	background: #dadada;
	-webkit-transform: scale3d(1, 0.4, 1);
	transform: scale3d(1, 0.4, 1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__label--isao::after {
	content: attr(data-content);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.75em 0.15em;
	color:#AE275F;
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	pointer-events: none;
}

.input__field--isao:focus + .input__label--isao::before {
	background-color:#ccc;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.input__field--isao:focus + .input__label--isao {
	pointer-events: none;
}

.input__field--isao:focus + .input__label--isao::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__label-content--isao {
	padding: 0.75em 0.15em;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__field--isao:focus + .input__label--isao .input__label-content--isao {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

/* END OF INPUT STYLES */

textarea.form-control{
height: auto;
width: 100%;
}

/* END OF INPUT STYLES */


.office_addresses iframe{
 max-height: 220px;
}


.products-slider-detail {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    padding:0 0 90px 0 ;
}

.products-slider-detail .owl-item {
    height: 60px;
    float: left;
    
}

.products-slider-detail .owl-item img {
    height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.image-detail {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    min-height: 280px;
    text-align: center;
}

.image-detail img {
    height: 275px;
    max-width: 100%;
    width: auto;
}

.products-slider-detail .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
    border: 0!important;
}

.products-slider-detail .owl-prev{
 color: #0795AD!important;
 border-radius:0!important;

}
.products-slider-detail .owl-next{
 color: #0795AD!important;
 border-radius:0!important;

}    

.breadcrumb-item a{
 color: #000;
 text-decoration: underline;
}


/* BASE CSS STYLES */



.unbutton {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
}

.unbutton:focus {
	outline: none;
}

.frame {
	z-index: 1000;
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: 100%;
	grid-template-areas: 'title' 'back' 'prev' 'sponsor';
	grid-gap: 1rem;
	justify-items: start;
	align-self: start;
	justify-self: start;
	pointer-events: none;
	align-items: center;
	padding: 2rem;
}

body #cdawrap {
    justify-self: start;
}

.frame a {
	pointer-events: auto;
}

.frame__title {
	grid-area: title;
	font-size: 1.25rem;
	margin: 0;
	font-weight: inherit;
}

.frame__back {
	grid-area: back;
}

.frame__prev {
	grid-area: prev;
}

.frame__demos {
	grid-area: demos;
	display: flex;
	gap: 1rem;
}

.title {
	font-weight: 400;
	font-size: clamp(2rem,8.5vw,8rem);
	text-align: center;
	margin: 14vh auto 5vh;
	display: flex;
	justify-content: center;
	width: min-content;
	border-bottom: 1px solid var(--color-border);
}

.title span::first-letter {
	opacity: 0.5;
}

.subtitle {
	text-align: center;
}

.card-grid {
	display: grid;
	
	grid-template-columns: 1fr;
	
}

.card:nth-child(3n - 1) {
	border-left: 1px solid var(--color-border);
	border-right: 1px solid var(--color-border);
}

.card-grid .card {
	display: grid;
	grid-template-rows: auto 1fr auto;
	cursor: pointer;
	position: relative;
	min-height: 60vh;
	padding: 4vw;
	overflow: hidden;
	border-bottom: 1px solid var(--color-border);	
    background:#0795AD;
    color: #fff;
}

.card__img,
.card__img-wrap,
.card__img-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.card__img,
.card__img-inner {
	background-size: cover;
	background-position: 50% 50%;
}

.card__img,
.card__img-wrap {
	overflow: hidden;
}

.card__img {
	z-index: -1;
	pointer-events: none;
	--columns: 0;
	--rows: 0;
}

.js .card__img {
	opacity: 0;
	background-image: none !important;
}

.card__img-inner {
	filter: brightness(0.6);
	width: calc(100% + (var(--columns) - 1) * 1px);
	height: calc(100% + (var(--rows) - 1) * 1px);
}

.card__date {
	display: flex;
	align-content: center;
	align-items: center;
	line-height: 1;
	position: relative;
}

.card__date::before {
	content: '';
	width: 15px;
	height: 15px;
	border: 1px solid #0795AD;
	background: #0795AD;
	margin: 0 10px 4px 0;
}

.card__title {
	font-weight: 400;
	font-size: clamp(1.5rem,5vw,2.5rem);
}

.card-grid .card:hover .card__title {
 color: #fff;
}


.card__link {
	position: relative;
}

.card__link::before {
	content: '+';
	margin-right: 10px;
}

@media screen and (min-width: 33em) {
	.grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media screen and (min-width: 60em) {
	.frame {
		grid-template-columns: auto 1fr 1fr;
		grid-template-rows: auto auto auto;
		grid-template-areas: 'title title sponsor' 'back prev ...';
		align-content: space-between;
		justify-items: start;
		grid-row-gap: 1.5rem;
	}
	.card-grid {
		grid-template-columns: repeat(3,1fr);
	}
	body #cdawrap {
	    justify-self: end;
	}
}


.feature_card .card-body{
 border-top: 1px solid #ccc;
 
}
.card.feature_card{
 border-radius:0;
}
.card.feature_card h5{
 margin-bottom: 0;
}
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}


.splitting.cells img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: grid;
    grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr );
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );

    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}
.card {
	 -webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
     -o-transition: -o-transform .5s;
        transition: transform .5s;
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
	position: relative;
}


.error-page {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
}

.error-code {
    font-size: 8rem;
    font-weight: 900;
    color: #dc3545;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.glitch {
    animation: glitch 1s linear infinite;
}

@keyframes glitch {

    2%,
    64% {
        transform: translate(2px, 0) skew(0deg);
    }

    4%,
    60% {
        transform: translate(-2px, 0) skew(0deg);
    }

    62% {
        transform: translate(0, 0) skew(5deg);
    }
}


.accordion-button{
 display: flex;
 flex-direction: column;
 align-items: flex-start;
}

.accordion-button::after{
 position: absolute;
 right:30px;
}

.accordion-item:not(:first-of-type){
 border-top:1px solid #ccc;
}

.accordion-item{
 margin-bottom: 10px;
}



.gradient_heading {
    position: absolute;
    top: 50px;
}

.gradienttext { 
            
            background: linear-gradient(to right, #f32170, 
                    #ff6b08, #cf23cf, #eedd44); 
            -webkit-text-fill-color: transparent; 
            -webkit-background-clip: text; 
        } 


.testtext {
  font: 2.5em/1 "Belleza", sans-serif;
  text-transform: uppercase;
  fill: url(#gr-simple);
}

.bannertext {
  font: 1.5em/1 "Belleza", sans-serif;
  text-transform: uppercase;
  fill: url(#gr-simple);
}

.products_page article{
 width: 100% !important;
}

.collapse.in, .collapse.show{
 display: block!important;
}

.no_products{
 height: 50vh;
}
/* Box colors */
.bg-1 {
	background: #ECEFF1;
	color: #37474f;
}
.bg-2 {
	background: #7986cb;
	color: #ECEFF1;
}
.bg-3 {
	background: #37474f;
	color: #fff;
}

/* Common button styles */
.button {
	float: left;
	/*min-width: 150px;
	max-width: 250px;*/
	
	/*padding: 1em 2em;
	border: none;*/
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}

/* Individual button styles */

/* Winona */

.button--winona {
	overflow: hidden;
	padding: 0;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    
}
.button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #0795AD;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
    font-weight: bold;
    
}
.button--winona > span {
	display: block;
    font-weight: bold;
}
.button--winona.button--inverted {
	color: #fff;
}
.button--winona.button--inverted:after {
	color: #fff;
}
.button--winona::after,
.button--winona > span {
	padding: 0.9em 1.2em;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:hover {
	border-color: #3f51b5;
	background-color: rgba(63, 81, 181, 0.1);
}
.button--winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button--winona:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--winona:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
    color: #fff!important;
}

/* END OF WINONA BUTTON STYLES */

.hoverEffect {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    overflow:hidden;
}

.hoverEffect span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.hoverEffect span:before {
    position: absolute;
    top: 105%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0, 0, 0);
}

.btn-primary:hover .hoverEffect span, .hoverEffect:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.job-form{
 display: none;
 background:#f7f4ed;
}

.accordion-button:not(.collapsed){
 /*background-color: #EDF2FA;*/
 background-color: transparent;
}
.accordion-button:(.collapsed){
 background-color: #EDF2FA;
}
.accordion-button:focus{
 box-shadow:none;
}

#attachment::file-selector-button {
  height: 50px;
  /* or visibility: hidden; */
}
/* For older webkit browsers */
#attachment::-webkit-file-upload-button {
  
}

.old-price{
 text-decoration: line-through;
 color: #888;
}

.productprice i{
 font-size: 24px;
}

.shopping-basket{
 padding: 10px;
 
 border-radius: 8px;
 color: #000;
 border: 1px solid #0795AD;
}


.spinner {
    max-width: 150px;
    display: inline-block;
}
.spinner-down {
 /*background:#6C798D;
    border: 1px solid #6C798D;*/
 color:#000;
 padding: 6px 8px;
}
.spinner-up {
 /*background:#6C798D;
 border: 1px solid #6C798D;*/
 color:#000;
 padding: 6px 8px;
}
.spinner-up:hover, .spinner-up:focus, .spinner-down:hover, .spinner-down:focus {
 background:transparent;
 border-color:#ccc;
 color: #000;
}
.spinner-input.form-control {
    background: #f2f2f2;
    color:#000;
    text-align: center;
    box-shadow: none!important;
}
.spinner-input{
 /*height: calc(2.24rem + 1px) !important;*/
 height: 40px;
 
}


/* MY CART STYLES */

.cart-table-box {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
}

.cart-table-box .heading-container {
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    color: #333;
    float: left;
    margin: 0;
    padding: 0px;
    position: relative;
    width: 100%;
    display: flex;
}
.cart-thumb-image {
    display: inline-block;
    float: left;
    display: flex;
    justify-content: center;
    width: 80px;
}
.cart-thumb-image h5, .cart-table h5{
 line-height: 1.5;
 margin-bottom: 0;
}

.cart-table {
    display: flex;
    float: left;
    padding: 0 0 0 10px;
    position: relative;
    width: calc(100% - 90px);
}
.products-bag-table {
    border-bottom: 1px solid #ccc;
    display: block;
    float: left;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

.cart-table-box .catalog {
    font-weight: normal;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

.product-size-color-details-box {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}

.product-size-color-details-box #flip-scroll .cf > tr {
    background: transparent !important;
    color: #000;
}
.cf > tr {
    background: #e7e7e7 none repeat scroll 0 0;
    color: #000;
}

.product-size-color-details-box #flip-scroll .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent !important;
}
#flip-scroll .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}



.cart-table-box .price, .cart-table-box .total {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-table-box .price, .cart-table-box .total {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cart-table .price, .cart-table .quantity, .cart-table .total {
    color: #000;
    font-size: 14px;
}

.todo-actionlist {
    position: absolute;
    right: -30px;
    top: 0px;
}

.table.cart-summary-table > tbody > tr > th, .table.cart-summary-table.table > tbody > tr > td {
    text-align: right;
    font-weight: normal;
}

.proceed-btns {
    display: block;
    float: left;
    position: relative;
    padding: .5rem;
}

.subtotal-value {
    display: inline-block;
    float: right;
    padding: 10px 0;
    text-align: right;
    vertical-align: top;
    width: 130px;
}

.subtotal-box {
    display: inline-block;
    float: left;
    line-height: 30px;
    padding: 10px 0px;
    position: relative;
    text-align: right;
    width: calc(100% - 130px);
}
.cart-table-box .catalog a {
    color: #000;
    font-weight: normal;
    padding: 0 !important;
    transition: all 0.3s ease 0s;
    font-size: 14px;
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
 --bs-table-bg-type: transparent;
}
.web-cart .thumb {
  max-height:60px;
  max-width: 100%;
}

@media only screen and (max-width: 800px) {
#flip-scroll .cf::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#flip-scroll * html .cf {
}
#flip-scroll *:first-child + html .cf {
}
#flip-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#flip-scroll th, #flip-scroll td {
    margin: 0;
    vertical-align: top;
}
#flip-scroll th {
    text-align: left;
}
#flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
}

#flip-scroll thead {
    display: block;
    float: left;
}
#flip-scroll tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
}
#flip-scroll thead tr {
    display: block;
}
#flip-scroll th {
    display: block;
    text-align: right;
    
}
.product-size-color-details-box #flip-scroll th {
    display: block;
    font-size: 12px !important;
    line-height: 19px;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    
}

.product-size-color-details-box #flip-scroll tbody tr {
    border-left: 1px solid transparent;
}
.product-size-color-details-box .table-striped > tbody > tr:nth-of-type(2n+1) {
 background:transparent;
}
.product-size-color-details-box #flip-scroll td {
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    font-size: 12px;
    line-height: 19px;
    border: none;
}
#flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
#flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
}
#flip-scroll th {
    border-bottom: 0 none;
    border-left: 0 none;
}
#flip-scroll td {
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    
}
#flip-scroll tbody tr {
    border-left: 1px solid #babcbf;
}
#flip-scroll th:last-child, #flip-scroll td:last-child {
    border-bottom:none;
}

}


.todo-actionlist a {
    display: inline-block;
    float: left;
    width: 50px;
    margin-right: 5px;
    font-size: 20px;
    color: #ccc;
    transition: all 0.3s ease 0s;
}

.form-group label {
    display: inline-block;
    font-size: 12px;
    color: #000;
    margin-left: 5px;
    font-weight: 400;
}

.smart-form .icon-append, .smart-form .icon-prepend {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 22px;
}
.smart-form .icon-append {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 3px;
    right: 5px;
    top: 10px;
}

.nav-justified .nav-item {
 flex-basis: auto;
 flex-grow: inherit;
}

.nav-link{
 color:#000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
 background-color: #0795AD;
 color: #fff;
}



/* CHECKOUT STYLES */

/* Four Steps Breadcrumb Styles */


.checkout-steps {
    display: block;
    padding: 0;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
}

.checkout-steps li.step {
    background:;
    color: #535766 !important;
    display: inline-block !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    padding: 0 !important;
    text-transform: uppercase;
}
.checkout-steps .step1 {
    margin-right: 5px;
}
.checkout-steps li.step div.txt {
    color: #000;
    font-size: 30px;
    font-weight: normal;
    padding-left: 0;
}
.checkout-steps li.step div.txt span {
    text-transform: none;
}
.checkout-steps li.step span {
    color:#535766;
    display: inline-block;
    font-size: 12px;
    line-height: 14px !important;
    opacity:1;
    text-align: left;
}
.checkout-steps li.divider {
    background:;
    border-top: 1px dashed #94969f;
    color: #535766 !important;
    display: inline-block !important;
    height: 5px;
    padding: 0 !important;
    width: 10%;
}
.checkout-steps .step2 {
    margin-left: 6px;
    margin-right: 5px;
}
.checkout-steps li.step.active div.txt {
    border-bottom: 2px solid #832826;
    color: #832826;
    padding-bottom: 5px;
}

checkout-steps li.step.active div.txt span {
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 14px !important;
    opacity: 1 !important;
    text-align: left;
}

/* End of Four Steps Breadcrumb Styles */



/* Checkout Payment Right Section - Pricing Details Styles*/


.summary-items {
    border-bottom: 1px dotted #d4d5d9;
    width: 100%;
    padding: 0;
}
.number-of-items {
 display: inline-block;
 text-align: left;
 width: 100%;
    
}
.number-of-items a {
    color: #000;
    display: inline-block;
    margin: 0;
    padding:0;
    box-shadow: none!important;
    font-size: 12px;
    margin-left: 15px;
}
.number-of-items a:hover, .number-of-items a:focus {
    text-decoration: underline;
    outline: none;
    box-shadow: none;
    color:#832826!important;
}
.cart-table-box {
 border: 1px solid #ccc;
 display: flex;
 flex-direction: column;
 background:#fff;
 }
.checkout-cart-thumb-image {
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 0;
    vertical-align: top;
    width: 50px;
}
.checkout-cart-table {
 position: relative;
 width: calc(100% - 60px);
 display: flex;
}
.checkout-cart-thumb-image img.thumb {
    height: auto;
    width: 30px;
}
.catalog {
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
.catalog a {
 font-size: 14px !important;
 font-weight: normal;
 padding: 0 !important;
}
.main-cart-product-heading {
 float: left;
 margin-right:8px;
 position: relative;
 text-align: left;
 width: auto;
 }
.description {
    /*border-bottom: 1px solid #eaeaec;*/
    border-top: medium none;
    padding-bottom: 0;
    padding-top: 0;
}
.summary-items-details {
    padding:5px 15px 5px 0;
    width: 100%;
}
.summary-items .value, .summary-items-details .value {
    color: #000;
    display: inline-block;
    float: right;
    position: relative;
    text-align: right;
    
}
.cart-table-box .price, .cart-table-box .total {
 text-overflow: ellipsis;
 white-space: nowrap;
 
}

#price-details .table > thead > tr > td, #price-details .table > tbody > tr > td, #price-details .table > tfoot > tr > td, #price-details .table > tbody > tr > th {
    border-top:0;
    padding: 8px 15px;
    vertical-align: top;
    font-weight: normal;
}
#price-details {
background: #fbfafa;
}
.cart-table-box .heading-container {
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    color: #333;
    float: left;
    margin: 0;
    padding: 0px;
    position: relative;
    width: 100%;
}
.heading-container h5{
 font-size:12px;
 font-weight: bold;
 margin:10px 0;
}
.cart-table-box .catalog {
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    width: auto;
    font-size: 14px;
}
.cart-table-box .catalog a {
 color: #000;
 font-weight: bold;
 padding: 0 !important;
 transition: all 0.3s ease 0s;
 line-height: 20px;
}
.cart-table-box .catalog a:hover {
    color:#832826;
}
.bag-total {
 display: inline-block;
 text-align: left;
 text-transform: capitalize;
}
.bag-total a {
 display: inline;
 margin: 10px 20px;
 text-align: left;
 color:#000;
 font-size: 11px;
 box-shadow: none!important;
}


.bag-total a:hover,.bag-total a:focus  {
 text-decoration: underline;
 box-shadow: none;
 color:#832826;
}
.products-bag-table {
 border-bottom: 1px solid #ccc;
 display: flex;
 float: left;
 padding: 10px 0;
 position: relative;
 width: 100%;
}

.show-items .hide-details .fa::after {
content: "";
background: #000;
width: 1px;
height: 20px;
transform: rotate(20deg);
position: absolute;
left:inherit;
margin: 0 -7px;
top: 41px;
}
.show-details i, .hide-details i{
 color:#000;
}
.hide-details, .is-removed, .hide-bag-details {
    display: none;
}
.is-added{
 display: inline!important;
}
.show-items .hide-details .fa::after {
    content: "";
    background: #000;
    width: 1px;
    height: 20px;
    transform: rotate(20deg);
    position: absolute;
    left: inherit;
    margin: 0 -7px;
    top: 41px;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
 border: 0!important;
}
/*End of Checkout Payment Right Section - Pricing Details Styles */
/* End of CheckoutPayment Styles*/


.show-password{
 padding: 0.5rem;
 cursor: pointer;
 z-index:99;
 position: absolute;
 top:0;
 right: 0;
 color: #000;
 
}
#reveal_pwd, #reveal_cfr_pwd, #reveal_log_pwd{
 display: none;
}
.show-password:hover,.show-password:focus {
 color: #000;
}
.show-password.active {
color: #000 !important;
}
.hiding-password, .is-removed{
 display: none;
}


/* TOOLTIP STYLES */

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/* END OF TOOLTIP STYLES */

.box{
 display: none;
}

.fa-rupee-sign:before {
 margin: 0 2px;
}


.classic-tabs .nav li a.active {
    border-bottom: 3px solid;
    border-bottom-color: #0795AD;
    color: #0795AD;
}

.classic-tabs .nav li a:hover, .classic-tabs .nav li a:focus{
 color: #0795AD;
}


#shipping_results {
    display: ;
}