/* ------------------------*/ /* ---------->>> TABLE OF CONTENTS <<<-----------*/ /* ------------------------*/

/* 1 >>> IMPORT FONTS <<< */

/* 2 >>> GLOBAL <<< */

/* 3 >>> HOME PAGE <<< */

/* 4 >>> PRODUCTS PAGE <<< */

/* 5 >>> PRODUCT COMPARE PAGE <<< */

/* 6 >>> PRIVACY POLICY & TERMS & CONDITIONS PAGE <<< */

/* 7 >>> ABOUT PAGE <<< */

/* 8 >>> CONTACT PAGE <<< */

/* 9 >>> MEDIA QUERY <<< */





/* ------------------------*/ /* ---------->>> IMPORT FONTS <<<-----------*/ /* ------------------------*/

@import url(../fonts/DinPro-Light/font.css);

@import url(../fonts/DinPro-Medium/font.css);

@import url(../fonts/DinPro-Regular/font.css);

@import url(../fonts/DinPro-Bold/font.css);





/* ------------------------*/ /* ---------->>> GLOBAL <<<-----------*/ /* ------------------------*/

html{margin-right: 0!important; cursor:auto!important; overflow-y:scroll;}

body{font-family: 'DINPro-Regular'; font-weight: normal; overflow: hidden; }

ul{margin: 0;padding: 0;}

input,textarea, button, a{outline: 0}

a:hover, a:active, a:focus{outline:0;}

.transition{transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out}

.rmp{padding:0;}

.rml{padding-left:0;}

.rmr{padding-right:0;}

.rmlrmr{padding-right:0 ;padding-left:0}

.has_background{background-size:cover!important; background-repeat: no-repeat!important;background-position: center center !important; }

.left{text-align: left;}

.right{text-align: right;}

.center{text-align: center;}

b{font-family: 'DINPro-Bold';}



.mCS-scrollbar-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #231f20; border-radius: 0; width: 6px;}

.mCS-scrollbar-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: #231f20; } 

.mCSB_inside>.mCSB_container {

    margin-right: 0;

}



.mCustomScrollBox{

    height: auto;

}



.mCSB_horizontal.mCSB_inside>.mCSB_container {

    margin-bottom: 10px;

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{

    margin-top: 8px;

}


.contact-form .vfbp-form label{
    color: #373e44;
    font-size: 14px;
}
/*Pop Up*/

.modal-dialog{
	max-width: 992px;
	width: auto;
}
.modal-header h4{
	font-weight: 900;
    font-size: 30px;
    color: #000;
}
.modal-header .close{
	color: #000;
	opacity: 1;
	font-size: 28px;
}
.modal-body{
	margin: 25px;
}
.modal-body p{
	color: #000!important;
}
/**** Breadcrumbs ****/



.breadcrumbs{

    float: left;

    position: absolute;

    bottom: -1px;

    font-size: 15px;

    background: rgba(255, 255, 255, 0.7);

    padding: 15px 25px 12px 25px;

    text-transform: uppercase;

    min-width: 200px;

    text-align: center;

}



.breadcrumbs span, .breadcrumbs a{

    color: #231f20;

    text-decoration: none;

    text-transform: uppercase;

}







/******* Popup ******/

.video-popup{

    padding-top: 20vh;

    width: 100%;

    height: 100vh;

    position: fixed;

    background: rgba(0, 0, 0, 0.8);

}



.video-popup iframe{

    width: 50%;

    height: 50vh;

    margin: 0 auto;

    margin-left: 25%;

    min-height: 400px;

}



.popup-title{

    padding-left: 25%;

}



.popup-title hr{

    width: 30px;

    border-color: #c62026;

    margin-left: 0;

    float: left;

    margin: 0;

    margin-top: 16px;

    margin-right: 5px;

}



.popup-title h2{

    color: #fff;

    margin: 0;

    margin-bottom: 30px;

}









/* ------------------------*/ /* ---------->>> HOME PAGE <<<-----------*/ /* ------------------------*/

header{ 

    background: #231f20;

    padding: 15px 0;

    position: fixed;

    width: 100%;

    z-index: 10;

    transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out

}



.lang-item a{

    color: #b5aeae;

    text-decoration: none;

    font-size: 14px;

    font-family: 'DINPro-Light';

}



.lang-item::after{

    content: '/';

    color: #b5aeae;

    margin-left: 8px;

    display: none;



}



.languages .lang-item:last-child::after{

    display: none;

}



.lang-item-es, lang-item-es a {

    display: none!important;

}



.logo{

    height: 70px!important;    

}



.navbar-nav>li.active a{

    border-bottom: 1px solid #c62026;

}



.navbar-default {

    background-color: transparent;

    border-color: transparent;

    border: 0;

    margin-bottom: 0;

}



.navbar-nav{

    float: right;

}



.navbar-default .navbar-nav>li>a {

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    font-family: 'DINPro-Medium';

}



.navbar-nav>li>a {

    padding: 5px 0

}



.menu-item {

    padding: 20px 15px!important;

}



.lang-item{padding-right: 0!important}

.lang-item a{padding-left: 0!important; padding-right: 0!important; text-transform: uppercase;}



.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{

    color: #fff;

}



.navbar-collapse{

    padding: 0;

}



.navbar-nav {

    float: none;

    width: auto;

    text-align: center;

}



.navbar-nav>li{

    display: inline-block;

    float: none;

}



.navbar-default .navbar-nav>.active>a, 

.navbar-default .navbar-nav>.active>a:hover, 

.navbar-default .navbar-nav>.active>a:focus {

    color: #fff;

    background-color: transparent;

}



.product-menu-item a::after{

    content: "\f107";

    font-family: FontAwesome;

    padding-left: 10px;

    color: #c62026;

}



.site-branding{float: left;}

.navbar-nav>li>a{color: #fff;}

.menu-item{display: inline-block; padding: 0 10px;}

.menu-item a{color: #fff; text-decoration: none;}

.shrink .dropdown-menu{top: 80px; }

.parent-cat .parent-cat-item{

    display: inline-block;

    float: left;

    padding: 0 20px;

    min-height: 120px;

    width: 16.66%;

    /*border-right: 1px solid rgba(128, 128, 128, 0.22);*/

    position: relative;

}



.parent-cat .parent-cat-item:last-child{

    border-right: 0;

}



.parent-cat-item span{

    color: rgba(52, 52, 52, 0.1)!important;

    font-family: 'DINPro-Bold';

    font-size: 15px;

    position: absolute;

    left: 30px;

    margin-top: -8px;

}



.menu-txt-bg {

    font-size: 200px;

    line-height: 150px;

    position: absolute;

    top: 20px;

    left: 0;

    color: rgba(0, 0, 0, 0.02);

    width: 100%;

    z-index: -9;

    text-align: left;

}



.parent-cat-item a{ 

    font-family: 'DINPro-Bold';

    color: rgba(35, 31, 32, 0.85);

    text-transform: uppercase;

    text-decoration: none;

    font-size: 14px;

}



.child-cat{

    padding-top: 10px;

}



.child-cat li{list-style-type: none;}



.child-cat li a{

    font-family: 'DINPro-Medium';

}



.child-cat a{

    font-weight: normal;

    text-transform: lowercase;

    padding-left: 0;

    text-decoration: none;

    color: rgba(35, 31, 32, 0.55);

    font-size: 16px;

}





.child-cat a::first-letter{

    text-transform: uppercase!important;

}



.menu{

    padding-top: 10px;

}

.menu .btn-primary {

    color: #fff;

    background-color: transparent;

    border-color: transparent;

    border: 0;

}



.brands{text-align: center;}

.brand-item{display: inline-block; padding: 20px 10px}

.brand-item a{

   color: #231f20;

   font-weight: 600;

}



.dropdown-menu {

    margin-top: 0;

    display: none;

    position: absolute;

    left: 0;

    width: 100%;

    padding: 50px 0;

    background: rgba(255, 255, 255, 0.97);

    box-shadow: 0 3px 10px rgba(0,0,0,0.04)!important;

    top: 100px;

    z-index: 9



}



.compare-list{

    position: fixed;

    top: 50%;

    z-index: 1;

    font-size: 12px;

    width: 300px;

    background: #231f20;

    margin-top: -56px;

    min-height: 150px;

    padding: 20px;

    right: 0;

    padding-right: 50px;

    display: none;

     transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

}



.compare-tabs ul li{

    padding: 10px 30px;

    text-transform: uppercase;

    font-size: 16px;

    color: #9b9a9b!important;

    border: 0;

    border-right: 1px solid #ddd;

    border-radius: 0;

    display: inline-block;

}



 .compare-tabs ul li:last-child{

        border-right: 0;

    }



.compare-tabs ul li a{

    color:#9b9a9b;

    text-decoration: none;

}



.compare-tabs ul li a:hover, .compare-tabs ul li a:focus, .compare-tabs ul li a:active{

    color: #231f20!important;

}



.compare-tabs{

    border-bottom: 1px solid #ddd;

}



.compare-content{

    padding-top: 70px;

}



.compare-list img{

    width: 30px;

    height: auto;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

}





.compare-list p, .compare-list p a{

    text-transform: lowercase;

    color: #fff;

    text-decoration: none;

}



.compare-list a{

    color: #fff;

    text-decoration: none;

}





/***** Home Slider ******/



.home-slider .slider{

    height: calc(100vh - 100px);

}

.home-slider .slick-dots{padding: 0; margin: 0; width: 100%; text-align: center;position: absolute;bottom: 50px;}

.home-slider .slick-dots .slick-active{background: #231f20; border-color: #231f20;}

.home-slider .slick-dots li{

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 5px;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

}



.home-slider button{

    position: absolute;

    top: 50%;

    z-index: 9;

    background: transparent;

    border: 0;

    margin-top: -25px;

}



.home-slider button.slick-next{

    right: 15px

}



.home-slider button.slick-prev{

    left: 15px

}



.home-slider .slick-dots li button{display: none!important;}





.slider-title{

    margin-top: 75px;

}

.slider-title h2{

    margin: 0;

    font-size: 40px;

    text-transform: uppercase;

    color: #373e44;

    font-family: 'DINPro-Medium';

    margin-bottom: 40px;

}



.slider-title a{

    color: #231f20;

    background: #fff;

    font-size: 12px;

    padding: 8px 15px;

    text-decoration: none;

    border: 1px solid #fff;

}



.slider-title a:hover{

    background: transparent;

}



.scroll-down{

    position: absolute;

    bottom: 15px;

    left: 50%;

    margin-left: -14px;

}







.arrow-wrap {

  position: absolute;

    z-index: 1;

    left: 50%;

    bottom: 1em;

    margin-left: -5em;

    background: #111;

    width: 9em;

    height: 9em;

    padding: 3.1em 2em;

    border-radius: 50%;

    font-size: 0.4em;

    display: block;

}



.arrow {

  float:left;

  position:relative;

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 3em 3em 0 3em;

  border-color: #ffffff transparent transparent transparent;

  -webkit-transform:rotate(360deg)

}



/*.arrow:after {

  content:'';

  position:absolute;

  top:-3.2em;

  left:-3em;

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 3em 3em 0 3em;

  border-color: #111 transparent transparent transparent;

  -webkit-transform:rotate(360deg)

}*/



/***** Site Preloader ******/

#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%;

    background-size: 60px!important; overflow: visible; background: #231f20; -webkit-transition: all 0.7s ease-out;

    transition: all 0.7s ease-out;}



.preloader{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100px;

    height: 100px;

    border: 4px solid transparent;

    border-top-color: #c62026;

    border-radius: 50%;

    display: block;

    margin: -50px 0 0 -50px;

    -webkit-animation: spin 2s linear infinite; 

    animation: spin 2s linear infinite; 

    -webkit-transition: all 0.5s ease-out; 

     transition: all 0.5s ease-out; 

}





.preloader span{

    width: 60px;

    height: 60px;

    position: absolute;

    border: 2px solid transparent;

    border-top-color: #fff;

    border-radius: 50%;

    top: 50%;

    left: 50%;

    margin-top: -30px;

    margin-left: -30px;

    display: block;

    webkit-animation: spin 1.5s linear infinite;

    animation: spin 1.5s linear infinite;

}





/***** Search ******/

.search-icon{

    color: #b5aeae;

    font-size: 18px;

    padding-right: 15px;

    

}



.lang-search{

    position: absolute;

    top: 22px;

    right: 0;

}



.search-item{

    border-right: 1px solid #b5aeae;

    margin-right: 10px;

}



.lang-search li{

    display: inline-block;

    vertical-align: middle;

}



.search-icon:hover, .search-icon:active, .search-icon:focus{

    color: #b5aeae;

    outline: 0;

}



.mfp-hide{display: none;}



#search-popup{

    position: fixed;

    height: 100vh;

    width: 100%;

    background: rgba(0, 0, 0, 0.8);

    z-index: 10;

    text-align: center;

}



.search-content{

    position: absolute;

    top: 50%;

    width: 100%;

}



.mfp-close {

    top: 100px;

}



.mfp-preloader{

    display: none;

}



input[type="search"] {

    -webkit-appearance: none;

    min-width: 500px;

    height: 50px;

    border: 1px solid grey;

    padding-left: 15px;

    border-radius: 0;

}



.header-search-icon{

    background: #231f20;

    color: #fff;

    height: 50px;

    border: 1px solid #231f20;

    width: 50px;

    font-size: 20px;

    line-height: 15px;

}



.ui-menu .ui-menu-item {

    text-transform: lowercase;

    max-width: 500px;

    font-size: 12px;

    border-bottom: 1px solid rgba(202, 202, 202, 0.7);

}



.ui-widget-content{

    max-width: 500px;

}







/***** Home Page Products Section ******/





.woocommerce ul.products {

    margin-bottom: 50px;

    margin-top: 30px;

}

.products-section{

    padding: 70px 0 90px 0;

}



.section-title-content{

    position: relative;

}



.section-title-content span{

    color: #c62026;

    font-family: 'DINPro-Bold';

}



.section-title-content hr{

    width: 30px;

    border-color: #c62026;

    margin-left: 0;

    float: left;

    margin: 0;

    margin-top: 14px;

    margin-right: 5px;

}





.section-title{

    font-size: 25px;

    font-family: 'DINPro-Medium';

    text-transform: uppercase;

    text-align: left;

    padding-left: 35px;

    color: #343434;

    padding-bottom: 60px;

    margin-top: 0;

    margin-bottom: 0;

}





.product-item{

    border: 1px solid rgba(55, 62, 68, 0.4);

}



.item-1, .item-2, .item-3{

    opacity: 1;

}



.item-1 .product-item{

    margin-right: 30px;

}

.item-2 .product-item{

    margin: 0 15px;

}

.item-3 .product-item{

    margin-left: 30px;

}



.product-item img {

    margin: 0 auto;

    max-height: 350px;

    width: auto;

}



.product-item-img{

    padding: 20px;

    height: 400px;

}



.product-item-details{

    padding: 25px 20px 50px 20px;

    border-top: 1px solid rgba(128, 128, 128, 0.23);

}



.product-item-details p{

    margin-bottom: 0;

    min-height: 40px;

}



.product-item-details hr{

    border-color: #c62026;

    width: 40px;

    margin: 0;

    margin-top: 10px;

}



.product-item-details a.see-more{

    background: #c62026;

    color: #fff;

    font-size: 12px;

    text-transform: lowercase;

    font-family: 'DINPro-Bold';

    padding: 5px 10px 7px 10px;

    text-decoration: none;

    right: 50px;

    position: absolute;

    bottom: -15px;

}



.item-2 .product-item-details a{

    right:35px;

}



.item-3 .product-item-details a{

    right:20px;

}



.bg-txt {

    font-size: 40px;

    text-transform: uppercase;

    color: rgba(52, 52, 52, 0.03)!important;

    position: absolute;

    top: -25px;

    font-family: 'DINPro-Bold';

    left: 40px;

}



.partners-section .bg-txt {

    font-size: 24px;

    top: -20px;

    left: 45px;

}



.favourite{

    color: #c62026;

    font-family: 'DINPro-Light';

    position: absolute;

    background: #fff;

    padding: 5px;

    bottom: -20px;

}



.favourite .fa{

    padding-right: 5px;

}



.prod-social-media .fa{

    background: #004282;

    color: #fff;

    padding: 5px;

    font-size: 15px;

    width: 25px;

    height: 25px;

    padding: 4px 7px;

}



.prod-social-media .fa-facebook {

    padding: 5px 9px;

}



.prod-social-media li{

    list-style-type: none;

    padding-bottom: 10px;

}



.prod-social-media ul{

    display: none;

}



.prod-social-media .fa-share-square{

    margin-bottom: 10px;

}



.prod-social-media{

    position: absolute;

    top: 20px;

    right: 18px;

    background: #fff;

    padding: 15px 0;

}



.item-2 .prod-social-media{

    right: 2px;

}



.item-3 .prod-social-media{

    right: -15px;

}



.products-section .item:hover{

    margin-top: -15px;

}



/******* Banners Section *******/

.first-banner{

    height: 600px;

    margin-bottom: 70px;

    position: relative;

}



.second-banner{

    height: 400px;

    position: relative;

    margin-bottom: 70px;

}



.banner-content{

    position: absolute;

    bottom: 0;

}



.banner-content p{

    margin-bottom: 13px;

    margin-left: 10px;

}



.banner-content p span{

    margin: 0;

    color: #373e44;

    font-size: 20px;

    text-transform: uppercase;

    background: rgba(255, 255, 255, 0.5);

    padding: 15px 20px;

}



.banner-content h3 {

    margin: 0;

    font-size: 20px;

    text-transform: uppercase;

    margin-bottom: 0;

    color: rgba(128, 128, 128, 0.35);

    position: absolute;

    left: 20px;

    top: 15px;

    font-family: 'DINPro-Medium';

}



.vertical-txt{

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    position: absolute;

}



.vertical-txt hr{

    margin: 0;

    border-color: #c62026;

    width: 70px;

    position: absolute;

    top: 40px;

    left: 0px;

}



.vertical-bg-txt{

    font-size: 45px;

    position: absolute;

    text-transform: uppercase;

    left: 105px;

    top: -8px;

    font-family: 'DINPro-Medium';

    color: rgba(128, 128, 128, 0.08);

}



.first-banner .vertical-bg-txt{ 

    color: #fff;

}



.mfp-close {

    position: absolute;

    top: 100px;

    right: 40px;

    background: transparent;

    border: 0;

    font-size: 40px;

    color: #fff;

}





.second-banner-content p span {

    margin: 0;

    color: #373e44;

    font-size: 20px;

    text-transform: uppercase;

    background: rgba(124, 135, 142, 0.7);

    padding: 15px 20px;

    float: right;

}



.second-banner .container{

    position: relative;

}



.second-banner-content{

    position: absolute;

    right: 0;

    bottom: -400px;

}



.second-vertical-txt h3{

    margin: 0;

    text-transform: uppercase;

    color: #231f20;

    font-size: 20px;

    font-family: 'DINPro-Medium';

}



.second-vertical-txt {

    position: absolute;

    right: -13px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    top: -45px;

}



.second-vertical-txt .vertical-bg-txt {

    font-size: 45px;

    position: absolute;

    text-transform: uppercase;

    left: auto;

    top: -18px;

    right: 55px;

    font-family: 'DINPro-Medium';

    color: rgba(128, 128, 128, 0.7);

        outline: 0;

}



.second-vertical-txt hr{

    margin-top: 0;

    margin-bottom: 0;

    border-color: #004180;

    position: absolute;

    width: 90px;

    right: -30px;

}









/******* Partners Section *******/

.partners-section{

    margin-bottom: 70px;

}



.partners-section .section-title{

    padding-bottom: 0;

    margin-bottom: 0;

}

.partners ul{text-align: center; padding: 70px 0;}

.partners ul li {

    display: inline-block;

    padding: 30px 50px;

    border-right: 1px solid rgba(189, 195, 198, 0.6);

    width: 33.33333333%;

    float: left;

}



.partners ul li:last-child{

    border: 0;

}



.partners img{

    height: 60px;

    margin: 0 auto;

}









/* ------------------------*/ /* ---------->>> PRODUCTS PAGE <<<-----------*/ /* ------------------------*/



.products-page-banner{

    height: 330px;

    position: relative;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    border-bottom: 1px solid rgba(128, 128, 128, 0.15);

}



.products-page-banner:hover{

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}





#container{margin-top: 50px;}



.woo-parent-cat {

    text-align: center;

    padding: 0 30px;

    color: #fff;

}

.woo-parent-cat-item{display: inline-block; padding: 0 10px; cursor: pointer;text-transform: lowercase;font-size: 15px;}

.woo-parent-cat-item a{color: #fff; text-decoration: none; }

.woo-parent-cat-item::first-letter{text-transform: uppercase;}

.categories{

    background: #b0b7bb;

    padding: 10px 0;

}

.sub-categories{

    background: #7c878e;

}

.woo-child-cat{

    color: #fff;

    text-align: center;

}

.woo-child-cat-item{

    padding: 10px 30px;

}

.woo-child-cat-item{display: inline-block; cursor: pointer;}



.woo-parent-cat-item.active{cursor: progress;}

.woo-child-cat-item a{color: #fff; text-decoration: none;}



.single .site-content {

    padding-top: 180px;

    padding-bottom: 80px;

}



.woocommerce-pagination{

    width: 100%;

    margin: 35px 0 60px 0;

}





.posted_in, .model{

    display: none!important;

}





.single.woocommerce .woocommerce-breadcrumb,

.product-popup .woocommerce-breadcrumb{

    position: relative;

    top: 0;

}



.mfp-wrap .woocommerce-breadcrumb{

    display: none;

}



.fa-external-link{

    margin-right: 5px;

    margin-left: 5px;

}





.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    border: 1px solid rgba(55, 62, 68, 0.4);

    padding: 0;

    padding-top: 20px;

}



.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover{

    border-color: #373e44;

}



.woocommerce ul.products li.product .button {

    margin: 15px;

    float: right;

}



.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

    background: #c62026;

    border-radius: 0;

    font-size: 12px;

    color: #fff;

    border: 1px solid #c62026;

    border-radius: 0;

    text-transform: lowercase;

    padding-bottom: 8px;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

}



.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, 

.woocommerce button.button:hover, .woocommerce input.button:hover {

    background-color: #343434;

    color: #fff;

}



.woocommerce ul.products li.product h3 {

    text-transform: lowercase;

    min-height: 60px;

    margin-top: 15px;

    padding-right: 15px;

    padding-left: 15px;

    font-size: 16px;

    font-family: 'DINPro-Medium';

}



.woocommerce ul.products li.product a img {

    max-height: 226px;

    width: auto;

    margin: 0 auto;

}



.woocommerce ul.products li.product .button {

    margin: 0;

    position: absolute;

    right: -1px;

    bottom: -28px;

    border: 15px solid #fff;

    font-family: 'DINPro-Bold';

}



.woocommerce .page-title{

    display: none;

}



.page-template-page .page-title{

    display: block;

}





.woocommerce nav.woocommerce-pagination ul li a{

    width: 30px;

    height: 30px;

    background: #d7dbdd;

    color: #231f20;

}



.woocommerce .woocommerce-pagination ul.page-numbers li, 

.woocommerce-page .woocommerce-pagination ul.page-numbers li {

    display: inline-block;

    border: 0;

    margin: 5px;

}



.woocommerce nav.woocommerce-pagination ul{

    border:0;

}



.woocommerce nav.woocommerce-pagination ul li a:focus, 

.woocommerce nav.woocommerce-pagination ul li a:hover, 

.woocommerce nav.woocommerce-pagination ul li span.current {

    background: #231f20;

    color: #fff;

    width: 30px;

    height: 30px;

}



.woocommerce #content div.product div.images, .woocommerce div.product div.images, 

.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{

    border: 1px solid rgba(215, 215, 215, 0.6);

}





.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    background: #fff;

}



.woocommerce .attachment-shop_catalog, .woocommerce-page .attachment-shop_catalog {

    max-width: 100%;

    height: 300px;

    width: auto;

    margin: 0 auto!important;

}



.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

    text-align: center;

}



.woocommerce div.product div.images img {

    display: block;

    width: auto;

    height: auto;

    box-shadow: none;

    margin: 0 auto;

    max-height: 500px;

    padding: 15px 0;

}



.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    margin: 3%;

    width: 27.3333333%;

    transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out

}



.woocommerce-page ul.products li.first, .woocommerce ul.products li.first{

    clear: none

}



.woocommerce ul.products li:nth-child(3n-2){

    clear: left!important

}



.woo-read-more{

    border-top: 1px solid rgba(215, 215, 215, 0.4);

    margin-top: 40px;

}





.home-slider button{

    display: none!important;

}



.home-slider:hover button{

    display: block!important;

}



.site-social-media{

    position: absolute;

    top: 150px;

    z-index: 9;

    right: 11px;

    display: none;

}



/*.home .site-social-media{

    display: block;

}*/



.site-social-media li{

    list-style-type: none;

    width: 25px;

    height: 25px;

    background: #fff;

    margin-bottom: 5px;

    margin-right: 8px;

    border: 1px solid rgba(202, 202, 202, 0.4);

}



.site-social-media li a{

    color: #CACACA;

}



.site-social-media li a:hover{

    color: rgba(35, 31, 32, 0.64);

}



.site-social-media li a .fa{

    padding: 5px 6px;

}



.site-social-media li a .fa-facebook{

    padding: 6px 8px;

}





.woo-read-more span{

    position: absolute;

    display: block;

    width: 100%;

    left: 0;

    text-align: left;

    padding-left: 15px;

    bottom: -30px;

    font-size: 11px;

    font-weight: normal;

}



.remove-btn{

    position: absolute;

    float: right;

    background: transparent;

    color: #B22222;

    border: 0;

    right: 20px;

    top: 10px;

}



.remove-btn img{

    max-height: 10px;

    width: auto;

}



.prod-compare-btn{

    float: left;

    margin-left: 50px;

    background: transparent;

    border: 0;

    padding: 0;

    margin-top: 20px;

    font-family: 'DINPro-Bold';

}



.site-content{

    padding-top: 100px;

}



.no-product-found{

    font-size: 18px;

    padding-top: 0;

}



.arrows-compare{

    color: #c62026;

    background: #fff;

    position: absolute;

    left: 20px;

    margin-top: 19px;

}



.arrows-compare .fa {

    font-size: 10px;

}



.compare-btn-content{

    background: #fff;

    position: absolute;

    bottom: -8px;

    padding-right: 13px;

    left: -10px;

}



.compare-page-link{

    display: none;

    position: absolute;

    left: 20px;

    bottom: 25px;

    font-family: 'DINPro-Bold';

}



.compare-btn-content:hover .compare-page-link{

    display: block;

}





.woocommerce .products-breadcrumbs .woocommerce-breadcrumb {

    position: absolute;

    top: 385px;

    font-size: 15px;

    background: rgba(255, 255, 255, 0.7);

    padding: 12px 25px;

    text-transform: uppercase;

}



.page-title-vertical .vertical-bg-txt {

    font-size: 63px;

    position: absolute;

    text-transform: uppercase;

    left: 25px;

    top: -40px;

    width: 700px;

    overflow: hidden;

}



.page-title-vertical .vertical-txt{

    bottom: 25px;

    margin-left: 20px;

}



.page-title-vertical h3{

    position: absolute;

    margin: 0;

    left: 45px;

    margin-top: -5px;

    text-transform: uppercase;

    width: 700px;

    overflow: hidden;

}



.page-title-vertical .vertical-txt hr {

    top: 25px;

}





.prod-partners{

    padding-top: 20px;

    padding-bottom: 70px;

}



.prod-partners ul{

    padding-top: 10px;

}



.partners p{

    text-align: center;

    font-size: 18px;

}



/****** Rating *****/

.woocommerce .products .star-rating{margin: 0 auto;}

.woocommerce .star-rating span:before {

    color: #c62026;

}



    



/****** Product Popup *******/

.mfp-close{

    position: absolute;

    top: 100px;

    right: 13px;

    background: transparent;

    border: 0;

    font-size: 40px;

    color: #CACACA;

}



.fa-shopping-cart{

    margin-right: 5px;

}



.woocommerce #content div.product div.summary, 

.woocommerce div.product div.summary, 

.woocommerce-page #content div.product div.summary, 

.woocommerce-page div.product div.summary {

    float: right;

    width: 50%;

    padding-left: 20px;

}



.tab-pane-content{

    padding-right: 30px;

}



.tab-pane-content .cart-icon{

    display: none;

}



.comment-form-rating label{

    padding-right: 20px;

    padding-top: 10px;

}





.product-popup{

    position: fixed;

    min-height: 100vh;

    height: auto;

    top: 0;

    width: 100%;

    z-index: 20;

    background: #fff;

    padding: 60px 0;

    min-height: 100vh;

    max-height: 100vh;

    cursor: auto!important;

    max-height: 100vh;

    overflow-y: scroll;

}



.product-popup .mfp-close {

    position: absolute;

    top: 40px;

    right: 40px;

    background: transparent;

    border: 0;

    font-size: 40px;

    color: #c62026;

}



.product-popup .prod-social-media,

.single .prod-social-media{

    position: relative;

    right: 0;

    top:0;

    padding: 0;

    padding-top: 25px;



}



.cart-icon{

    background: #7c878e;

    padding: 3px;

    float: left;

    margin-right: 15px;

    margin-top: 7px;

}



.product-popup .prod-social-media ul,

.single .prod-social-media ul{

    display: inline-block;

}



.product-popup .prod-social-media .fa,

.single .prod-social-media .fa{

    padding: 5px;

}



.product-popup .prod-social-media .fa-facebook,

.single .prod-social-media .fa-facebook{

    padding: 5px 7px;

}



.product-popup .prod-social-media li,

.single .prod-social-media li{

    display: inline-block;

}



.summary.entry-summary{

    position: relative;

}



.woocommerce div.product .product_title{

    margin-bottom: 20px;

}



.product_title_bg{

    font-size: 36px;

    position: absolute;

    top: -25px;

    left: 40px;

    color: rgba(0, 0, 0, 0.04);



}



.external-links li{

    list-style-type: none;

}



.ext-links-title{

    width: 100%;

    display: block;

    font-family: 'DINPro-Bold';

    text-transform: uppercase;

    margin-top: 25px;

}



.external-links li{

    margin-top: 10px;

}



.external-links a{

    color: #fff;

    text-decoration: none;

    max-width: 220px;

    display: block;

}



.external-links span{

    background-image: url(../images/cart-icon.png);

    display: block;

    background-size: cover;

    background-color: #c62026;

    font-family: 'DINPro-Bold';

    background-size: 30px;

    background-repeat: no-repeat;

    padding: 11px 15px 14px 45px;

    background-position: 5px 5px;

    color: #fff;

    max-width: 220px;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out

}



.external-links span:hover, 

.external-links span:active,

.external-links span:focus{

    background-color: #343434;

}



.tab-pane-content .ext-links-title{

    display: none;

}



.tab-pane-content .product-short-desc{

    display: none;

}



.external-link{

    font-family: 'DINPro-Bold';

    text-decoration: none;

    margin-bottom: 0;

    display: block;

}



.external-link img{

    height: 35px;

    width: auto;

    margin: 6px 0;

}



.product-short-desc{

    margin-bottom: 25px;

}



.thumbnails, .thumbnails .slick-list{

    height: 100px;

}



.thumbnails img{

    width: auto!important;

    height: 100px!important;

}





.woocommerce div.product div.images div.thumbnails {

    padding-top: 1em;

    margin-bottom: 1em;

    border-top: 1px solid rgba(215, 215, 215, 0.6);

}



.thumbnails .slick-slide{

    height: 85px;

    padding: 0!important;

    border-right: 1px solid rgba(215, 215, 215, 0.6);

    margin-bottom: 15px!important;

}



 .woocommerce-page div.product div.thumbnails a.first, .woocommerce #content div.product div.thumbnails a.first,

 .woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first

 {

    clear: none;

 }



.thumbnails a{

    margin: 0!important;

    float: left;

}



.thumbnails .attachment-shop_thumbnail{

    height: 100px!important;

    width: auto!important;

}



.thumbnails button{

    display: inline-block;

    position: absolute;

    z-index: 9;

    height: 25px;

    width: 25px;

    padding: 0;

    background: #7c878e;

    border: 0;

}



.thumbnails button img{

    height: 25px!important;

    padding: 5px 0!important;

}



.thumbnails .slick-prev{

    left: 15px;

}



.thumbnails .slick-next{

    right: 15px;

    bottom: 0;

}





.mfp-wrap .woocommerce-breadcrumb{

    z-index: -1!important

}



.sku_wrapper{

    font-family: 'DINPro-Bold';

    padding-bottom: 5px;

    display: block;

}



.sku_wrapper .sku{

    font-family: 'DINPro-Regular';

}



.product_meta .posted_in{

    font-family: 'DINPro-Bold';

    padding-bottom: 5px;

    display: block;

}



.product_meta .posted_in a{

    font-family: 'DINPro-Regular';

    pointer-events: none;

    color: #000;

}



.woocommerce div.product .stock b{

    font-family: 'DINPro-Bold';

}



.woocommerce div.product .stock {

    color: #231f20;

    padding-bottom: 5px;

    display: block;

}



.model{

    padding-bottom: 25px;

    display: block;

    text-transform: lowercase;

}

.model b{

    text-transform: uppercase;

}



.mfp-wrap{ 

    min-height: 100vh;

    position: fixed;

    width: 100%;

    z-index: 11;

}



.product-popup .woocommerce-breadcrumb{

    display: none;

}



#product-desc{

    text-align: justify;

    color: #7c878e;

    font-size: 16px;

}



.tab-section .tab-content>.tab-pane{

    padding: 30px;

    color: #7c878e;

    font-size: 16px;

    max-height: 300px;

    

}



.compare-categories .tab-pane{

    padding-top: 70px;

}



.tab-content>.tab-pane b, .tab-content>.tab-pane a,

.tab-content>.tab-pane span, .tab-content>.tab-pane .stock{

    color: #7c878e!important;

}



.tab-content>.tab-pane .model{

    padding-bottom: 0;

}



.tab-pane h1{

    display: none;

}



.tab-pane .product_title_bg{

    display: none;

}



.tab-pane .external-link{

    display: none;

}



.tab-section{

    padding-top: 60px;

}



.nav-tabs>li {

    margin-bottom: 0;

}



.fa-file-text{

    margin-right: 10px;

}



#product-pdf a{

    display: block;

    margin-bottom: 10px;

}



.nav-tabs>li>a {

    padding: 10px 30px;

    text-transform: uppercase;

    font-size: 16px;

    color: #9b9a9b!important;

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{

    color: #231f20!important;

}





.nav-tabs>li>a{

    border: 0;

    border-right: 1px solid #ddd;

    border-radius: 0;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out

}



.tab-pane a{

        color: #231f20;

    text-decoration: none;

    font-size: 15px;

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{

    border: 0;

    border-right: 1px solid #ddd;

    border-radius: 0;

}





.nav-tabs>li>a:hover, .nav-tabs>li>a:focus{

    background:transparent;

    color: #231f20!important;

}



div.pp_pic_holder {

    top: 12%!important;

    position: fixed;

}



.ppt{

    display: none!important;

}



.pp_gallery ul{

    text-align: center;

}



.pp_gallery ul a img {

    height: 100%;

    width: auto;

}



.pp_gallery li{

    float: none;

    display: inline-block;

}





.related .products li{

    width: 16.66666667%;

    margin:1%;

    float: left;

}



.related .products h3{

    text-transform: lowercase;

    margin: 0;

    font-size: 14px;

    padding: 15px;

}



.related h2{

    font-size: 22px;

}



.related .products .compare-btn-content{

    display: none;

}





#fullResImage{

    max-height: 550px;

    width: auto!important;

    margin: 0 auto;



}



#pp_full_res{

    text-align: center;

}



.pp_content_container{

    max-height: 650px;

}





/****** Products Colors *******/



.prod-color{

    font-family: 'DINPro-Bold';

    margin-top: 20px;

    margin-bottom: 5px;

}



.color{

    margin-bottom: 5px;

}



.color span{

    width: 15px;

    height: 15px;

    display: block;

    float: left;

    margin-top: 4px;

    margin-right: 10px;

    border: 1px solid #cecdcd;

}



.term-active a{

    font-family: 'DINPro-Medium';

    border-bottom: 1px solid #fff

}







/* ------------------------*/ /* ---------->>> PRODUCT COMPARE PAGE <<<-----------*/ /* ------------------------*/



.prod-img{

    height: 80px;

    width: 80px;

    margin: 0 auto;

}



.products-compare-list{

    margin-top: 120px;

}



.product-fields{

    text-align: center;

    padding-right: 0;

    border: 0;

    border-right: 0;

    padding-right: 0;

    padding-top: 307px;

}



.product-fields p{

    border: 1px solid #7C878E;

    margin: 0;

    margin-bottom: 10px;

    background: #7C878E;

    color: #fff;

    font-size: 13px;

    height: 65px;

}



.product-fields p::first-letter{

    text-transform: uppercase;

}



.products-list .prod-item{

    width: auto;

    float: left;

    padding: 0 15px;

    outline:0;

    position: relative;

}



.products-list .slick-arrow{

    display: inline-block;

    position: absolute;

    z-index: 9;

    height: 28px;

    width: 28px;

    padding: 0;

    background: #7c878e;

    border: 0;

    top:-40px;

}



.products-list .slick-prev{

    right: 55px;

}



.products-list .slick-next{

    right: 15px;

}



.products-list .slick-arrow img{

    max-height: 22px;

    margin-top: -5px;

}





.compare-prod-title{

    min-height: 55px;

    background: #BDC3C6;

    display: table;

    width: 100%;

    margin-bottom: 25px;

}



.prod-item h3{

    font-size: 14px;

    text-transform: lowercase;

    padding: 12px 10px 15px 10px;

    margin: 0;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

}





.prod-item p{

    border: 1px solid #dedbdb;

    text-align: center;

    margin-bottom: 0;

    padding: 10px;

    margin-bottom: 10px;

    height: 65px;

}



.external-link .fa-arrow-right{

    color: #c62026;

    background: #fff;

    margin-left: 15px;

    font-size: 10px;

}



.external-link{

    color: #231f20;

    text-decoration: none;

    margin: 0;

    position: relative;

    padding-bottom: 5px;

    font-size: 14px;

    line-height: 17px;

}



.external-link a{

    position: absolute;

    top: 6px;

    left: 30px;

    color: #231f20;

    text-decoration: none;

    background: #fff;

    padding: 9px 0;

    padding-top: 7px;

    font-size: 12px;

    line-height: 12px;

    font-family: 'DINPro-Medium';

}





.prod-item .fa-check{

    color: green;

}



.prod-item .fa-times{

    color: #B22222;

}



.prod-title-img{

    padding-bottom: 25px;

    min-height: 195px;

    border: 1px solid rgba(124, 135, 142, 0.12);

}



.prod-title-img img{

    margin: 0 auto;

    max-height: 200px;

    width: auto;

}



.compare-btn{

    background: #c62026;

    border: 0;

    color: #fff;

    font-size: 14px;

    padding: 5px 15px 7px 15px;

    margin-top: 20px;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out



}



.compare-btn:hover{

    background-color: #343434;

}



.products-compare-list{ margin-bottom: 80px;}



.product-compare, .add-more-prod{

    position: fixed;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    min-width: 150px;

    text-align: center;

    background: #231f20;

    padding: 9px 0;

    top: 50%;

    z-index: 9;

    right: -45px;

    display: block;

}



.product-compare a, .add-more-prod a{

    color: #fff;

    text-decoration: none;

     font-size: 12px;

    text-transform: uppercase;

    font-family: 'DINPro-Light';



}



.add-more-prod{

    display: none;

}



.page-template-products-compare .add-more-prod{

    display: block;

}



.page-template-products-compare .product-compare{

    display: none;

}



.woocommerce .woocommerce-breadcrumb {

    position: absolute;

    top: 175px;

    font-size: 15px;

}





.woocommerce .woocommerce-breadcrumb a,

.woocommerce .woocommerce-breadcrumb {

    color: #231f20;

    text-decoration: none;

}



.compare-filed-val p:nth-child(odd){

    background: rgba(124, 135, 142, 0.12);

}



.compare-filed-val img{

    margin: 0 auto;

}





.compare-filed-val p, .product-fields p{

    display: table;

    width: 100%;

}





.compare-filed-val p span, .product-fields p span{

    display: table-cell;

    width: 100%;

    vertical-align: middle;

}









/* ------------------------*/ /* ---------->>> PRIVACY POLICY & TERMS & CONDITIONS PAGE <<<-----------*/ /* ------------------------*/

.page-title{

    color: #231f20;

    font-size: 25px;

    margin: 0;

    margin-bottom: 25px;

    font-family: 'DINPro-Bold';

}



.page-content {

    padding: 60px 0 60px 0;

    min-height: calc( 100vh - 256px );

}





.page-content ul{

    margin-left: 40px;

}



.page-content ul li {

    font-family: 'DINPro-Regular';

    color: #231f20;

    font-size: 15px;

}





.page-content p{

    font-family: 'DINPro-Regular';

    color: #231f20;

    font-size: 15px;

}





/******** Cookies Container ********/

.cookienotice-container {

    position: fixed;

    bottom: 0;

    width: 100%;

    background: #767677;

    z-index: 300;

}



.cookienotice-container .cookienotice-content {

    position: relative;

    width: auto;

    max-width: 1474px;

    margin: 0 auto;

    padding: 1%;

}



.cookienotice-container .cookienotice-message {

    position: relative;

    margin-right: 20px;

    font-size: 12px;

    font-size: 1.2rem;

}



.cookienotice-message a{

    color: #231f20;

}



.cookienotice-container * {

    color: #fff;

}



.icon-close:before {

    content: "\f00d";

    font-family: FontAwesome

}



.icon-close{

    position: absolute;

    right: 10px;

    top: 10px;

}



/*********** Footer Style ***********/



.back-to-top {

    border-style: solid;

    padding: 2px 13px;

    border-color: #CACACA;

    color: #CACACA;

    font-size: 30px;

    text-decoration: none;

    border-width: 0;

    position: fixed;

    right: 15px;

    display: block;

    bottom: 55px;

    font-weight: 600;

    z-index: 9;

    width: 38px;

    height: 38px;

}



.back-to-top:hover, .back-to-top:active, .back-to-top:focus{

    color: #CACACA;

}





.footer-content{

    background: #231f20;

    padding: 18px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.footer-content h4{

    color: #fff;

    font-size: 14px;

    margin: 0;

    font-family: 'DINPro-Medium';

    margin-bottom: 10px;

}



.footer-content h4 span{

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    padding-bottom: 2px;

}



.site-info .legal{

    margin-bottom: 5px;

    text-align: right;

}



.site-info .legal li{

    list-style-type: none;

    color: #fff;

    font-size: 12px;

    font-family: 'DINPro-Light';

    display: inline-block;

    padding: 0;

    padding-left: 10px;

}



.privacy-policy{

    margin-top: 0;

    line-height: 17px;

}





.site-info .legal li a{

    color: #fff;

    text-decoration: none;



}



.logo-footer{

    margin-top: 10px;

    margin-bottom: 10px;

}



.logo-footer img{

    height: 60px;

}



.contact-info{

    padding-top: 20px;

}



.desc{

    text-align: right;

    padding-top: 0;

}



.desc p{

    color: #fff;

    font-size: 11px;

    font-family: 'DINPro-Light';

    margin: 0;

}



.site-info{     

    background: #231f20;

    padding: 7px 0;

    padding-top: 15px;

}



.site-info p, .site-info p a{

    color: #fff;

    font-size: 12px;

    margin: 0;

    text-decoration: none;

    font-family: 'DINPro-Light';

}

.powered{text-align: right;}



.contact-info p, .contact-info p a{

    color: #fff;

    font-size: 14px;

    margin: 0;

    font-family: 'DINPro-Light';

}



.contact-info .fa{

    margin-right: 5px;

}



.newsletter{

    padding-left: 0;

    display: none;

}







/******* Newsletter Form ******/

.newsletter fieldset h3{

    display: none;

}



.newsletter input[type="email" i]{

    color: #000;

}



.newsletter fieldset label{

    display: none;

    color: #fff;

    font-weight: normal;

    font-size: 12px;

    font-family: 'DINPro-Light';

    width: 100%;

}



.newsletter .vfb-item input{

    height: 35px;

    background: transparent;

    border-bottom: 1px solid #fff;

    border: 0;

    border-bottom: 1px solid #fff;

    min-width: 170px;

    color: #fff;

    border-radius: 0;



}



.newsletter .vfb-submit{

    background: #373e44;

    color: #fff;

    border: 1px solid #fff;

    font-family: 'DINPro-Bold';

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out

}

.newsletter .vfb-item-secret{

    display: none!important;

}



.newsletter #form_success{

    color: #fff;

    font-size: 12px;

    padding-top: 6px;

}



.newsletter .vfb-item-submit{

    position: absolute;

    top: 15px;

    left: 170px;

}



.newsletter input[type="submit"]{

    width: 70px;

    min-width: 70px;

    border-radius: 0;

}



.newsletter .vfb-item-submit::before{

    content: '\f178';

    font-family: FontAwesome;

    position: absolute;

    right: 0;

    color: #fff;

    top: 8px;

}



.newsletter .visual-form-builder{

    padding-top: 15px;

}





/*** contact placeholder ***/

.newsletter ::-webkit-input-placeholder{ font-family: 'DINPro-Light';color:#fff; }

.newsletter ::-moz-placeholder{ font-family: 'DINPro-Light';color:#fff;} 

.newsletter :-ms-input-placeholder{ font-family: 'DINPro-Light';color:#fff;}

.newsletter input:-moz-placeholder{ font-family: 'DINPro-Light';color:#fff;} 





/* ------------------------*/ /* ---------->>> ABOUT PAGE <<<-----------*/ /* ------------------------*/



._title{

    position: relative;

}



._title h2{

    font-size: 30px;

    font-family: 'DINPro-Bold';

    text-transform: uppercase;

    text-align: left;

    padding-left: 0;

    color: #343434;

    padding-bottom: 0;

    padding-top: 20px;

    margin-bottom: 70px;

    margin-top: 50px;

}





._title span {

    font-size: 40px;

    text-transform: uppercase;

    color: rgba(52, 52, 52, 0.03)!important;

    position: absolute;

    top: -5px;

    font-family: 'DINPro-Bold';

    left: 100px;

}



._title hr{

    width: 30px;

    border-color: #c62026;

    margin-left: 0;

    float: left;

    margin: 0;

    margin-top: 38px;

    margin-right: 5px;

}



._title p{

    margin: 0;

}



._content p{

    font-size: 16px;

    color: #7c878e;

}







/* ------------------------*/ /* ---------->>> CONTACT PAGE <<<-----------*/ /* ------------------------*/

._content{

    margin-bottom: 70px;

}



.contact-form #form_success{

    text-align: left;

    margin-top: 10px;

    font-size: 14px;

}



/*.contact-form label{

    display: none;

}*/
.vfb-item.vfb-item-checkbox{
    margin-bottom: 80px !important;
    float: left !important;
    width: 100% !important;
    text-align: left !important;
}
.vfb-item.vfb-item-checkbox label{
    display: block;
}
input._privacy_{
    width: 15px !important;
}



.contact-form h3{

    display: none;

}


.contact-form .vfbp-form .vfb-form-control{
	border:0;

    color: #373e44;

    border-bottom: 1px solid rgba(55, 62, 68, 0.4);

    width: 100%;

    border-radius: 0;

    box-shadow: none;
}

.contact-form .vfbp-form .btn{
	background: #c62026;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

   /*padding: 5px;*/

    border: 0;

    height: 40px;

    transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out
}
.contact-form .vfb-item{

    width: 45%;

    margin-right: 5%;

    float: left;

    height: 40px;

    list-style-type: none;

}



.contact-form .vfb-item-textarea{

    width: 95%;

    min-height: 80px;

    margin-right: 5%;

    margin-bottom: 30px;

}



.contact-form .vfb-item-textarea textarea{

    min-height: 80px;

}



.contact-form .vfb-item input, .contact-form .vfb-item textarea{

    border: 0;

    color: #373e44;

    border-bottom: 1px solid rgba(55, 62, 68, 0.4);

    width: 100%;

    border-radius: 0;

}



.contact-form .vfb-item-secret{

    width: 95%;

    margin-right: 5%;

    margin-bottom: 20px;

}





.contact-details{

    padding-left: 50px;

}



.contact-details a {

    font-size: 16px;

    color: #7c878e;

    text-decoration: none;

}



.contact-details h4 {

    font-family: 'DINPro-Bold';

    text-align: left;

    padding-left: 0;

    color: #343434;

}



.contact-form .vfb-item input[type="submit"]{

    background: #c62026;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

    padding: 5px;

    border: 0;

    height: 40px;

    transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out

}



.contact-form .vfb-item input[type="submit"]:hover,

.contact-form .vfb-item input[type="submit"]:active,

.contact-form .vfb-item input[type="submit"]:focus{

    background: #343434;

}



.catalog-content {

    padding: 70px 0;

}







/****** TEMP GALLERY ********/

.temp-gallery-item{

    height: 330px;

}



.temp-gallery .slick-dots{padding: 0; margin: 0; width: 100%; text-align: center;position: absolute;bottom: 50px;}

.temp-gallery .slick-dots .slick-active{background: #231f20; border-color: #231f20;}

.temp-gallery .slick-dots li{

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 5px;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

}



.temp-gallery button{

    display: none;

}









/* ------------------------*/ /* ---------->>> MEDIA QUERY <<<-----------*/ /* ------------------------*/



@media(max-width: 1200px){



    .product-menu-item a::after{

        display: none;

    }



    .navbar-toggle .icon-bar{    

        width: 100%;

        height: 6px;

        background: #fff;

        border-radius: 3px;

        transform-origin: 0 50%;

        transition: transform 0.3s ease;

    }

    .navbar-toggle .second-icon-bar{margin:7px 0;}

    .navbar-toggle .icon-bar+.icon-bar{margin-top: 7px;}

    .navbar-toggle .first-icon-bar.active{transform:rotate(45deg);}

    .navbar-toggle .second-icon-bar.active{transform:scale(0);}

    .navbar-toggle .third-icon-bar.active{transform:rotate(-45deg);}

    .bar,.navbar-default .navbar-toggle .icon-bar { background-color: #b5aeae;}

    .navbar-toggle .icon-bar { 

        width: 28px;

        border-radius: 5px!important;

        height: 3px

    }



    .site-content {

        padding-top: 80px;

    }



    .navbar-default .navbar-collapse{

        margin-top: 3px;

    }

    

    .navbar-collapse.collapse{display: none!important;}



    .collapse.in {

        display: table!important;

        width: 100%;

        height: calc(100vh - 80px)!important;

    }



    header {

        padding: 5px 0;

    }



    .lang-search {

        top: 22px;

        right: 100px;

    }



    .navbar-toggle{

        position: absolute;

        right: 0;

        background: transparent;

        border: 0;

        top: 6px;

        display: block;

        margin-right: 0;

        padding-right: 0;

    }





    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{

        background: transparent;

        cursor: pointer;

    }



    .site-header{width: 100%;}



    .navbar-nav>li {

    display: block;}



    .navbar-default .navbar-collapse, .navbar-default .navbar-form{

        box-shadow: none;

        border:0;

    }



    .navbar-default .navbar-nav>li>a {

        font-size: 22px;

    }



    .navbar-collapse{

        display: table!important;

        width: 100%;

        height: calc(100vh - 80px)!important;

    }



    .navbar-nav{

        display: table-cell;

        vertical-align: middle;

        width: 100%;

        border-top: 1px solid rgba(255, 255, 255, 0.2);

    }





    .navbar-nav>li.active a {

        border-bottom: transparent;

    }



    .slider-title h2{

        font-size: 35px;

    }



    .home-slider .slider {

        height: calc(100vh - 80px);

    }



    .product-item-img{

        height: 350px;

    }



    .product-item img{

        max-height: 350px;

    }



    .woocommerce .products-breadcrumbs .woocommerce-breadcrumb {

        position: absolute;

        top: 365px;

    }



    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

        margin: 2%;

        width: 29.3333333%;

    }



    .woo-read-more{

        font-size: 11px;

    }



    .woocommerce ul.products li.product .button{

        font-size: 11px;

    }



    ._title span {

        font-size: 25px;

        left: 70px;

        top:-3px;

    }



    ._title h2 {

        font-size: 25px;

    }



    ._title hr {

        margin-top: 35px;

    }



    .popup-title {

        padding-left: 15%;

    }



    .video-popup iframe {

        width: 70%;

        margin-left: 15%;

    }



    .compare-filed-val p, .product-fields p{

        height: 85px;

    }





}



@media(max-width: 991px){

    .container{

        padding: 0 15px;

    }

    

    .first-banner {

    height: 500px;}



    .second-banner {

    height: 350px;}



    .prod-social-media{

        right: 10px;

    }



    .item-2 .prod-social-media {

        right: 0;

    }



    .item-3 .prod-social-media {

        right: -10px;

    }



    .contact-info{

        margin-top: 15px;

    }



    .site-info .legal{

        margin-bottom: 0

    }



    .newsletter .vfb-item-submit{

        left: 135px;

    }



    .site-info .legal li {

        padding-left: 0;

        padding-right: 10px;

    }



    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

        margin: 3%;

        width: 44%;

    }



    .second-banner-content {

        bottom: -350px;

    }



    .contact-details {

        padding-left: 0;

        padding-top: 80px;

    }



    .products-compare-list .container{

        margin: 0;

        width: 100%;

    }



    .woocommerce ul.products li:nth-child(2n-1){

        clear: left!important

    }



    .woocommerce ul.products li:nth-child(3n-2){

        clear: none!important

    }



    .woocommerce #content div.product div.images, 

    .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, 

    .woocommerce-page div.product div.images {

        float: none;

        width: 100%;

    }



    .woocommerce #content div.product div.summary, 

    .woocommerce div.product div.summary, 

    .woocommerce-page #content div.product div.summary, 

    .woocommerce-page div.product div.summary {

        float: none;

        width: 100%;

        padding-left: 0;

    }



    .nav-tabs>li>a {

        padding: 10px 15px;

        font-size: 13px;

    }



    .tab-content>.tab-pane{

        padding: 30px 25px;

        padding-left: 10px;

    }



    .product-fields p {

    padding: 0px 5px;

    font-size: 12px;

    min-height: 42px;}



    .partners-section .section-title,

    .partners-section .bg-txt {

    font-size: 25px;}



    .home-slider .slider {

        height: 500px;

    }



    .slider-title h2 {

        font-size: 25px;

    }



    .home-slider button{

        display: block!important;

    }



    .vertical-bg-txt {

        font-size: 50px;

        top: -5px;

    }



    .second-vertical-txt .vertical-bg-txt {

        font-size: 50px;

        top: -20px;

    }



    .banner-content p span {

        font-size: 20px;

    }



    .second-banner-content p span {

        font-size: 20px;

    }



    .site-info {

        padding: 10px 0;

    }



    .popup-title {

        padding-left: 10%;

    }



    .video-popup iframe {

        width: 80%;

        margin-left: 10%;

    }





}







@media(min-width: 768px) and (max-width:991px){

    .contact-info, .privacy-policy{

        padding: 0 5px;

    }



    .product-item img {

        max-height: 200px;

    }



    .product-item-img {

        height: 250px;

    }



    .item-1 .product-item {

        margin-right: 20px;

    }



    .item-2 .product-item{

        margin: 0 10px;

    }



    .item-3 .product-item {

        margin-left: 20px;

    }



    .product-item-details {

        padding: 15px 10px 40px 10px;

    }



    .favourite{bottom: -23px;}



    .product-item-details a.see-more{

        right: 35px;

    }



    .item-2 .product-item-details a {

        right: 25px;

    }



    .item-3 .product-item-details a {

        right: 15px;

    }









}







@media(max-width: 767px){



    .second-banner, .first-banner{

        margin-bottom: 60px;

    }



    .container{padding: 0 15px}



    .navbar-default .navbar-nav>li>a {

        font-size: 15px;

    }



    .menu-item {

        padding: 10px!important;

    }



    .slider-title h2 {

        font-size: 25px;

    }



    .banner-content p span, .second-banner-content p span{

        font-size: 15px;

    }



    .product-compare a, .add-more-prod a{

        font-size: 10px;

    }



    .product-compare, .add-more-prod {

        padding: 8px 0 10px 0;

    }



    .site-social-media, .arrows{right: 0;}



    .product-compare, .add-more-prod{

        right: -56px;

    }



    .slider-title {

        margin-top: 35px;

    }



    .item-1 .product-item, .item-2 .product-item,.item-3 .product-item{

        margin:0;

        margin-bottom: 40px;

    }



    .partners ul li{

        padding: 20px;

    }



    .partners img{

        margin: 0 auto;

    }



    .partners ul {

        padding: 50px 0 60px 0;

    }



    .product-items .slick-dots{padding: 0; margin: 0; width: 100%; text-align: center;position: absolute;bottom: -20px;}

    .product-items .slick-dots .slick-active{background: #231f20; }

    .product-items .slick-dots li{

        display: inline-block;

        width: 10px;

        height: 10px;

        margin: 5px;

        background: #fff;

        border: 1px solid #231f20;

        border-radius: 50%;

        cursor: pointer;

    }

    .product-items .slick-dots li button{display: none;}



    .contact-info{padding-top: 0;}



    .newsletter{clear: left;}



    .product-item img {

        max-height: 300px;

    }



    .product-item-img{

        height: 350px;

    }



    .product-item-details a.see-more {

        right: 20px;

        bottom: -13px;

    }



    .product-items .item{

        padding: 0 45px;

    }





    .product-item{

        position: relative;

    }



    .favourite {

        bottom: -22px;

    }



    .products-section {

        padding: 60px 0;

    }



    .section-title{

        padding-bottom: 60px;

        margin-bottom: 0;

    }



    .site-social-media, .product-compare, .add-more-prod, .arrows {

        top: calc(50% + 80px);

    }



    .site-social-media{

        top: 142px;

        right: 7px;

    }



    .back-to-top{

        right: 2px;

    }



    .products-section .item:hover{

        margin-top: 0;

    }



    .site-social-media, .product-compare, .add-more-prod, .arrows {

        position: absolute;

    }



    .woocommerce ul.products li.product h3{

        font-size: 13px;

    }



    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

        margin: 2%;

        width: 46%;

        margin-bottom: 45px;

    }



    .tab-section {

        padding-top: 10px;

    }



    .woo-parent-cat{

        padding: 0;

    }

    .woo-parent-cat-item{

        font-size: 12px;

    }



    .product-popup .mfp-close{

        right: 10px

    }



    .woo-parent-cat-item{

        padding-bottom: 5px;

    }



    ._title span {

        font-size: 25px;

        left: 40px;

        top: 5px;

    }



    ._title h2 {

        font-size: 20px;

    }



    .contact-details {

        padding-top: 50px;

    }



    .products-page-banner{

        background-position: 40% 40%!important;

    }



    .products-compare-list{

        padding: 0 10px;

    }



    .home-slider img{

        max-height: 35px;

    }



    .home-slider .slider {

        height: 400px;

    }



    .home-slider button {

        display: block!important;

    }



    .desc{

        text-align: center;

        padding-top: 5px;

    }



    .site-info{

        text-align: center;

    }



    .bg-txt {

    font-size: 25px;}



    .second-banner-content {

    right: 25px;}



    .site-info {

        padding: 15px 0;

    }



    .site-info .legal{

        padding-top: 10px;

        text-align: center;

    }



    .back-to-top{

        bottom: 80px;

    }



    .partners-section {

        margin-bottom: 50px;

    }



    .woo-child-cat-item{

        font-size: 12px;

        padding: 10px;

    }



    .home-slider button.slick-next {

        right: 5px;

    }



    .home-slider button.slick-prev {

        left: 5px;

    }



    .tab-pane-content {

        padding-right: 10px;

    }





    .tab-section .tab-content>.tab-pane {

        padding-left: 10px;

        padding-right: 0

    }



    .tab-pane-content p{

        padding-right: 20px;

    }



    .product-item .prod-social-media{

        right: -15px;

    }



    .video-popup{

        padding-top: 100px;

    }



    .video-popup iframe{

        width: 90%;

        height: 300px;

        margin: 0 auto;

        margin-left: 5%;

        min-height: 300px;

    }



    .popup-title{

        padding-left: 5%;

        padding-right: 5%;

    }



    .popup-title h2 {

        font-size: 20px;

        display: block;

        padding-left: 40px;

    }



    .popup-title hr{

        margin-top: 14px;

    }



       

   

}



@media( max-width: 600px ){   

    .contact-info, .privacy-policy{

        width: 100%;

    }



    .footer-content ul li {

        display: block;

    }  



    .logo-footer img{

        margin: 0 auto;

    }



    .logo-footer,.contact-info, .newsletter{

        width: 100%;

        text-align: center;



    }



    .powered, .copyright{

        text-align:center;

    }



    .product-items .item {

        padding: 0 35px;

    }



    .first-banner {

        height: 450px;

    }



    .vfb-item input {

        width: 230px;

    }



    input[type="submit"]{

        width: 70px;

    }



    .newsletter .visual-form-builder{

        width: 230px;

        margin: 0 auto;

    }



    .newsletter .vfb-item-submit{

        left: auto;

        margin-left: 160px;

    }



    input[type="search"] {

        min-width: 200px;

        height: 40px;

    }



    .ui-widget-content{

        max-width: 200px;

    }





    .header-search-icon {

        height: 40px;

        width: 40px;

        font-size: 15px;

        line-height: 13px;

    }



    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

        margin: 3%;

        width: 94%;

        margin-bottom: 45px;

    }



    .woocommerce .products-breadcrumbs .woocommerce-breadcrumb {

        top: 370px;

        font-size: 11px;

    }



    .desc {

        padding-top: 10px;

    }



    .nav-tabs>li>a {

        padding: 10px;

        font-size: 11px;

    }



    .product_title_bg {

        font-size: 20px;

        top: -15px;

    }



    .woocommerce div.product .product_title {

        font-size: 20px;

    }



    .home-slider .slider {

        height: 285px;

    }



    .slider-title h2 {

        font-size: 15px;

        margin-bottom: 25px;

    }



    .site-social-media {

    top: 85px;}



    .site-social-media li{

        display: inline-block;

    }



    .mfp-close {

        top: 60px;

        right: 0px;

    }





}



@media(max-width: 480px){

    .logo {

        height: 40px!important;

        margin-top: 0;

    }



    header {

        padding: 15px 0;

    }



    .navbar-toggle{

        top: -3px;

    }



    .lang-search {

        top: 12px;

        right: 45px;

    }



    .navbar-header{

        padding: 5px 0;

    }



    .navbar-default .navbar-collapse {

        margin-top: 10px;

    }



    .lang-item a{font-size: 11px;}

    .search-icon{font-size: 14px;}



    .banner-content p span, .second-banner-content p span {

        font-size: 12px;

    }



    .product-item img {

        max-height: 250px;

    }



    .product-item-img {

        height: 300px;

    }



    .product-items .item {

        padding: 0 15px;

    }



    .contact-form .vfb-item {

        width: 100%;

        margin-right: 0;

    }



    .products-list .prod-item{

        padding: 0;

    }



    .prod-title-img img {

        max-height: 100px;

    }



    .product-fields p {

        padding: 10px 0;

        font-size: 10px;

        margin-bottom: 5px;

    }



    .product-fields {

        padding-top: 207px;

        padding-right: 5px;

    }



    .prod-item p {

        margin-bottom: 5px;

        font-size: 10px;

    }



    .products-list .slick-next {

        right: 0;

    }



    .products-list .slick-prev {

        right: 30px;

    }



    .products-list .slick-arrow img {

        max-height: 15px;

    }



    .products-list .slick-arrow {

        height: 22px;

        width: 22px;

    }



    .products-list .slick-arrow{

        top: -30px;

    }



    .nav-tabs>li{

        width: 100%;

    }



    .remove-btn{

        right: 5px;

    }



    ._title h2 {

        font-size: 16px;

        margin-bottom: 50px;

        margin-top: 30px;

    }



    ._title span {

        font-size: 19px;

        top: 10px;

        left: 50px;

    }



    ._title hr {

        width: 20px;

        margin-top: 30px;

    }



    ._content {

        margin-bottom: 50px;

    }



    .product-fields p, .prod-item p {

        min-height: 65px;

    }



    .products-compare-list .container{

        padding: 0;

    }



    .compare-categories .nav-tabs>li{

        width: auto;

        display: inline-block;

    }



    .compare-categories .tab-content>.tab-pane{

        padding-top: 40px;

    }



    .compare-tabs ul li {

        padding: 10px 5px;

        font-size: 12px;

    }



    .partners ul li {

        padding: 10px;

    }



    .partners-section .bg-txt{

        display: none;

    }



    .partners-section .section-title{

        font-size: 16px;

    }



    .contact-form .vfb-item-secret{

        font-size: 10px;

    }











}