*{font-family: 'Open Sans', sans-serif;}
.search1{position: relative; top:-5px;}
div#navbarNav {
    margin-top: 50px;
}
.fix .navbar-brand{
margin-top:20px;
}
.col-md-4.product-image {
    padding: 10px 10px;
}
.download_btn:hover{color:#606060;}
.slider .carousel-item picture *{width:100%; object-fit: cover;     object-position: center;}
.slider .carousel-item picture img, .slider .carousel-item picture source{height:768px; }
.navbar-brand img{    display: block;    width: 73px;    fill: #fff;     max-height: 80px;}
.mainHeader{width:100%; background: transparent; position: relative; top: 45px; z-index: 555; transition: 0.1s all;}
.mainHeader a {    color: #fff;  font-size: 21px;}
.mainHeader1 .navbar-brand img {
    display: block;
    width: 73px;
    fill: #fff;
    /*max-height: 80px;*/
}
#separation_border{border-right:1px solid white;}
	#separation_border_padding{padding-left:1.5rem;}
	.mega_menu ul{padding-left:20px}
	.mega_menu li{text-decoration:underline;line-height: 2rem;font-size: 0.85rem;}
	.mega_menu li a{color:white;}
.mega_menu a {
    color: white!important;
}
	.mega_menu{    position: absolute; z-index: 999;background: #313131; color: white; width: 100%;padding:3rem;}
    
.mega_menu{display:none;}
#close_megamenu{display:none;}
.mainHeader1{width:100%; position: fixed; background:#fff;  top: 45px; z-index: 555; transition: 0.1s all;}
.mainHeader1 a {    color: black;  font-size: 21px;}

.carousel-indicators li {background: none;}
.carousel-indicators{       position: relative;
    top: 20px;}
ol.carousel-indicators img{opacity: 0.5;}
.carousel-indicators .active img {
    opacity: 1;
}
.carousel-indicators li img{display: block;}

.caption {
    position: absolute;
    top: 0%;
    height: 36vh;
    margin: auto;
    left: 0!important;
    right: 0!important;
    bottom: 0;
    max-width: 1110px!important;
    /*transform: translateX(-195px);*/
}
.caption h1 {
    font-weight: 800;
    text-transform: uppercase;  
    font-size: 45px;
    color: #fff;
    width: 57% !important;
}
.caption h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    margin-top: 30px;
    max-width: 440px;
}
.caption a {
    border: 2px solid #fff;
    border-radius: 40px;
    padding: 10px 30px;
    max-width: max-content;
    display: block;
    margin-top: 40px;
    color: #fff;
    text-transform: uppercase;
}
.centerContent {
    max-width: min-content;
    min-width: 60%;
    margin: 60px auto;
    text-align: center;
}
 h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 39px;
    text-align: center;
    width: 100%;
}
.centerContent p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 38px;
    font-weight: 300;
}   
.card-body p{
font-size: 15px;
    text-align: center  ;
}
.fix.mainHeader1 a {
    color: #fff;
}

.fix.mainHeader1 a#search_header_button img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert=1);
zoom: 1;
}
.fix .navbar-brand img {
    max-height: 80px;
    transform: translateX(-15px);
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert=1);
zoom: 1;
}
.fix.mainHeader{top:0;  padding: .5rem 1rem;  background: #313131;}
.fix.mainHeader1{top:0;  padding: .5rem 1rem;  background: #313131;}

.fix a{font-size:21px}
.collection h2 {
    margin-bottom: 20px;
}
.card-body {
    margin-top: 5px;
}
.collection .card{border:none;    margin: 20px 0;}
.latestNews{background-color: #ecebeb;     padding: 15px 0 75px;}
.latestNews .row > h2{margin-bottom: 60px;}
.latestNews h2 {
    margin-top:50px;
    margin-bottom: 20px;
}
.latestNews p{text-align: center; font-size: 15px; padding: 0 20px;}
.keep{
    background-color: #3c3a39;
    color:#fff;
    padding: 75px 0 60px;
    text-align: center;
}
.keep form input {
    display: block;
    margin: 0 auto 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    width: 590px;
    color:#fff; 
    outline: none;
    margin-top:15px;
}
.keep button {
    margin: auto;
    width: max-content;
    background-color: transparent;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
}
.keep h6{font-weight: 300; text-align: center;} 
.keep h2 {
    margin-bottom: 24px;
}
.what {
    padding: 72px 0 40px;
    font-size: 19px;
    font-weight: 300;
}
.what h2{text-align: left;     padding-bottom: 40px;}
.what strong{font-weight: 700; text-transform: uppercase; font-size: 16px; font-weight: 900 !important;}
.why p, .why strong{font-size: 15px; line-height: 22px; margin-bottom: 25px;}
.whatLeft{padding-right: 60px;}
.whatLeft::after {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    right: 15px;
    height: 100%;
    background-color: #ccc;
    top: 0;
}
.contactBar{
    background-color: #ecebeb;
    padding: 40px 0;
}
footer{padding:50px 0; background-color: #3c3a39;}
footer .logo1{ max-height: 80px;}
footer li a {
    font-size: 19px;
    color: #fff;
}
footer li a:hover{
    color:#ccc;
    text-decoration: none;

}
footer li {
    list-style: none;
    line-height: 37px;
}

footer ul {
    padding-left: 0;
}
#section_banner_content {
    margin-top: 134px !important;
}
.topBar ul{
display: flex;
}
.topBar {
    position: absolute;
    top: 0;
    right: 0;
}
.topBar li {
    list-style: none;
}
.topBar li a {
    padding: 0 15px;
    font-size: 15px;
    top:8px;
    position: relative;
}



.topBar1 ul{
display: flex;
}
.topBar1 {
    position: absolute;
    top: 0;
    right: 0;
}
.topBar1 li {
    list-style: none;
}
.topBar1 li a {
    padding: 0 15px;
    font-size: 15px;
    top:8px;
    position: relative;
}

.mainHeader .container {
    position: relative;
}
.mainHeader1 .container {
    position: relative;
}
.card span {
    display: flex;
    position: absolute;
    z-index: 22;
    width: auto;
    margin: 0 auto;
    left: 0;
    height: 66%;
    right: 0;
    top: 0;
    bottom: 0;
}

.card span img {
    max-width:120px;
    margin: auto;
    filter: invert(1);
}
.product-detail-content img {
    width: 100%;
}
footer .row + .copy {
    margin-top: 80px;
}
.copy{color: #fff; font-size: 15px; line-height: 22px; margin-top: 0px; font-weight: 300;}
.socialIcons {
    display: flex;
    justify-content: space-between;
    width: max-content;
    margin-left: auto;
    min-width: 290px;
}
.socialIcons li a span {
    background: url(../imagesv2/social.png)no-repeat;
    display: block;
    width: 40px;
    height: 42px;
}
.yo {
    background-position: -48px 0 !important;
}

.fb {
    background-position: -97px 0 !important;
}

.tw {
    background-position: -146px 0 !important;
}

.li {
    background-position: -194px 0 !important;
}

.pi {
    background-position: -243px 0 !important;
}
.slick-prev::before, .slick-next:before {
    content: "";
    display: block;
    background: url(../imagesv2/left.jpg) no-repeat;
    width: 40px;
    height: 90px;
    top:-30px;
    position: absolute;
    right: -10px;
}
.slick-next:before{transform: rotate(180deg); content: "" !important;}
.slick-prev:before{    transform: rotate(0deg); content: "" !important; }
.slick-slide img{width:100%; padding:0 10px;}
.slick-active{opacity: 1 !important; }
.m-5{margin:1rem!important;}
@media(min-width:1920px){
    .caption{top:50%;}
}
@media(min-width:1440px){
    .caption{height:25vmin !important;}
}

@media(min-width:1280px){
    .caption{height:40vmin !important;}
}
@media(min-width:1024px){
       
    .slick-prev{left:-55px !important;}
}
@media(min-width:1521px) and (max-width:1920px) and (max-height:768px){
    .slider .carousel-item picture img, .slider .carousel-item picture source{height: 74vh;}
}
@media(min-width:1024px) and (max-width:1520px) and (max-height:768px){
    .slider .carousel-item picture img, .slider .carousel-item picture source{height: 100vh;}
}
@media(max-width:768px) and (max-height:414px){
    .card span{    top: 0%; max-height: 68%;   }
    .card span img{    max-width: 30px;}
}
@media (max-width:1024px) and (max-height:768px){
    .card span{top: 16%;}
    .slick-slide img{width:100%; padding:0 10px;}
    .caption{    transform: translateX(-70px);  }
    .card span{    top: 0%; max-height: 68%;   }
    
}
@media(min-width:1024px){
    .navbar-nav li > a {
        margin-right: 30px;
    }
    .topBar ul {

        margin-top:-25px;
    }
    .topBar1 ul {
        margin-top:-25px;
    }
    .fix .topBar ul{margin-top:0;}
    .fix .topBar1 ul{margin-top:0;}
    .navbar-brand{margin-right:60px}
    .fix .navbar-brand{margin-right: 0;}
    #navbarNav li > a{margin-right:60px}
    .fix .navbar-nav li > a{margin-right: 0;}
    .slick-slide img{width:100%; padding:0 20px;}
    #navbarNav li > a{margin-right: 45px;}
    .fix #navbarNav li >  a{margin-right: 0 ;}   
}
@media(min-height:768px){

    .slider .carousel-item picture img, .slider .carousel-item picture source{
        height: 415px;
    }
    .caption{ height: 37vmin; transform: scale(0.8); transform-origin: left;}
}
@media(max-width:768px){
#separation_border_padding {
    padding-left: 1rem;
}
   #close_megamenu{    float: right;color: black;padding: 5px 12px;background: white;border-radius: 20px;display:block;}
.mega_menu{top:0px;}
#separation_border{border:none!important;}
#section_banner_content {
    margin-top: 74px !important;
}
    .centerContent h1 {
    font-size: 28px;
}
#section_socialmedia_sub img {
    margin: 40px 0 0 0;
}
    .card span{height:46%;}
    .card span img{max-width: 60px;}
    .socialIcons{width: max-content; min-width: max-content;}
    .centerContent{min-width: 100%!important;}
    .caption  {top:30px; padding-top:40px !important; height: max-content; }
    .caption h1{  text-align:left;  font-size: 20px;}
    .caption h4{margin:20px 0;}
    .topBar{display: none;}
    .topBar1{display: none;}
    .navbar-brand img{ max-height: 54px; margin-left:20px ;}
    .keep form input{width:max-content;}
    .mainHeader{background: #313131; top:0;}
    .mainHeader1{background: #313131; top:0;}
    .navbar-brand img{ min-width: 50px;}
    .slider{    position: relative;       }
    .slider .carousel-item picture img, .slider .carousel-item picture source{height: 374px;}
    span.navbar-toggler-icon::before {content: "";display: block;border-top: 2px solid #fff;border-bottom: 2px solid #fff;height: 8px;}
span.navbar-toggler-icon::after{content:"";display:block;position:absolute;height:2px;width:30px;background-color:#fff;top: 12px;}
button.navbar-toggler.collapsed{    border: 1px solid #fff;    padding: 10px 9px 0;}
.navbar-toggler, button:focus{outline: none;}
.whatLeft::after{display: none;}
.whatLeft{padding-right: 0;}
div#navbarNav{    margin-top: 10px;
    margin-left: 20px;
    line-height: 10px;}
    .mainHeader a{font-size: 14px; font-size: 16px;
        line-height: 20px;}
        .mainHeader1 a{font-size: 14px; font-size: 16px;
        line-height: 20px;}
span.navbar-toggler-icon {
    width: 24px;
    overflow: hidden;
    position: relative;
    height: 24px;
}
.slick-next{right: 0 !important; display: none !important;}
.slick-prev{left: 0px!important;  display: none !important; }
.slider.slick-slider{width: 84% !important;}
.carousel-control-prev, .carousel-control-next{display: none;}
.caption{    padding: 0 40px;
   max-width: 100%; transform: translateX(0);}
    .socialIcons{margin:0 auto;}
    .caption a{margin-top: 0; padding: 8px 19px; font-size: 14px;}
    .slider{text-align: center; }
    .copy{font-size: 14px ; text-align: center;}
    .slick-slide img{width: 100%; padding: 0 5px;}
    .caption h4{text-align: left;}
    .caption h1, .caption h4{width: 50% !important;}
    footer li a {font-size: 15px;}
    .collection h2{font-size: 19px; line-height: normal;}
}
@media(max-width:480px){
    .caption h1, .caption h4{width:100% !important;}
    .card span{height: 68%;}
    .caption h4{line-height: normal;}
    .card span img{max-width: 50px;}
}