@charset "utf-8";
/* CSS Document */
/* Imported CSS Files */
@import url('fonts.css');
*{margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
:focus{outline:none;}
html{height:100%; -webkit-text-size-adjust:none;}
body{height:100%; line-height:1.42857; background: #ffffff; font-family: 'Lato-Regular'; font-size: 16px; color: #343434; letter-spacing: -0.5px;}
a{text-decoration:none; outline:none; color:#2c3034; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a:hover{}
img{max-width:100%; border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, p{display:block; clear:both; font-weight:normal; padding: 0; margin: 0;}
ul, ul li, ol, ol li, dl, dl dt, dl dd{list-style:none; padding: 0; margin: 0;}
p{}
h1{font-size: 60px; color: #ffffff; font-family: 'Lato-Black'; text-transform: uppercase;}
h2{font-size: 40px; font-family: 'Lato-Black'; text-transform: uppercase; text-align: right; line-height: 40px; position: relative; padding: 15px 30px 0 0;}
h2:after{content: ""; position: absolute; right: 0; top: 20px; height: 69px; width: 5px; background: var(--c3);}
h3{font-size: 22px; color: #a7cfee; font-family: 'Lato-Regular';}
h4{font-size: 22px; color: #343434; font-family: 'Lato-Light'; text-transform: uppercase;}
h5{font-size: 24px; color: #282828; font-family: 'Lato-Black'; text-transform: uppercase;}
h6{}

.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}
.block{float: left; width: 100%;}
.container{margin: 0 auto; width: 1170px; position: relative; overflow: hidden;}
.table-container{display:table; width:100%; height:100%; z-index:99;}
.align-container{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.full-height{position: absolute; top: 0; left: 0; z-index: 0; height: 100%; width: 100%;}

/* INPUT'S CSS */
[placeholder]{color:#231f20 !important;}
body textarea{resize:vertical; height:130px;}
label{cursor:pointer;}
input, textarea, button{appearance:none; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;}
input[type="submit"], button{border:none; cursor:pointer; white-space:normal;}
input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], textarea
{float:left; width:100%; background-color:#fff; background-repeat:no-repeat; border:1px solid #e1e1e1; padding:10px 15px; color:#b5b5b5; font-family: 'Lato-Regular'; font-size:16px; outline:medium none; -webkit-border-radius:0; border-radius:0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="email"]:focus, textarea:focus
{/*border-color:rgba(173, 35, 61, 0.9); outline:0; -webkit-box-shadow:inset 0 0 4px rgba(173, 35, 61, 0.9); box-shadow:0 0 4px rgba(173, 35, 61, 0.9);*/}
select{cursor:pointer; appearance:none; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; text-indent:1px; text-overflow:''; background:url(../images/select-bg.png) no-repeat 100% 50% #ffffff; border:1px solid #e1e1e1; float:left; width:100%; color:#999; font-size:16px; outline:medium none; padding:15px; font-family: 'Lato-Regular'; background-size: 13% auto; -webkit-border-radius:0; border-radius:0;}


/* BUTTON'S CSS */
.btn{background: var(--c3); border:transparent; padding:15px; min-width:250px; display:inline-block; text-align:center; color:var(--c1); font-size:17px; font-family: 'Lato-Bold'; text-transform:uppercase; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.btn:hover{background:#0d1f73; color: #ffffff;}

.btn-orange { background-color: var(--c2); color: white; font-size: 16px; padding-left: 25px; padding-right: 25px; }
.btn-orange:hover { background-color: #282828; }

.main-wrapper{float: left; width: 100%; position: relative;}
.main-wrapper .col-md-6{background: url(../images/home-white-bg.jpg) repeat 0 0; padding: 0 0 80px;}
.main-wrapper .col-md-6.dark{background: url(../images/home-black-bg.jpg) repeat 0 0;}
.light-bg{float: right; width: 585px; position: relative;}
.light-bg .logo{position: absolute; top: 43px; left: 73px; z-index: 1;}
.light-bg .block{text-align: right; padding: 170px 0 0;}
.sales-tires{float: left; width: 100%; padding: 0 60px 0 0;}
/*.sales-tires h2{font-size: 40px; font-family: 'Lato-Black'; text-transform: uppercase; text-align: right; line-height: 40px; position: relative; padding: 15px 30px 0 0;}
.sales-tires h2:after{content: ""; position: absolute; right: 0; top: 20px; height: 69px; width: 5px; background: var(--c3);}*/
.sales-tires p{font-size: 20px; color: #333333; line-height: 30px; text-align: right; padding: 25px 0;}
.tires-logos{float: left; width: 100%; text-align: right; min-height: 150px; position: relative;}
.tires-logos img{display: inline-block; margin: 0 0 0 10px;}
.sales-tires .btn{float: right;}

.logo img { max-width: 250px; max-height: 250px; }

.dark-bg{float: left; width: 705px; position: relative;}
.dark-bg .logo{position: absolute; top: 60px; left: 194px; z-index: 1;}
.dark-bg .block{padding: 210px 0 0;}
.sales-equipment{float: left; width: 100%; padding: 0 0 0 60px;}
.sales-equipment h2{font-size: 40px; font-family: 'Lato-Black'; color: #ffffff; text-transform: uppercase; text-align: left; line-height: 40px; position: relative; padding: 15px 0 0 30px;}
.sales-equipment h2:before{content: ""; position: absolute; left: 0; top: 20px; height: 69px; width: 5px; background: var(--c2);}
.sales-equipment h2:after{display: none;}
.sales-equipment p{font-size: 20px; color: #ffffff; line-height: 30px; text-align: left; padding: 25px 0;}
.equipment-logos{float: left; width: 100%; text-align: left; min-height: 150px; position: relative;}
.equipment-logos img{display: inline-block; margin: 0 10px 0 0;}
.sales-equipment .btn{float: left; background: var(--c2);}
.sales-equipment .btn:hover{background: var(--c1); color: #ffffff;}

/*header css*/
header{float: left; width: 100%; padding: 35px 0; background: #ffffff;}
.toggle-button{display:none; float:right; width:30px; margin-top:40px;}
.toggle-button span{float:left; width:100%; height:2px; background:#343434; margin:3px 0;}
.menu-button{display:none; float:right; margin:37px 20px 0 00;}
.menu-button img{width:30px; vertical-align:top;}
.close-toggle{width: 25px; height: 25px; position: absolute; top: 0; right: 0; z-index: 1; display: none;}

.close-toggle:after {width: 20px; content: ""; background: #fff; height: 2px; position: absolute; top: 10px; right: 5px;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}
.close-toggle:before{width: 20px; content: ""; background: #fff; height: 2px; position: absolute; top: 10px; left: 0px; 
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

/*COL CSS*/
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; padding:0 15px;}
.col-md-1{width:8.33333%;}
.col-md-2{width:16.6667%;}
.col-md-3, .item.col-md-3{width:25%;}
.col-md-4{width:33.3333%;}
.col-md-5{width:41.6667%;}
.col-md-6{width:50%;}
.col-md-7{width:58.3333%;}
.col-md-8{width:66.6667%;}
.col-md-9{width:75%;}
.col-md-10{width:83.3333%;}
.col-md-11{width:91.6667%;}
.col-md-12{width:100%;}
.row{margin:0 -15px;}
.position-relative{position: relative !important}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

.go-top{position:absolute; left:50%; top:-29px; width:52px; height:30px; z-index:999; margin: 0 0 0 -26px;}
.go-top a{display:block; width:100%; height:100%; background-image:url(../images/back-top.png); background-repeat:no-repeat; background-position:50% 50%;}

footer{float: left; width: 100%; background: #2b2f34; margin: -1px 0 0 0; color: #b1b1b1; position: relative;}
footer .container{/*background: url(../images/footer-bg.jpg) no-repeat 150px 1px;*/ padding: 45px 0;}
footer h3{padding: 0 0 20px;}
footer .block{padding: 5px 0 20px 0;}
footer .clear{float: left; width: 100%; padding: 15px 0 0;}
footer ul{float: left; width: 100%; /*border-bottom: 1px solid #4f4f4f;*/ padding: 0 0 10px;}
footer ul li{float: left; width: 100%; position: relative; padding: 0 0 0 18px;}
footer ul li:before{content: ""; position: absolute; width: 5px; height: 20px; background: url(../images/triangle-arrow.png) no-repeat 0 12px; left: 0; top: 0; z-index: 0;}
footer ul li a{color: #b1b1b1; padding: 3px 0; float: left; position: relative;}
footer ul li a:before{content: ""; width: 0; height: 2px; position: absolute; bottom: 3px; left: 0; background: #989a9d; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
footer ul li a:hover{color: #ffffff;}
footer ul li a:hover:before{width: 100%;}
footer p{padding: 10px 0;}
footer p span{color: #ffffff;}
footer .col-md-3:last-child ul{border: none; padding: 0;}
.bdr-btn{border: 1px solid #a1c8e5; padding: 10px; min-width: 200px; text-align: center; font-size: 16px; color: #a7cfee; display: inline-block; -webkit-border-radius:5px; border-radius:5px;}
.bdr-btn:hover{background: #a7cfee; color: #2b2f34;}


footer .socials .fa {
  text-align: center;
  width: 43px;
  border: 1px solid #a7cfee;
  border-radius: 100px 100px;
  font-size: 20px;
  color: #a7cfee;
  padding: 10px;
}
footer .socials .fa:hover { 
  background: #a7cfee;
  color: white;
 }
.socials{float: left; width: 100%; padding: 10px 0 0;}
/*.socials a{float: left; width: 45px; height: 45px; background: url(../images/socials.png) no-repeat 17px 11px; border: 1px solid #a7cfee; -webkit-border-radius:100px; border-radius:100px; margin-right: 14px;}*/
/*.socials a:hover{ background-color: #a7cfee;}*/
/*.socials a:nth-child(2){background-position: -72px 11px;}*/
/*.socials a:nth-child(2):hover{background-position: -72px -60px; background-color: #a7cfee;}*/
.shipment{float: left; width: 100%; padding: 20px 0 0 65px; background: url(../images/delivery.png) no-repeat 0 30px;}
.shipment span{font-size: 14px; color: #a7ccee;}
.shipment h5{font-size: 22px; color: #ffffff; font-family: 'Lato-Black'; text-transform: uppercase; line-height: 20px;}

.copyright{float: left; width: 100%; padding: 20px; background: #25282c; text-align: center;}
.copyright .pull-left img{margin-right: 15px;}
.copyright p{padding: 15px 0 0; color: #b1b1b1;}
.copyright p a, .copyright p span{color: #ffffff;}
.copyright p span{padding: 0 5px;}
.copyright .pull-right{padding: 15px 0 0;}


/*VULCAMOIA CSS*/
.vulcamoia{float: left; width: 100%; position:relative;}
.vulcamoia header{padding: 12px 0; font-family: 'Lato-Regular'; color: #8d8d8d;}
.logo{float: left;}
.header-right{float: right; width: 885px; padding: 28px 0 0;}
.top-search{float: left; border: 1px solid #e1e1e1;}
.top-search select{float: left; width: 210px; padding: 10px; background: url(../images/select-bg.png) no-repeat 100% 50%; background-size: 15% auto; border: none; color: #58595b; height: 50px;}
.top-search input[type="text"]{float: left; width: 305px; border: none; border-left: 1px solid #e1e1e1; font-family: 'Lato-Italic'; height: 50px;}
.top-search input[type="text"]:focus{-webkit-box-shadow:none; box-shadow:none;}
.top-search input[type="submit"]{float: left; width: 35px; height: 50px; background: url(../images/search.png) no-repeat 100% 50%; background-size: contain;}
.login{float: left; padding: 3px 20px 3px 25px; text-transform: uppercase; border-right: 1px solid #e1e1e1; width: 135px;}
.login a{float: left; width: 100%; padding: 7px 0 0; font-size: 12px; color: #8d8d8d;}
.login a{color: #8d8d8d;}
.fav{float: left; width: 90px; background: url(../images/fav.png) no-repeat 0 5px; background-size: 40% auto; padding-left: 25px; font-size: 15px; color: #353535;}
.fav a{color: #353535; font-family: 'Lato-Bold';}
.my-cart{float: left; width: 185px; font-size: 12px; text-transform: uppercase; position: relative; padding: 8px 0 0;}
.my-cart a{float: left; color: #353535; padding-left: 85px; background: url(../images/cart.png) no-repeat 20px 7px;}
.my-cart a span{float: left; width: 100%; color: #8d8d8d;}
.my-cart .toltip{position: absolute; top: 8px; left: 45px; background: #353535; padding: 2px 0; -wekbit-border-radius:100px; border-radius:100px; width: 20px; text-align: center; font-size: 11px; color: #ffffff; font-family: 'Lato-Bold';}
.my-cart a strong{float: left; width: 100%; font-size: 18px; color: #000000; font-family: 'Lato-Bold';}

/*NAV CSS*/
nav{float: left; width: 100%; background: #0d1f73;}
nav .container{overflow: visible; padding: 0;}
nav ul{float: left; width: 100%; text-align: center;}
nav ul li{display: inline-block; position: relative;}
nav ul li a{display: inline-block; font-size: 16px; color: #ffffff; font-family: 'Lato-Bold'; text-transform: uppercase; padding: 20px 35px;}
nav ul li a:hover, nav ul li a.active, nav ul li:hover > a{background: #40424a; color: var(--c3);}
.sub-menu{width: 595px; position: absolute; top: 62px; left: -50%; z-index: 999; display: none; margin: 0 0 0 -130px; background: rgba(70,70,70,0.9); padding: 10px; text-align: left;}
.sub-menu .pull-left{width: 50%; text-align: center;}
.sub-menu ul{float: left; width: 25%; padding: 20px 0 0; text-align: left;}
.sub-menu ul li{float: left; width: 100%; padding: 0 0 0 15px; position: relative;}
.sub-menu ul li:before{content: ""; position: absolute; left: 0; top: 12px; z-index: 0; display: inline-block; background: #737373; width: 6px; height: 6px; -wekbit-border-radius:100px; border-radius:100px;}
.sub-menu ul li a{font-size: 16px; font-family: 'Lato-Regular'; text-transform: capitalize; padding: 2px 0; background: none;}
.sub-menu ul li a:hover{background: none;}
.sub-menu .btn{font-size: 13px; color: var(--c1); min-width: 185px; padding: 11px; margin-top: 10px; margin-bottom: 10px;}
.sub-menu .btn{color: #ffffff;}
nav ul li:hover .sub-menu{display: block;}
.search{float: left; width: 100%; position: relative;}
.search .container{overflow: visible;}
.tabs{float: left; width: 100%; position: absolute; top: -237px; left: 0; z-index: 999;}
.tab-button{float: left; width: 100%;}
.tab-button li{float: left;}
.tab-button li a{float: left; background: #ffffff; padding: 20px; min-width: 200px; text-align: center; text-transform: uppercase; -wekbit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; margin-right: 3px; min-height: 62px;}
.tab-button li a:hover, .tab-button li a.active{background: rgba(255,255,255,0.9);}
.tab-content{float: left; width: 100%; padding: 35px 40px 25px; background: rgba(255,255,255,0.9); -wekbit-border-radius:0 3px 3px 3px; border-radius:0 3px 3px 3px;}
.tab-content .col-md-3{padding: 0 10px;}
.tab-content select{-wekbit-border-radius:30px; border-radius:30px;}
.tab-content .col-md-3 .block{padding: 12px 10px 0 10px;}
.tab-content .col-md-3 .block span{font-size: 14px; color: #8d8d8d; text-transform: uppercase;}
.info-msg{float: right; width: 29px; position: relative;}
.info-msg a{float: left; width: 100%; height: 29px; background: url(../images/info-icon.png) no-repeat 0 0;}
.info-msg a:hover, .info-msg:hover > a{background-position: 0 100%;}
.msg-toltip{width: 220px; background: #ffffff; padding: 10px; position: absolute; top: 40px; left: -100px; z-index:1; -wekbit-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 2px 2px 0px #dedede; box-shadow:0px 2px 2px 0px #dedede; display: none; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
.msg-toltip:before{content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; z-index: 1; margin: 0 0 0 -5px;}
.info-msg:hover .msg-toltip{display: block;}
.search .tab-content .btn{-wekbit-border-radius:30px; border-radius:30px; background: #0d1f73 url(../images/search-btn.png) no-repeat 96.5% 8px; color: #ffffff;}
.search .tab-content .btn:hover{background-color: #ffc500; background-position: 96.5% -53px;}

/*OUR SERVICES CSS*/
.our-services{float: left; width: 100%; background: #ffffff;}
.main-service{background: url(../images/service-img.png) no-repeat 0 50%; padding: 63px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; min-height: 744px;}
.service-details{float: right; width: 515px;}
h2.heading-left{text-align: left; padding: 15px 0 0 30px;}
h2.heading-left:after{left: 0; right: auto;}
.service-details p{font-size: 18px; color: #333333; line-height: 28px; padding: 20px 0;}
.service-details ul{float: left; width: 100%;}
.service-details ul li{float: left; width: 33%; text-align: center; margin: 20px 0; border-right: 1px solid #e3e3e3; min-height: 130px;}
.service-details ul li:nth-child(3n+0){border-right: none;}
.service-details ul li span{float: left; width: 100%; padding: 5px 0 0; font-size: 15px; color: #343434; text-transform: uppercase;}

.products-list{float: left; width: 50%; min-height: 372px; position: relative; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 30px; text-align: center; overflow: hidden;}
.center-image{float: left; width: 100%; padding-top: 15px; }
.brand-detail{float: left; width: 100%; padding: 20px 0 0;}
.brand-detail h4{font-size: 14px; color: #8c8c8c; letter-spacing: 1.5px; font-family: 'Lato-Regular'; padding-bottom: 9px;}
.brand-price{float: left; width: 100%; font-size: 35px; color: #282828; font-family: 'Lato-Regular'; position: absolute; top: 0; right: 25px; z-index: 1; text-align: right;}
.brand-price span{float: left; width: 100%; font-size: 16px; color: #848484;}
.brand-price span span{float: none; width: auto; display: inline-block; text-decoration: line-through;}
.btn-block{float: left; width: 100%;}
.brand-detail .btn-block{display: none;}
.brand-detail .btn{min-width: 130px; margin: 0 5px; -wekbit-border-radius:30px; border-radius:30px; font-size: 14px; color: #ffffff; padding: 9px; background: var(--c3); border: 2px solid #ffffff;}
.brand-detail .btn:hover{background: #0d1f73;}
.brand-logo{position: absolute; top: 0; left: 0; z-index: 0; line-height: 50px; text-indent: 10px;}
.products-list:before{content: ""; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; z-index: 1; background: rgba(254, 196, 1, 0.85); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.products-list:hover:before{top: 0;}
.products-list:hover .brand-price{position: static; text-align: center;}
.products-list:hover .brand-price span{float: none; width: auto; display: inline-block;}
.products-list:hover .brand-detail{position: absolute; bottom: 100px; left: 0; z-index: 2;}
.products-list:hover .brand-detail .btn-block{display: block; padding: 5px 0 0;}
.products-list:hover .brand-detail h4, .products-list:hover .brand-price, .products-list:hover h5, .products-list:hover .brand-price span{color: #ffffff;}
.products{padding: 0;}

.sell{float: left; width: 100%; background: url(../images/bg-icons.png) repeat 0 0 #dd5400;}
.sell .col-md-4{background: #353535; position: relative; padding: 15px 0; min-height: 185px;}
.sell .col-md-4:after{content: ""; width: 55px; height: 100%; background: url(../images/cap.png) no-repeat 0 50%; position: absolute; right: -55px; top: 0; z-index: 0;}
.sell .col-md-4 img{position: absolute; top: 15px; right: -30px; z-index: 1;}
.sell .col-md-8{padding: 51px 0 51px 120px;}
.sell h3{font-size: 34px; color: #ffffff; font-family: 'Lato-Black'; text-transform: uppercase;}
.sell h4{font-size: 24px; color: #ffffff; font-family: 'Lato-Regular'; text-transform: inherit;}
.sell .btn{min-width: 190px; padding: 10px; font-size: 16px; color: var(--c1); background: #ffffff; margin: 20px 0 0 120px;}
.sell .btn:hover{background: #f8f8f8; color: var(--c1);}

.center-equipment .products-list{border-left: none; border-right: 1px solid #dcdcdc;}
.center-equipment .main-service{background: url(../images/service-img2.png) no-repeat 100% 70%;}
.center-equipment .service-details{float: left; padding: 0 0 0 65px; width: 535px;}
.center-equipment .service-details ul{width: 80%;}
.center-equipment .service-details ul li{border: none; min-height: inherit; margin: 15px 0;}
.main-service .btn-equipment{font-size: 15px; color: #ffffff; padding: 10px; background: var(--c2); position: relative;}
.main-service .btn-equipment:hover{background: var(--c1); color: #ffffff;}
.main-service .btn-equipment:before{content: ""; width: 193px; height: 82px; position: absolute; top: -20px; right: -165px; z-index: 0; background: url(../images/btn-logo1.png) no-repeat 0 0;}
.main-service .btn-equipment{margin-top: 32px;}

.discount{width: 90px; height: 90px; background: #28a23c; font-size: 30px; color: #ffffff; padding: 20px 0 0; text-align: center; position: absolute; top: 30%; left: 60%; z-index: 0; -wekbit-border-radius:100px; border-radius:100px;}

.page-title{float: left; width: 100%; background: url(../images/slide3.jpg) no-repeat 50% 30%; background-size: cover; padding: 40px 0; text-align: center; position: relative;}
.page-title:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; z-index: 1 !important; width: 100%; background: rgba(0,0,0,0.3);}
.page-title .container{position: relative; z-index: 1;}
.breadcrumb{float: left; width: 100%; font-size: 20px; color: #ffffff; font-family: 'TimesEuropaLTStd-Italic';}
.breadcrumb a{display: inline-block; color: #ffffff;}
.breadcrumb span{display: inline-block; padding: 0 5px;}

.inner-page{float: left; width: 100%; background: #f4f4f4; border-bottom: 1px solid #dedede; padding: 50px 0;}
.sidebar{float: left; width: 285px;}
.page-heading{float: left; width: 100%; background: #0d1f73; font-size: 18px; color: #ffffff; font-family: 'Lato-Black'; padding: 13px 20px;}

/*SIDEBAR NAV CSS*/
.sidebar-nav{float:left; width:100%; padding-bottom: 20px; letter-spacing: 0.25px;}
.sidebar-nav ul{float: left; width: 100%;}
.sidebar-nav ul li{float: left; width: 100%; border:1px solid #e5e5e5; margin: 3px 0 0;}
.sidebar-nav ul li a{float: left; width: 100%; padding:13px 0 13px 40px; color:#282828; background:url(../images/sidebar-arrow.png) no-repeat 18px 50% #ffffff;}
.sidebar-nav ul li a:hover, .sidebar-nav ul li a.active{background:url(../images/sidebar-arrow.png) no-repeat 95% 50% #ffffff; font-family: 'Lato-Bold';}
.sidebar-nav ul li.open a{background:url(../images/sidebar-down-arrow.png) no-repeat 95% 50% #fcfcfc; font-family: 'Lato-Bold'; padding: 10px 0 10px 20px;}
.sidebar-nav ul li.dropdown ul{display:none; padding:0 0 20px 30px; background:#fcfcfc;}
.sidebar-nav ul li.dropdown ul li{border:none;}
.sidebar-nav ul li.dropdown ul li a{padding:5px 0; background:none; color:#2b2b2b; font-size:15px; position: relative; font-family: 'Lato-Regular'; line-height: 18px;}
.sidebar-nav ul li.dropdown ul li a:before{content: ""; width: 5px; height: 5px; background: #999999; display: inline-block; margin-right: 10px; -wekbit-border-radius:100px; border-radius:100px;}
.sidebar-nav ul li.dropdown ul li a:hover{text-decoration:underline; color: #28a23c;}
.sidebar-nav ul li.dropdown ul li a:hover:before{background: #28a23c;}
.sidebar-nav ul li.dropdown ul li a span{color:#f0ac29;}
.form-title{float:left; width:100%; color:#fff; padding:15px; font-size:20px; text-transform:uppercase; text-align:center; background:#ad233d;}
.form-title2{float:left; width:100%; color:#fff; padding:15px; font-size:20px; text-align:center; background:#2c3034;}

.secondary{display: block; overflow: hidden; padding-left: 20px;}
.page-block{float: left; width: 100%; padding: 40px; background: #ffffff; border: 1px solid #e4e4e4;}
.page-block h2{text-align: left; font-size: 30px; color: #282828; padding: 20px 0 0;}
.page-block h2:after{display: none;}
.page-block p{padding: 20px 0 0;}
.left-box{float: left; width: 100%; padding: 25px 30px; background: #ffffff; border: 1px solid #e4e4e4; text-align: center;}
.sidebar h3{font-size: 30px; color: var(--c3); font-family: 'Lato-Black'; text-transform: uppercase;}
.sidebar h4{font-size: 18px; color: var(--c1); font-family: 'Lato-Bold'; text-transform: uppercase; padding: 0 0 10px; border-bottom: 1px solid #e5e5e5;}
.sidebar p{font-size: 14px; color: #808080; line-height: 24px; padding: 10px 0 0;}

.filters{float: left; width: 100%; background: #ffffff; border: 1px solid #e4e4e4; margin-top: 3px; margin-bottom: 20px; }
.filters ul{float: left; width: 100%;}
.filters ul li{float: left; width: 100%; border-bottom: 1px solid #e6e6e6;}
.filters ul li:last-child{border-bottom: none;}
.filters ul li a{float: left; width: 100%; padding: 15px; background:url(../images/sidebar-arrow.png) no-repeat 95% 50% #ffffff; font-size: 18px; color: #343434; font-family: 'Lato-Bold';}
.filters ul li.dropdown ul{display:none; background:#fcfcfc; border-top: 1px solid #e6e6e6;}
.filters ul li.open a{background:url(../images/sidebar-down-arrow.png) no-repeat 95% 50%;}
.filters ul li ul li{padding: 15px;}

/* UI SLIDER CSS */
.nouislider{float:left; width:100%; color:#28a23c; font-family: 'Lato-Bold'; padding: 10px 0;}
.nouislider small{font-size:16px; color:#4c4c4c; font-family: 'Lato-Regular';}
.noUi-target, .noUi-target *{-webkit-touch-callout:none; -webkit-user-select:none; -ms-touch-action:none; -ms-user-select:none; user-select:none;}
.noUi-base{float:left; width:100%; height:100%; position:relative;}
.noUi-origin{position:absolute; right:0; top:0; left:0; bottom:0; height: 2px;}
.noUi-handle{float:left; position:relative; z-index:1;}
.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s; transition:left .3s,top .3s;}
.noUi-state-drag *{cursor:inherit!important;}
.noUi-base{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.noUi-horizontal{height:2px; margin:15px 0 5px;}
.noUi-horizontal .noUi-handle{width: 8px; height: 8px; left: 0; top: -3px; background:url(../images/circle.png) no-repeat 0 0;}
.noUi-vertical{width:12px;}
.noUi-vertical .noUi-handle{width:28px; height:34px; left:-6px; top:-17px;}
.noUi-background{background:#d9d9d9; cursor:pointer;}
.noUi-connect{background:#28a23c; box-shadow:inset 0 0 3px rgba(51,51,51,.45); -webkit-transition:background 450ms; transition:background 450ms;}

.dropdown input[type="radio"]{display:none;}
.dropdown input[type="radio"] + label{float:left; width:100%; font-size:15px; color:#2b2f34; text-transform: uppercase; padding:0 0 0 25px; background:url(../images/checkbox.png) no-repeat 0 7px; cursor:pointer;}
.dropdown input[type="radio"]:checked + label{font-family: 'Lato-Bold'; background:url(../images/active-checkbox.png) no-repeat 0 7px;}

.sidebar .filters .block{padding: 5px 0; letter-spacing: 0;}
.sidebar .filters .block span{float: left; width: 80px; padding: 7px 0 0;}
.sidebar .filters select{width: 170px; padding: 8px; -webkit-border-radius:30px; border-radius:30px; font-size: 14px;}
.sidebar .filters .clear{float: left; width: 100%; padding: 5px 0;}
.sidebar .filters .clear select{width: 100%;}
.filters .btn{ font-size: 14px; color: #ffffff; padding: 10px; -webkit-border-radius:30px; border-radius:30px; width: 100%; min-width: inherit;}

.top-filters{float: left; width: 100%;}
.top-filters .sort-by{float: left;}
.top-filters .sort-by select{width: 200px;}
.top-filters select{padding: 5px; background: url(../images/filter-select.png) no-repeat 100% 50% #ffffff; font-size: 12px; color: #7c7c7c;}
.top-filters span{float: left; padding: 2px 10px 0 0; font-family: 'Lato-Bold';}
.view-options{float: left; width: 60px; text-align: center; border-left: 2px solid #ebebeb; border-right: 2px solid #ebebeb; margin: 0 30px;}
.per-pages{float: left;}
.top-filters .per-pages select{width: 80px;}

.top-filters .tab-buttons{float: left; width: 100%;}
.top-filters .tab-buttons li{display: inline-block;}
.top-filters .tab-buttons li a{display: inline-block; width: 26px; height: 26px; margin: 0 3px; background: url(../images/tabs.png) no-repeat -4px -4px #ffffff; border: 2px solid #ebebeb;}
.top-filters .tab-buttons li a.grid-view{background-position:-4px -4px;}
.top-filters .tab-buttons li a.grid-view.active, .top-filters .tab-buttons li a.grid-view:hover{background-position:-4px -34px; border-color: #2b2f34;}
.top-filters .tab-buttons li a.list-view{background-position:-43px -4px;}
.top-filters .tab-buttons li a.list-view.active, .top-filters .tab-buttons li a.list-view:hover{background-position:-43px -34px; border-color: #2b2f34;}
.secondary .tab-content{float: left; width: 100%; background: none; padding: 0 0 20px;}

.item{float: left; width: 33%; padding: 20px 10px 0;}
.item-inner{float: left; width: 100%; background: #ffffff; border: 1px solid #e5e5e5;}
.item-top{float: left; width: 100%; padding: 20px; border-bottom: 1px solid #e4e4e4; position: relative;}
.item-top h5{line-height: 24px;}
.brand-name{float: left; width: 100%; padding: 0 0 10px;}
.item-top h4{font-size: 18px; font-family: 'Lato-Regular';}
.item-top .center-image{text-align: center; padding: 15px 0 0;}
.item-detail{float: left; width: 100%; background: #fcfcfc; min-height: 240px; position: relative; text-align: right; padding: 20px;}
.brnad-price{float: right; height: 85px;}
.brnad-price span{ display: block; font-size: 14px; color: #282828;}
.brnad-price strong{ display: block; font-size: 40px; color: #2b2f34; font-family: 'Lato-Black'; line-height: 40px;}
.brnad-price span.regular-price{font-size: 16px; color: #282828;}
.brnad-price span.regular-price span{float: none; width: auto; display: inline-block; text-decoration: line-through;}
.brnad-price.full-price{padding: 0px 0 0; height: auto; float: right;}
.brnad-price.full-price span{color: #a1a1a1; font-size: 13px;}
.brnad-price.full-price strong{font-size: 22px; color: #a1a1a1; line-height: 24px;}
.item-unit{ float: left; }
.item-unit select{-webkit-border-radius:3px; border-radius:3px; width: 60px; background: url(../images/small-select-bg.png) no-repeat scroll 100% 50%; padding: 10px;}
.item-unit span{float: left; padding: 10px 0 0 10px;}
.item-unit strong{float: left; width: 100%; font-size: 14px; color: #282828; font-family: 'Lato-Bold'; text-align: left; padding: 5px 0 0;}
.item-detail .btn-block{padding: 20px 0 0;}
.item .discount{width: 75px; height: 75px; bottom: 90px; left: 20px; top: auto; right: auto; font-size: 24px; padding: 18px 0 0;}
.tab-content .row{margin: 0 -15px 0 -10px;}

/* PAGINATION CSS */
.pagination{float: right; text-align: center;}
.pagination a{float: left; background:#ffffff; border:1px solid #e3e3e3; font-size: 12px; color:#666666; padding:2px 9px; margin-right:5px; line-height:21px;}
.pagination a:hover{background:#f4f4f4; font-size: 12px; color:#666666; border-color:#d5d5d5;}
.pagination .active{float: left; padding:2px 9px; color:#fff; font-family: 'Lato-Regular'; border: 1px solid #2b2f34; background: #2b2f34; line-height: 21px; margin-right:5px;}
.pagination a.prev{width: 28px; height: 28px; background: url(../images/page-prev.png) no-repeat 50% 50% #ffffff; padding: 0;}
.pagination a.next{width: 28px; height: 28px; background: url(../images/page-next.png) no-repeat 50% 50% #ffffff; padding: 0;}

#list-view .item{float: left; width: 100%; padding: 20px 0 0;}
#list-view .item .item-top{width: 50%; border-bottom: none;}
#list-view .item .item-detail{width: 50%; border-left: 1px solid #e4e4e4;}
#list-view .item .item-top .center-image {width: 175px; text-align: right;}
.item-listing{display: block; overflow: hidden; padding-left: 20px;}
.item-listing h4{padding: 0 0 15px;}
.item-listing p span{font-family: 'Lato-Bold';}
#list-view .item-detail .btn{width: auto; padding: 10px 15px 10px 45px;}
#list-view .brnad-price{height: 90px; float: right;}
#list-view .item-detail .btn-block{padding: 20px 0 0;}

#map{float: left; width: 100%; height: 300px;}
.contact-inner{float:left; width:60%; padding:40px 0;}
.contact-inner .pull-left{padding:10px 20px 0 30px;}
.contact-inner .pull-left img{width:70px; background:#0d1f73; padding:20px; -webkit-border-radius:100px; border-radius:100px;}
.dis-inline-block{display:block; overflow:hidden;}
.contact-inner:nth-child(odd){width: 40%;}
.dis-inline-block h4{font-size: 19px; color: #000000; font-family: 'Lato-Black';}
.page-block .dis-inline-block p{padding: 0; color: #585858;}
.page-block .dis-inline-block p span, .page-block .dis-inline-block p a{color: #000000;}

/* FORM CSS */
.form{float:left; width:100%; padding:20px 0;}
.primary .form{float:left; width:100%; padding:20px 0; margin:25px 0 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.form h6{padding:0 0 20px;}
.form .row{margin:0 -5px;}
.form .col-md-6, .form .col-md-12{padding:0 5px 10px;}
.form select{background:url(../images/contact-select.png) no-repeat 100% 50% #fff; height: 39px;}
.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form select, .form textarea{width: 100%; font-size:14px; color:#999; padding: 10px;}
.form textarea{height:150px; width: 100%; padding: 10px;}
.form .btn{min-width: 200px; padding:15px; margin-top: 10px; font-size:14px; color: #ffffff; letter-spacing: 1px; text-transform:uppercase; -webkit-border-radius:30px; border-radius:30px; background: var(--c1);}
.form .btn:hover{background: var(--c2); color: #ffffff;}

.contact-us label{float: left; width: 100%; cursor: default; line-height: 40px; height: 40px; font-size: 16px; color: #313131;}
.contact-us label sub{font-size: 24px; color: #66a043;}
.text-center{text-align: center;}

.full-page{float: left; width: 100%; background: #ffffff; border: 1px solid #e4e4e4;}

/*flexslider CSS*/
.flexslider{float: left; width: 100%; position: relative; padding-bottom: 15px;}
.flex-viewport{float: left; width: 100%;}
.flex-viewport ul{float: left; width: 100%; text-align: center;}
.flex-control-nav{float: left; width: 100%; text-align: center;}
.flex-control-nav li{display: inline-block; width: 160px; border: solid 1px #f7f7f7; margin: 0 5px; padding: 20px 0;}
.flex-control-nav li img{cursor: pointer;}
#slider.flexslider .slides img { aspect-ratio: 1080 / 1080; display: block; object-fit: contain; width: 100%; }
#carousel.flexslider .slides img { display: block; object-fit: contain; width: 100%; }

html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flex-direction-nav{float: left; width: 100%;}
.flex-direction-nav li{float: left;}
.flex-nav-prev, .flex-nav-next{position: absolute; top: 220px; z-index: 1;}

#carousel .flex-nav-prev, #carousel .flex-nav-next { top: 25%; }

.flex-nav-prev{left: 0;}
.flex-nav-next{right: 0;}
.flex-prev, .flex-next {float: left; width: 50px; height: 50px; background: url(../images/arrow2.png) no-repeat 10px 4px; text-indent: -99999px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.flex-next {background-position: -127px 4px; right: -60px;}
.flex-prev {background-position: -57px 4px; left: -60px;}
.flex-next:hover{background-position: -192px 4px;}
.flex-prev:hover {background-position: 9px 4px;}

.product-info{background: #fcfcfc; border-left: 1px solid #e4e4e4; padding: 0;}
.info-inner{float: left; width: 100%; padding: 20px 35px;}
.info-inner h5{position: relative; padding-right: 130px;}
.info-inner h5 span{position: absolute; top: 9px; right:0; z-index: 1;}
.brand-tag{float: left; width: 100%; letter-spacing: 0; padding-bottom: 15px;}
.brand-tag .new{float: left; padding: 5px 15px; background: #d6541a; font-size: 12px; color: #ffffff; font-family: 'Lato-Bold'; text-transform: uppercase; -webkit-border-radius:3px; border-radius:3px;}
.product-info h4{font-size: 18px; font-family: 'Lato-Regular';}
.product-info h5 span{float: right; font-size: 14px; font-family: 'Lato-Regular'; text-transform: none;}
.product-info ul{float: left; width: 100%; padding:10px 0;}
.product-info ul li{float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #e2e2e2;}
.product-info ul li span{float: right; text-align: right; font-family: 'Lato-Bold';}
.product-info ul li:last-child{border-bottom: none;}
.product-info ul li ul{padding: 0 0 5px; border-bottom: 1px solid #e2e2e2;}
.product-info ul li ul li{ border: none; padding: 5px 0 5px 25px; background: url(../images/tick.png) no-repeat 0 12px; font-size: 18px;}
.product-info .col-md-7{padding: 10px 0 0; position: relative;}
.product-info .col-md-5{padding: 10px 0 0; position: relative;}
.product-info .discount{width: 70px; height: 70px; font-size: 22px; top: 20px; padding: 18px 0 0; left: auto; right: 0px;}
.product-info .item-unit{float: left; width: 50%; position: static;}
.product-info .item-unit{float: none !important;}
.product-info .brnad-price{padding-bottom: 15px; height: auto; float: left;}
.product-info .brnad-price.full-price{width: 50%; text-align: center;}
/*.product-info .col-md-5:last-child{text-align: right;}*/
.product-info .col-md-5 .brand-tag .end-stock, .product-info .col-md-5 .brand-tag .sin-stock {float: right;}
.product-info .col-md-5 .brand-tag{padding: 65px 0 15px;}
.end-stock{margin-left:10px; left; padding: 5px 15px; background: #28a23c; font-size: 12px; color: #ffffff; font-family: 'Lato-Bold'; text-transform: uppercase; -webkit-border-radius:3px; border-radius:3px;}
.sin-stock{margin-left: 10px; float: left; padding: 5px 15px; background: #c30707; font-size: 12px; color: #ffffff; font-family: 'Lato-Bold'; text-transform: uppercase; -webkit-border-radius:3px; border-radius:3px;}
.btn.btn-cart{min-width: inherit; width: 100%; background: url(../images/cart-icon.png) no-repeat 4px 4px #0d1f73; padding: 10px 10px 10px 25px; font-size: 14px; color: #ffffff; -webkit-border-radius:30px; border-radius:30px;}
.btn.btn-cart:hover{background-color: #fed754; background-position: 4px -41px;}
.btn.btn-email{min-width: inherit; width: 100%; background: url(../images/cart-email.png) no-repeat 4px 4px #fed754; padding: 10px 10px 10px 25px; font-size: 14px; color: #ffffff; -webkit-border-radius:30px; border-radius:30px;}
.btn.btn-email:hover{background-color: #0d1f73; background-position: 4px -41px;}
.product-info .btn{width: 205px; text-align: left; padding-left: 45px;}
.shipping-share{float: left; width: 100%; border-top: 1px solid #e2e2e2; padding: 20px 35px;}
.shipping-share .pull-left img{float: left; padding: 5px 10px 0 0;}
.shipping-share .pull-left span{float: left; padding-right: 5px;}
.shipping-share .pull-left a{float: left; background: url(../images/ship-arrow.png) no-repeat 100% 50%; padding: 0 12px 0 0; color: #28a23c; text-decoration: underline;}
.shipping-share .pull-left a:hover{text-decoration: none;}
.full-page .col-md-12{padding: 35px; background: #fcfcfc; border-top: 1px solid #e4e4e4; letter-spacing: 0;}
.full-page .col-md-12 h4{font-size: 28px; color: #282828; font-family: 'Lato-Black';}
.full-page .col-md-12 p{padding: 10px 0;}
.full-page .col-md-12 h3{font-size: 16px; color: #242424; font-family: 'Lato-Bold';}
.full-page .col-md-12 ul{float: left; width: 100%; padding: 5px 0 0;}
.full-page .col-md-12 ul li{float: left; width: 100%; padding: 5px 0 5px 25px; background: url(../images/tick.png) no-repeat 0 11px;}

.related-products{float: left; width: 100%; padding: 50px 0 0;}
.related-products h2{text-align: center; font-size: 40px; color: #343434; font-family: 'Lato-Black'; padding: 0 0 20px; line-height: 40px;}
.related-products h2:after{width: 70px; height: 5px; right: 50%; bottom: 0; top: auto; margin: 0 -25px 0 0;}
.related-products h4{text-align: center; letter-spacing: 1.5px;}
.similar-products{float: left; width: 100%; padding-top: 20px;}
.similar-products .item{width: 100%; padding: 0 0 5px;}
.similar-products.owl-carousel .owl-item{text-align: left;}
.related-products .owl-carousel h4{text-align: left; letter-spacing: 0;}
.inner-page.detail{padding-bottom: 60px;}
.inner-page.detail .container{overflow: visible;}

/*SERVICE CENTER PAGES CSS*/
.service-center{float: left; width: 100%; position:relative;}
.service-center header{padding: 20px 0;}
.service-center .fav{background: url(../images/center-fav.png) no-repeat 0 5px; background-size: 40% auto;}
.service-center .my-cart a{background: url(../images/center-cart-2.png) no-repeat 20px 7px;}
.service-center nav{background: var(--c1);}
.service-center nav ul li:hover .sub-menu ul li a{background: none;}
.service-center .sub-menu .btn{background: var(--c2); color: var(--c1);}
.service-center .sub-menu .btn:hover{background: var(--c1); color: #ffffff;}
.service-center .sub-menu .pull-left{text-align: left;}

.service-center .search .tab-content .btn{background: var(--c1) url(../images/center-search-btn.png) no-repeat 96.5% 8px;}
.service-center .search .tab-content .btn:hover{background-color: var(--c2); background-position: 96.5% -53px;}

.center-equipment h2:after{background: var(--c2);}
/* .center-equipment .products-list:before{background: rgba(222,86,0,0.9);} */
.center-equipment .products-list:before{background: var(--c3)}
.center-equipment .brand-detail .btn{background: var(--c2);}
.center-equipment .brand-detail .btn:hover{background: var(--c1);}
.service-center .sell{background-color: #fec201;}
.service-center .sell .col-md-4{background: #0d1f73;}
.service-center .sell .col-md-4:after{background: url(../images/center-cap.png) no-repeat 0 50%;}
.service-center .sell h3{color: #0d1f73;}
.service-center .sell h4{color: #353535;}

.main-service .btn-center{font-size: 15px; color: #ffffff; padding: 10px 10px 11px; background: var(--c3); position: relative;}
.main-service .btn-center:hover{background: #0d1f73;}
.main-service .btn-center:before{content: ""; width: 180px; height: 102px; position: absolute; top: -32px; left: -165px; z-index: 0; background: url(../images/btn-logo2.png) no-repeat 0 0;}
.main-service .btn-center{margin-top: 10px;}
.service-center .service-details .btn-block{text-align: center;}
.service-center .page-title{background: url(../images/slide4.jpg) no-repeat 50% 30%; background-size: cover;}
.service-center .page-heading{background: var(--c1);}
.service-center .btn.btn-cart{background: url(../images/carrito2.png) no-repeat 12px 3px var(--c1); background-position: 15px 8px; }
/* .service-center .btn.btn-cart:hover{background-color: var(--c2); background-position: 4px -41px;} */
/* .service-center .btn.btn-email{background: url(../images/center-email-icon.png) no-repeat 4px 4px var(--c2);} */
.service-center .btn.btn-email:hover{background-color: var(--c1);}
.service-center .item-detail{min-height: 20px;}
.service-center .item-detail .btn-block{padding: 0;}
.service-center #list-view .item .item-top {width: 70%;}
.service-center #list-view .item .item-detail {width: 30%;}
.service-center #list-view .item .item-top .center-image{width: 260px;}
.service-center .item-listing h4{padding: 0 0 5px;}
.service-center #list-view .item-detail .btn-block{width: auto; position: absolute; bottom: 20px; right: 20px; z-index: 1;}
.service-center #list-view .item-detail{min-height: 235px;}
.service-center .filters .btn{background: var(--c2);}
.service-center .filters .btn:hover{background: var(--c1);}
.service-center .contact-inner .pull-left img{background: var(--c2);}
.contact-us h2{font-size: 30px; font-family: 'Lato-Regular'; text-transform: none; padding: 0; text-align: center;}
.contact-us h2 span{font-family: 'Lato-Bold';}
.service-center .info-inner h5{font-size: 28px; line-height: 28px;}
.service-center .item-top h4{text-transform: none;}

/*Responsive CSS*/
@media screen and (max-width:1780px) {
  /*Normal CSS*/
  .main-service, .center-equipment .main-service{background-size:35% auto;}
}
@media screen and (max-width:1420px) {
  /*Home Page CSS*/
  .dark-bg{width:100%;}
  .equipment-logos img, .tires-logos img{margin-bottom:10px;}
  .sales-tires{padding-right:40px;}
  .sales-equipment{padding-left:40px;}
  .sales-tires p, .sales-equipment p{padding:20px 0;}
  .tires-logos, .equipment-logos{min-height:300px;}
  .full-height{position:static; padding-bottom:20px;}
}
@media screen and (max-width:1340px) {
  /* NORMAL CSS */
  .owl-carousel .owl-buttons{padding-top:30px; text-align:center;}
  /*.owl-carousel .owl-buttons .owl-prev, .owl-carousel .owl-buttons .owl-next, body .related-products .owl-buttons .owl-next, body .related-products .owl-buttons .owl-prev{position:static; display:inline-block; width:100px; height:auto; padding:10px; margin:0 5px; background:none; border:2px solid #343434; text-transform:uppercase; text-indent:0; font-size:13px;}*/
  .featured-clients .owl-carousel .owl-buttons{padding-bottom:20px;}
  .main-service, .main-service, .center-equipment .main-service{background:none;}
  /*Vulcamoia Home Page CSS*/
  .our-services h2{font-size:36px; padding-left:0;}
  .our-services h2:before, .our-services h2:after{display:none;}
  .products-list{min-height:10px; padding: 80px 30px 30px;}
  .products-list:hover{min-height: 443px;}
  .center-equipment .products-list{padding: 62px 30px 30px;}
  .center-equipment .products-list:hover{min-height: 346px;}
  .service-details{width:100%; padding:0 50px;}
  .center-equipment .service-details{width:100%; padding:0 50px;}
  .sell .col-md-8{padding-left:80px;}
  .sell .btn{margin-left:20px;}
}
@media screen and (max-width:1279px) {
  /* NORMAL CSS */
  .container{width:930px;}
  .inner-page .container{width: 100%; padding: 0 10px;}
  .inner-page{padding: 20px 0;}
  .search .container{float: left; width: 100%; padding: 0 20px; border-bottom: 1px solid #dcdcdc;}
  .toggle-button, .menu-button, .close-toggle{display:block;}
  nav{position:absolute; left:0; top:-100%; padding:25px 0; -webkit-transition:top 0.5s ease 0s; -moz-transition:top 0.5s ease 0s; -o-transition:top 0.5s ease 0s; transition:top 0.5s ease 0s; z-index:9999;}
  nav.open{top:131px;}
  nav ul li{float:left; width:100%; text-align:left;}
  nav ul li a{display:block; overflow:hidden; clear:both; padding:15px;}
  .sub-menu{position:static; float:left; width:100%; margin:0;}
  nav ul li:hover .sub-menu{display:none;}
  nav ul li.dropdown .dropdown-link{background-image:url(../images/arrow1.png); background-position:98% 50%; background-repeat:no-repeat;}
  nav ul li.dropdown.open .dropdown-link{background-color:#40424a; color:var(--c3);}
  nav ul li.dropdown.open .sub-menu{display:block;}
  .header-right{position:fixed; left:0; top:-200%; width:300px; height:100%; background:#343434; padding:25px; overflow:auto; -webkit-transition:top 0.5s ease 0s; -moz-transition:top 0.5s ease 0s; -o-transition:top 0.5s ease 0s; transition:top 0.5s ease 0s; z-index:9999;}
  .header-right.open{top:0;}
  .top-search{width:100%; border:none;}
  .top-search select{width:100%; background-color:#ffffff; border-bottom:1px solid #e1e1e1;}
  .top-search input[type="text"]{width:100%;}
  .top-search input[type="submit"]{background-image:url(../images/search2.png); background-color:#fec400; background-position:50% 50%; background-size:auto; width:100%; height:40px; margin-top:5px;}
  .login{width:100%; border-right:none; border-top:1px solid #505050; border-bottom:1px solid #505050; padding:15px; margin-top:20px;}
  .fav a, .my-cart a, .my-cart a strong{color:#ffffff;}
  .my-cart a{padding-left:70px;}
  .our-services.center-equipment .col-md-6.main-service{border-top:none}
  .login a{padding:0;}
  footer .container{padding-bottom:20px; background: none;}
  footer .col-md-3{width:50%; padding-bottom:25px;}
  footer h3{padding-bottom:10px;}
  body .revolution-container .head-title{font-size:48px; line-height:58px;}
  body .revolution-container .sub-title{font-size:70px; line-height:80px;}
  body .tp-caption:before, body .tp-caption:after{display:none;}
  .featured-clients .owl-item:nth-child(5n){border-right:1px solid #e3e3e3;}
  /*Home Page CSS*/
  .main-wrapper .col-md-6{width:100%; padding:40px; text-align:center;}
  .main-wrapper .col-md-6 h2, .sales-tires p, .tires-logos, .equipment-logos, .sales-equipment p{text-align:center;}
  .main-wrapper .col-md-6 br{display:none;}
  .light-bg .logo, .dark-bg .logo{position:static; float:left; width:100%; padding-bottom:10px;}
  .main-wrapper h2, .main-wrapper .sales-equipment h2{padding-left:0; padding-right:0;}
  .main-wrapper h2:after, .main-wrapper .sales-equipment h2:before{display:none;}
  .light-bg{width:100%;}
  .light-bg .block, .dark-bg .block{display:none;}
  .tires-logos, .equipment-logos{min-height:10px;}
  .sales-tires, .sales-equipment{padding:0;}
  .sales-equipment .btn, .sales-tires .btn{float:none;}
  /*Vulcamoia Home Page CSS*/
  .our-services .col-md-6{width:100%; height:auto !important;}
  .products-list{min-height: 443px;}
  .center-equipment .products-list:hover{min-height: 443px;}
  .main-service{padding:50px 0;}
  body .revolution-wrap h5, body .revolution-wrap h6{font-size:48px; line-height:60px;}
  .tabs{position:relative; top:0; margin-top:-53px;}
  .tab-button li a{padding:15px; min-height:53px; background:rgba(255, 255, 255, 0.9);}
  .tab-button li a:hover, .tab-button li a.active{background:#ffffff;}
  .search .tab-content .btn{min-width:100%;}
  .tab-content{padding:50px 0;}
  .sell{text-align:center;}
  .sell .col-md-4, .sell .col-md-8{width:100%;}
  .sell .col-md-8{padding:30px 20px;}
  .sell .col-md-8 .pull-left, .sell .col-md-8 .pull-right{width:100%;}
  .sell .btn{margin-left:0;}
  .sell .col-md-4:after{display:none;}
  .sell .col-md-4 img{position:static;}
  .center-equipment .service-details ul{width:100%;}
  .center-equipment .service-details ul li{width:33.3333%;}
  .revolution-wrap .btn{margin:0 5px;}
  .tp-bullets{display:none;}
  .my-cart{width: 100%;}
  .my-cart .toltip{background: #0057b3;}
  .products-list:hover .brand-detail{bottom: 135px;}
  .main-service{min-height: 20px;}
}
@media screen and (max-width:1199px) {
 .view-options{margin: 0 7px; padding: 0 7px; width: auto;}
 .top-filters .sort-by select{width: 165px;}
 .sidebar{width: 250px;}
 .sidebar-nav ul li a{background-position: 12px 50%; padding: 13px 0 13px 30px; font-size: 15px;}
 .filters ul li a{font-size: 16px;}
 #list-view .item .item-top{width: 60%;}
 #list-view .item .item-detail{width: 40%;}
 .inner-page.detail .col-md-6{width: 100%; padding: 0;}
 .product-info .brnad-price.full-price{text-align: right;}
 .product-info{border-left: none; border-top: 1px solid #e4e4e4;}
 .full-page .col-md-12{padding: 20px;}
 .info-inner{padding: 20px;}
 .product-info .item-unit strong{text-align: left;}
 .product-info .discount{left: auto; right: 0;}
 .product-info .col-md-5 .brand-tag{padding: 15px 0;}
 .contact-inner{width: 50%;}
 .contact-inner:nth-child(odd){width: 50%;}
}
@media screen and (max-width:1099px) {
 .btn.btn-cart{padding: 12px 20px 12px 45px; font-size: 12px;}
 #list-view .item-detail .btn{padding: 12px 20px 12px 45px; font-size: 12px;}
 .item{padding: 10px 5px;}
 .tab-content .row{margin: 0 -10px;}
}
@media screen and (max-width:1023px) {
 .sidebar{width: 100%;}
 .sidebar .filters select{width: 100%; background: url(../images/select.png) no-repeat 100% 50%;}
 .top-filters select{background: #ffffff url(../images/filter-select.png) no-repeat 100% 50%;}
 .secondary{float: left; width: 100%; padding: 20px 0 0;}
 .page-block{padding: 20px;}
}
@media screen and (max-width:979px){

  .owl-buttons .owl-next { right: 0px !important; }
  .owl-buttons .owl-prev { left: 0px !important; }

  /* NORMAL CSS */
  .container{width:730px;}
  .copyright{text-align:center; padding:25px 0;}
  .copyright .pull-left, .copyright .pull-right{width:100%; padding:0;}
  .copyright p{padding:20px 0;}
  /*Home Page CSS*/
  .sales-tires p, .sales-equipment p{padding:10px 0 15px;}
  /*Vulcamoia Home Page CSS*/
  .tab-content .col-md-3{width:50%; padding-bottom:30px;}
  .tab-content{padding:30px 0 10px;}
  h1{font-size: 40px;}
}
@media screen and (max-width:899px){
  /*Vulcamoia Home Page CSS*/
  body .revolution-container .head-title{font-size:36px; line-height:46px;}
  body .revolution-container .sub-title{font-size:48px; line-height:58px;}
  body .revolution-container p{padding:10px 0;}
  body .revolution-wrap h5, body .revolution-wrap h6{font-size:36px; line-height:46px; padding-left:25px; padding-right:25px;}
  body .revolution-wrap .block{padding:0 25px;}
  body .revolution-wrap .btn{margin:3px 0; min-width:100%; padding:13px; font-size:13px;}
  .sell h3{margin:0; padding:0;}
}
@media screen and (max-width:767px){
  /* NORMAL CSS */
  body{font-size:14px;}
  nav ul li a{font-size:14px;}
  h2, .sales-equipment h2{font-size:30px; padding:0 0 5px;}
  .container{width:100%; padding:0 20px;}
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; width:100%; padding:0 0 25px;}
  footer{padding-top:25px;}
  footer .container{padding:0 25px;}
  footer .col-md-3{width:100%;}
  .tabs{margin-top:-46px;}
  .tab-content .col-md-3{padding-bottom:20px;}
  .tab-button li{width:50%;}
  .tab-button li a{min-width:98%; padding:13px; min-height:46px; margin: 0 2px;}
  .main-service .btn-equipment:before, .main-service .btn-center:before{display:none;}
  .main-service .btn-equipment{margin-top:10px;}
  /*Home Page CSS*/
  .main-wrapper .col-md-6{padding:25px;}
  .main-wrapper .col-md-6.dark{padding-bottom:40px;}
  .sales-tires p, .sales-equipment p{padding:0 0 10px; font-size:18px; line-height:26px;}
  .sales-equipment .btn, .sales-tires .btn{width:100%;}
  /*Vulcamoia Home Page CSS*/
  body .revolution-container .head-title{font-size:20px; line-height:30px;}
  body .revolution-container .sub-title{font-size:30px; line-height:40px;}
  body .revolution-container p{padding:5px 0 10px;}
  body .revolution-container a:before{bottom:-20px;}
  body .revolution-wrap h5, body .revolution-wrap h6{font-size:24px; line-height:34px;}
  body .revolution-wrap h6{padding-bottom:10px;}
  body .revolution-wrap{height:300px !important;}
  body .revolution-wrap .tp-caption{top:80px !important;}
  .main-service{padding-top:25px;}
  .our-services h2{font-size:30px; padding-top:5px;}
  .our-services .col-md-6.products{padding:0;}
  .service-details p{padding:5px 0; font-size:16px; line-height: 22px;}
  .products-list{width:100%; border-right:none !important;}
  .our-services.center-equipment .col-md-6.main-service{padding-bottom:50px;}
  .service-details, .center-equipment .service-details{padding:0 20px;}
  .sell h3{font-size:28px;}
  .our-services h2{font-size:26px;}
  div.featured-clients{padding: 20px 0 50px 0;}
  /*Vulcamoia Listado Page CSS*/
  .top-filters .sort-by{width: 50%;}
  .top-filters span{width: 100%; padding: 2px 0 0;}
  .view-options{float: right; padding: 10px 0 0; margin: 0; border: none;}
  .per-pages{width: 50%; clear: both;}
  .top-filters .sort-by select, .top-filters .per-pages select{width: 100%;}
  .pagination span{width: auto; padding: 2px 10px;}
  .tab-content .row{margin: 0;}
  #list-view .item{padding: 10px 0 0;}
  .item{width: 100%; padding: 10px 0 0;}
  #list-view .item .item-top, .service-center #list-view .item .item-top{width: 100%;}
  #list-view .item .item-detail, .service-center #list-view .item .item-detail{width: 100%; border-left: none; border-top: 1px solid #e4e4e4; text-align: center;}
  .item-top, .item-detail{text-align: center; padding: 10px;}
  .item-unit{position: static; float: left; width: 100%; padding: 15px 0;}
  .item-detail .btn-block, #list-view .item-detail .btn-block{padding: 0;}
  .item-unit select{display: inline-block; float: none; width: 100px;}
  .item-unit strong{text-align: center;}
  .item-unit span{float: none; display: inline-block;}
  .btn.btn-cart{padding: 12px 20px 12px 45px; width: auto;}
  #list-view .item .item-top .center-image, .service-center #list-view .item .item-top .center-image{width: 100%; text-align: center; padding-bottom: 20px;}
  #list-view .item .discount{top: 20px; left: 20px; bottom: auto;}
  #list-view .brnad-price{height: auto;}
  .item-listing{width: 100%; float: left; padding: 0;}
  .service-center #list-view .item-detail .btn-block{position: static; text-align: center; padding: 15px 0 0; width: 100%;}
  .service-center #list-view .item-detail{min-height: 20px;}
  .left-box{padding: 20px;}
  .related-products h2{font-size: 30px;}
  h4{font-size: 18px;}
  .full-page .col-md-12 h4{font-size: 20px;}
  .related-products .owl-carousel h4{text-align: center;}
  .contact-inner{width: 100%; padding: 20px 0;}
  .contact-inner:nth-child(odd){width: 100%;}
  .contact-inner .pull-left{padding: 0 20px 0 0;}
  .shipping-share{padding: 20px 10px;}
  .shipment{padding: 23px 0 2px 65px;}
}
@media screen and (max-width:599px){
  /* NORMAL CSS */
  h2, .sales-equipment h2{font-size:24px; padding:0 0 5px; line-height:30px;}
  .logo img{width:200px; margin-top: 20px;}
  .toggle-button{margin-top:28px;}
  .menu-button{margin-top:25px;}
  nav.open{top:109px;}
  .service-center nav.open{top: 95px;}
  .sub-menu .pull-left{width:100%;}
  .sub-menu ul{padding:0 20px 0; width:100%;}
  .sub-menu .btn{margin:25px;}
  .tab-content .col-md-3{width:100%; padding-bottom:20px;}
  select{background-size:10% auto; padding:12px;}
  .msg-toltip{left:auto; right:0;}
  .msg-toltip:before{left:auto; right:5px; border-bottom-color:#f5f5f5;}
  .service-details ul li{width:50%; border-right:none; border-bottom:1px solid #e3e3e3; margin:10px 0;}
  .center-equipment .service-details ul li{width:50%; border-right:none; border-bottom:1px solid #e3e3e3; margin:10px 0; padding-bottom:20px;}
  .service-details ul li span{font-size: 13px;}
  .service-details ul li span br{display: none;}
  .sell h4{font-size:18px;}
  .sell h3{font-size:24px;}
  .sell .btn{margin-top:10px;}
  /*Home Page CSS*/
  .sales-tires p, .sales-equipment p{font-size:16px; line-height:24px;}
  body .revolution-wrap .tp-caption{top: 50px !important;}
  .our-services h2, h5{font-size: 20px;}
  h4{font-size: 18px;}
  .brand-price{font-size: 24px;}
  .sell h3{font-size: 20px;}
  body .revolution-wrap h5, body .revolution-wrap h6{font-size: 20px;}
  .btn-block{text-align: center;}
  .top-filters .sort-by{width: 100%;}
  .view-options{float: right; width: 100%;}
  .per-pages{width: 100%;}
  .pagination{width: 100%; padding: 10px 0 0;}
  h1{font-size: 36px;}
  .flex-control-nav li{width: 140px;}
  h3{padding: 15px 0 0; margin: 0;}
}
@media screen and (max-width:479px){
 .flex-control-nav li{width: auto; padding: 10px;}
}
@media screen and (max-width:359px){
 .flex-control-nav li{width: 75px;}
}
.products-list .center-image img { max-height: 220px; display: block; margin: 20px auto; margin-top: 0px; }
.products-list .brand-logo { text-align: left; }
.products-list .brand-logo img { width: 40%; }
#grid-view .brand-name { text-align: left; }
#grid-view .brand-name img { text-align: left; width: 15%; margin-top:-10px; }
#list-view .brand-name { text-align: left; }
#list-view .brand-name img, .similar-products .brand-name img { text-align: left; width: 25%; }
.cb { clear: both; }
.oh { overflow: hidden; }
.w100p { width: 100%; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 27 - CART */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.carrito-page { padding: 20px; }
.cart-table{width: 99%; font-size: 14px; line-height: 28px; color: #2e2e2e; font-weight: 600;}
.cart-table .column-0{width: 70px;}
.cart-table .column-1{}
.cart-table .column-2{width: 180px;}
.cart-table .column-3{width: 140px;}
.cart-table .column-4{width: 180px;}
.cart-table .column-5{width: 35px;}
.cart-table .punit{font-size: 18px; line-height: 28px; font-weight: 600;}
.cart-table .subtotal{font-size: 18px; line-height: 28px; font-weight: 600;}
.cart-table td{vertical-align: middle; padding: 25px 0px !important; border-top: 1px #e6e6e6 solid !important; border-left: none !important; border-bottom: none !important; border-right: none !important;}
.cart-table th{vertical-align: middle; padding: 25px 30px; font-size: 16px; line-height: 20px; color: #343434; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid;}
.cart-table td:last-child, .cart-table th:last-child{padding-right: 0; padding-left: 0;}
.table-responsive{overflow-y: hidden; border: none;}
.cart-submit-buttons-box{padding: 25px 0 13px 0; text-align: right; font-size: 0;}
.cart-submit-buttons-box .button{margin-left: 11px;}
.cart-column-title{font-size: 16px; line-height: 20px; color: #333232; font-weight: 600; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; padding: 20px 0; margin-bottom: 20px;}
.cart-column-title.size-1{font-size: 18px; padding: 25px 0;}
.cart-column-title.size-2{padding: 23px 0;}
.cart-summary-box{ padding: 40px 35px; text-align: right;}
.cart-summary-box .button{padding-left: 10px; padding-right: 10px; display: block; margin-bottom: 18px;}
.cart-summary-box .sub-total{font-size: 15px; line-height: 20px; color: #878787; font-weight: 600; margin-bottom: 5px;}
.cart-summary-box .grand-total{font-size: 22px; line-height: 30px; color: #343434; font-weight: 600; margin-bottom: 15px;}
.cart-summary-box .simple-link{font-size: 13px; color: #808080; line-height: 24px; font-weight: 400;}
.cart-summary-box .simple-link:hover{color: #343434;}
.sidebar-subtotal{margin-bottom: 30px;}
.sidebar-subtotal .price-data{text-align: center; padding-bottom: 25px; border-bottom: 1px #e6e6e6 solid; margin-bottom: 30px;}
.sidebar-subtotal .price-data .main{font-size: 40px; line-height: 40px; color: #333232; font-weight: 700; font-family: 'Montserrat', sans-serif; margin-bottom: 15px;}
.sidebar-subtotal .price-data .title{font-size: 13px; line-height: 18px; color: #666666; margin-bottom: 5px;}
.sidebar-subtotal .price-data .subtitle{font-size: 12px; line-height: 16px; color: #333232; font-weight: 600; text-transform: uppercase; margin-bottom: 10px;}
.sidebar-subtotal .additional-data .title{font-size: 16px; line-height: 24px; color: #333232; font-weight: 600; margin-bottom: 20px;}
.sidebar-subtotal .additional-data .title .inline-label{margin-left: 0; margin-right: 10px;}
.sidebar-subtotal .additional-data .button{display: block; padding-left: 10px; padding-right: 10px;}

.traditional-cart-entry.style-1{padding-bottom: 33px; border-bottom: 1px #ebebeb solid; margin-bottom: 32px;}
.traditional-cart-entry:after{display: block; clear: both; content:"";}
.traditional-cart-entry .image{float: left; width: 70px; margin-right: 15px; }
.traditional-cart-entry.style-1 .image{width: 170px;}
.traditional-cart-entry .image img{max-width: 100%; height: auto; display: block;}
.traditional-cart-entry .tag{font-size: 10px; line-height: 10px; color: #8b8b8b; font-weight: 500; text-transform: uppercase; display: inline-block; margin-bottom: 5px;}
.traditional-cart-entry .tag:hover{color: #2e2e2e;}
.traditional-cart-entry .title{font-size: 18px; line-height: 28px; color: #2e2e2e; font-weight: 600; display: block; margin-bottom: 10px;}
.traditional-cart-entry .inline-description{font-size: 13px; line-height: 15px; color: #808080; font-weight: 400; margin-bottom: 5px;}
.traditional-cart-entry .price{margin-bottom: 20px; padding-top: 15px; font-size: 18px;}
.traditional-cart-entry .quantity-selector .entry{margin-bottom: 20px;}
.traditional-cart-entry .quantity-selector .entry.number-plus{margin-right: 20px;}
.remove-button{display: inline-block; border: 1px #e6e6e6 solid; width: 34px; line-height: 32px; text-align: center; font-size: 12px;  background: transparent; color: #2e2e2e;}
.remove-button:hover{background: #ca1515; color: #fff; border: 1px #ca1515 solid;}
.wishlist-entry .column-2 .remove-button{margin-left: 50px;}
.wishlist-header{border-bottom: 1px #e6e6e6 solid; border-top: 1px #e6e6e6 solid; margin-bottom: 32px; line-height: 68px; position: relative; font-size: 16px; color: #343434; font-weight: 600;}
.wishlist-header .title-1{margin-left: 100px; margin-right: 230px;}
.wishlist-header .title-2{width: 230px; position: absolute; top: 0; right: 0;}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .wishlist-entry .column-1{margin-right: 0; margin-bottom: 20px;}
    .wishlist-entry .column-2{position: relative; margin: 0 0 0 100px; top: auto; width: auto;}
    .wishlist-entry .column-2 .remove-button{margin-left: 10px;}
    .wishlist-entry .button.style-14{padding-left: 10px; padding-right: 10px; width: 140px;}
    .traditional-cart-entry .image{margin-bottom: 15px; display: inline-block;}
}

@media (max-width:480px){
    .traditional-cart-entry.style-1 .image{
        width: 100px;
    }
    .traditional-cart-entry.style-1 .content{
        margin-left: 115px;
    }
    .traditional-cart-entry.style-1 .quantity-selector .button{
        margin-right: 10px;
    }
    .traditional-cart-entry.style-1 .detail-info-entry-title{
        display: none;
    }
    .traditional-cart-entry.style-1 .quantity-selector .entry.number-plus{
        margin-right: 15px;
    }
    .quantity-selector .entry.number-minus{
        margin-left: 0;
    }
}

.breadcrumb-box{font-size: 0; margin-bottom: 10px;}
.breadcrumb-box a{display: inline-block; font-size: 14px; color: #696969; line-height: 16px; margin-right: 7px; padding: 7px 0;}
.breadcrumb-box a:after{content: "\f105"; font-family: FontAwesome; display: inline-block; margin-left: 7px;}
.breadcrumb-box a:last-child:after{display: none;}
.breadcrumb-box a:hover{color: #2e2e2e;}
.breadcrumb-entry{padding: 40px 0; background-position: center center; background-repeat: no-repeat; border-top: 1px #eee solid; border-bottom: 1px #eee solid; text-align: center; background-size: cover;}
.breadcrumb-entry.align-left{text-align: left;}
.breadcrumb-entry.align-right{text-align: right;}
.breadcrumb-entry .breadcrumb-title.style-1{font-size: 36px; line-height: 36px; color: #312926; font-weight: 400; letter-spacing: -1px;}
.breadcrumb-entry .breadcrumb-title.style-2{font-size: 26px; line-height: 26px; text-transform: uppercase; font-weight: 600;}
.breadcrumb-entry .breadcrumb-title.dark{color: #312926;}
.breadcrumb-entry .breadcrumb-title.light{color: #fff;}
.breadcrumb-box.light a{color: rgba(255, 255, 255, 0.5);}
.breadcrumb-box.light a:hover{color: rgba(255, 255, 255, 1);}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .cart-table td, .cart-table th{padding-left: 15px; padding-right: 15px;}
    .cart-table .column-2{width: 105px;}
    .cart-table .column-3{width: 150px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .cart-table{min-width: 800px;}
    .cart-summary-box{padding: 30px 15px;}
}

.i-checks {
  padding-left: 20px;
  cursor: pointer;
}
.i-checks input {
  opacity: 0;
  position: absolute;
  margin-left: -20px;
}
.i-checks input:checked + i {
  border-color: #23b7e5;
}
.i-checks input:checked + i:before {
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  background-color: #23b7e5;
}
.i-checks input:checked + span .active {
  display: inherit;
}
.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i:before {
  border-radius: 50%;
}
.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
  border-color: #dee5e7;
}
.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before {
  background-color: #dee5e7;
}
.i-checks > i {
  width: 20px;
  height: 20px;
  line-height: 1;
  border: 1px solid #cfdadd;
  background-color: #fff;
  margin-left: -20px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
}
.i-checks > i:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 0px;
  height: 0px;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.i-checks > span {
  margin-left: -20px;
}
.i-checks > span .active {
  display: none;
}


.checkout-page .form-group { margin-bottom: 15px; overflow: hidden; }
.checkout-page .panel { letter-spacing: 0px; background-color: white; border: 1px #e6e6e6 solid; margin-bottom: 15px; }
.checkout-page .panel-heading { color: #282828; background-color: #efefef; padding: 8px 15px; font-weight: bold; }
.checkout-page .panel-body { padding: 15px; }
.checkout-page .panel table thead tr th { border: solid 1px white; background-color: #cccccc; padding: 8px 15px; color: white; font-weight: normal; text-align: left; font-size: 13px; padding: 5px 10px; }
.checkout-page .panel table { border-collapse: collapse; }
.checkout-page .panel table tbody tr td { border: solid 1px #dfdfdf; padding: 3px 6px; }
.checkout-page .panel table tbody tr td .fa-times { color: #c1595a; }
.checkout-page .panel table tfoot tr td { font-size: 14px; background-color: #efefef; color: #282828; padding: 6px 12px; }
.checkout-page .panel .panel-body.p0 { padding: 0px; }
.checkout-page .checkout_login, .checkout-page #datos_sucursal, .checkout-page #finalizar_pago_sucursal { display: none; }
.checkout-page .link_login { text-decoration: underline; cursor: pointer; }
.checkout-page .panel-heading .panel-number { font-weight: normal; width: 24px; height: 24px; line-height: 24px; background-color: #bfbfbf; color: white; font-size: 13px; text-align: center; display: inline-block; margin-right: 10px; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius:300px; }
.checkout-page .panel .panel-alert { font-size: 14px; color: #282828;  }
.checkout-page .panel .panel-alert i { border: solid 3px #dcdcdc; color: #dcdcdc; font-size: 14px;  width: 28px; height: 28px; line-height: 24px; text-align: center; display: inline-block; margin-right: 10px; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius:300px; }
.checkout-page .btn { letter-spacing: 0px; line-height:14px; min-width: 0px; color: white; padding: 12px 35px; background-color: var(--c2); border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; display: inline-block; float: none; font-size: 14px; text-transform: uppercase; }
.checkout-page .btn.btn-yellow { background-color: var(--c1); font-size: 14px; color: white; font-weight: normal; }
.checkout-page .total_general { padding:15px; text-align: right; font-weight: bold; font-size: 18px; color: #282828; }
.checkout-page .total_general .label_total_general { margin-right: 25px; }
.checkout-page .total_general .numero_total_general {}
.checkout-page .panel_activo .panel-heading { background-color: var(--c2); color: white; }
.checkout-page .panel_activo .panel-heading .panel-number { background-color: var(--c1); color: white; }

.checkout-page .costo_envio { margin-top: 10px; padding:0px 15px; text-align: right; font-weight: normal; font-size: 16px; color: #282828; }
.checkout-page .costo_envio .label_costo_envio { margin-right: 25px; }
.checkout-page .costo_envio .numero_costo_envio {}

.checkout-page .carrito_total, .checkout-page .carrito_linea { padding-top: 5px; padding-bottom: 5px; }
.checkout-page .carrito_total .label_total_general { font-size: 22px; font-weight: bold; text-align: right; }
.checkout-page .carrito_total .numero_total_general { font-size: 22px; font-weight: bold; }
.checkout-page .carrito_linea { width: 100%; border-bottom: solid 1px #e5e5e5; }
.checkout-page .checkout-title { padding-top: 5px; font-family: 'Lato-Regular'; margin-bottom: 15px; font-size: 24px; text-transform: none; text-align: left; font-weight: normal; }
.checkout-page .checkout-title:after { display: none; }
.checkout-page .checkout-title .fa-check { margin-right: 10px; color:#30a142; }
.checkout-page .cart-table th { padding-left: 0px; padding-right: 0px; }
.quantity-selector * { display: inline-block; float: left; }
.quantity-selector input { width: 60px; font-size: 14px; padding: 9px; text-align: center;}
.cart-table .remove-button { cursor: pointer; background-color: #dc484b; border: none !important; }
.cart-table .remove-button i { color: white !important; font-size: 16px; font-weight: normal; line-height: 30px; }

.service-center #list-view .item .item-top .brand-name img { width: 50%; }

.input-group { display: table; position: relative; }
.input-group select { display: table-cell; float: left; }
.input-group-btn { vertical-align: top; display: table-cell; width: 1%; position: relative; }
.input-group-btn .calcular_btn { padding-left: 10px; padding-right: 10px; margin-top: 0px;margin-left: 10px }

.our-services .brand-detail .titulo { padding-left: 20px; padding-right: 20px; width: 100%; left: 0px; text-align: center; }
.our-services .producto:hover .brand-detail .titulo { bottom: 100px; }

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.compra_ok_table { width: 100%; }
.compra_ok_table tfoot tr { border-top: solid 1px #ccc; }
.compra_ok_table td { padding: 10px 0px; }
.grey { color: #ccc; }
.green { color: #30a142; }
.btn-green { background-color: #30a142; color:white; }
.btn-green:hover { background-color: #10711f; }
.btn-blue { background-color: #0d1f73; color:white; }
.item-top .promocion { position: absolute; bottom: 10px; right: 10px; z-index: 100; }
.service-center #list-view .promocion { bottom: 20px; }
.our-services .promocion { position: absolute; top: 60px; left: 0px; }

.item-botones { clear: both; }
.item-botones > div { text-align: left; }
@media(max-width: 480px) {
	.item-botones > .col-xs-6 { width: 100% !important; margin-bottom: 5px; text-align: initial !important;}
}

/*FANCYBOX CSS*/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-opened{color:#fff; z-index:8030;}
.fancybox-skin{float:left; width:100% !important; position:relative; padding:0 !important;}
.fancybox-inner{overflow:visible !important; width:auto !important; height:auto !important; position:relative;}
.fancybox-inner iframe{position:fixed; left:0; top:0; width:100%; height:100%;}
.fancy-inner{float:left; width:100%; height:100%;}
.fancy-inner video{position:static; float:left; width:100%;}
.fancybox-close{position:fixed; top:50px; right:50px; width:20px; height:20px; background:url(../images/close-button.png) no-repeat 0 0; background-size:contain; opacity:0.6; z-index:8040;}
.fancy-bg{float:left; height:100%; background:#fff;}
.fancybox-outer{float:left; width:100%;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{float:left; width:100%; padding:15px; text-align:center;}
.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020;}
.fancybox-lock{overflow:hidden !important; width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:fixed; top:0; bottom:0; left:0; right:0; display:none; background:rgba(0, 0, 0, 0.9); z-index:8010;}
.fancybox-nav{position:fixed; top:50%; width:30px; height:60px; margin-top:-30px; background-position:0 0; background-repeat:no-repeat; background-size:contain; opacity:0.6;}
.fancybox-nav.fancybox-prev{left:20px; background-image:url(../images/fancybox-prev.png);}
.fancybox-nav.fancybox-next{right:20px; background-image:url(../images/fancybox-next.png);}
.fancybox-title{float:left; width:100%; padding:10px 0; color:#fff; text-align:center;}
#fancybox-loading{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/ajax-loader.gif) no-repeat 50% 50% #fff; z-index:8060;}
.fancybox-overlay { overflow: auto !important; }
#signup { width:450px; }
@media (max-width: 480px) {
    #signup { width: 100%; }
    .fancybox-close { top: 25px; right: 20px; background:url(../images/close-button-2.png) no-repeat 0 0; background-size: contain; }
}

.signup{float:left; width:100%; padding:25px; color: #696c6e;}
.signup input[type="text"], .signup input[type="tel"], .signup input[type="email"]{height:46px; padding:10px 45px 10px 20px; margin-bottom:5px; font-size:14px; background-image:url(../images/user-icon2.png); background-position:95% 50%; border:1px solid #e6e6e6; -webkit-border-radius:0; border-radius:0;}
.signup input[type="tel"].phone{background-image:url(../images/phone-icon.png);}
.signup input[type="email"].email{background-image:url(../images/email-icon2.png);}
.signup-with-facebook{float:left; width:100%; padding-bottom:20px;}
.signup-with-facebook a{float:left; width:100%; padding:20px; background:#3b5998; color:#fff; font-size:16px;}
.signup-with-facebook a:hover{background:#4562a0;}
.signup-with-facebook a img{float:left;}
.signup-with-facebook a span{display:block; overflow:hidden; text-align:center; padding-left:10px;}
.get-faster{float:left; width:100%; color:#585c5e; font-size:18px; font-family:'Lato-Bold'; text-align:center;}
.signup-form{float:left; width:100%; border-bottom:1px solid #e6e6e6;}
.signup-form .btn{float:left; width:100%; padding:20px; margin-top:25px; font-size:18px; font-family:'Lato-Regular';}
.signup-form .btn:hover{background:#231f20; border-color:#231f20;}
.already-register{float:left; width:100%; padding-top:20px;}
.already-register span{float:left; padding-top:8px; font-size:18px; color:#585c5e; font-family:'Lato-Bold';}
.already-register .btn{float:right; padding:10px 26px; font-size:16px; font-family:'Lato-Regular'; -webkit-border-radius:2px; border-radius:2px; border:1px solid #e32b32; color:#e32b32;}
.already-register .btn:hover{background:#e32b32; color:#fff;}
.action-links{float:left; width:100%; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; margin-bottom:30px;}
.action-links ul{float:left; width:100%; text-align:center; font-size:14px;}
.action-links ul li{float:left; width:33.334%; border-right:1px solid #c6c6c6;}
.action-links ul li:last-child{border:none;}
.action-links ul li a{float:left; width:100%; padding:12px 0; font-size:13px; background:#f7f7f7; color:#3b3b3b;}
.action-links ul li a:hover{background:#fff;}
.action-links ul li a img{margin-right:5px;}

.full-page .dtc { float: none !important; vertical-align: top !important; }
.image-viewport { padding: 80px 60px 80px 60px; }
.image-viewport img { width: 100%; }
@media (max-width: 768px) {
  .image-viewport { padding: 20px; }
  .full-page .dtc { float: left !important; display: block; }
}

.subtitulo-home { float: left; width: 100%; font-family: 'Lato-Black'; font-size: 32px !important; padding: 30px 0px 20px 0px !important; background-image: url("../images/subtitulo.png"); background-repeat: no-repeat; background-position: bottom center; text-align: center; margin: 20px 0px 40px 0px; line-height: 40px }
.subtitulo-home:after { display: none; }
.service-center .tabs { position: relative; top: 0px; left: 0px; width: 100%; }
.search { background-color: var(--c3); }
.search .tab-content { background-color: transparent; }
.search .tabs { margin-top: 0px !important }
.service-center .tab-content .col-md-3 .block span { color: white; }
.products .products-list, .categorias-destacadas .products-list { width: 100%; }
.products.owl-carousel .item { width: 100%; padding: 0px; }
.categorias-destacadas.owl-carousel .item { width: 100%; padding: 0px 15px; }
.products.owl-carousel .owl-item, .categorias-destacadas.owl-carousel .owl-item { padding: 0px; }
.products .products-list { border-top: 1px solid #dcdcdc; }
@media (max-width: 500px) {
  /* .tab-content .col-md-3 .block { padding: 5px 10px 0 10px; } */
  .tab-content .col-md-3 { padding-bottom: 15px; }
  .tab-content { padding: 15px 0 5px; }
  .search .container { padding: 0px; }
}

.categorias-destacadas h3 { text-transform: uppercase; font-family: 'Lato-Black'; font-size: 22px !important; color: #282828; border: none; margin: 20px 0px 10px 0px; padding: 0px; text-align: center; }
.categorias-destacadas h4 { font-family: 'Lato-Light'; font-size: 18px; color: #282828; border: none; margin: 0px; padding: 0px; text-align: center; }
.categorias-destacadas.owl-carousel .item img { width: 100%; border-radius: 100%; border: solid 3px transparent; }
.categorias-destacadas.owl-carousel .item:hover img { border-color: var(--c3); cursor: pointer; }

.container-gris { background-color: #efefef; padding: 60px 0px 40px 0px; float: left; width: 100%; }

.owl-carousel .owl-buttons { padding-top: 0px; }

.owl-theme-orange .owl-buttons .owl-prev, .owl-theme-orange .owl-buttons .owl-next { width: 27px; height: 43px; background-position: top center; background-repeat: no-repeat; }
.owl-theme-orange .owl-buttons .owl-prev { background-image: url("../images/prev2.png"); }
.owl-theme-orange .owl-buttons .owl-next { background-image: url("../images/next2.png"); }
.owl-theme-orange .owl-buttons .owl-prev:hover, .owl-theme-orange .owl-buttons .owl-next:hover { background-position: 0px -43px; }
.telefonos { margin-top: 20px; float: left; width: 100%; text-align: left; }
.telefonos span { color: white; margin-left: 5px; }

.owl-buttons .owl-prev { left: 0px !important; }
.owl-buttons .owl-next { right: 0px !important; }
.revolution-container .tp-bullets { bottom: 10% !important; }


.brand-detail .titulo .name_product{position: relative; top: 20px;}

.products .products-list:hover ~ .name_product{
  top: 0px;
}

@media(max-width:768px){
  .subtitulo-home, .contact-us h2{font-size: 26px !important;}
  .footer h3{text-align: center;}
  .contact-inner:nth-child(odd){margin-bottom: 20px !important;}
  .logo_footer{
    width: 150px;
  }

  footer{
    padding-top: 40px;
    padding-bottom: 30px;
  }

  #products_list .sidebar-nav{
    padding-bottom: 0px;
  }

  #products_list .item{
    padding-top: 0px;
  }

  #products_list .row{
    display: grid !important;
    grid-template-columns: auto auto;
    gap: 10px;
  }

  #products_list .item-top{
    height: auto !important;
  }

  #products_list .center-image img{
    max-height: 133px !important;
    object-fit: cover !important;
  }

  #products_list .brnad-price{
    height: auto !important;
  }

  #products_list .brnad-price span{
    font-size: 12px;
    text-align: right;
    font-weight: bold;
  }

  #products_list .brnad-price div{
    position: relative;
    right: 20px;
  }

  #products_list .brnad-price strong{
    font-size: 29px !important;
  }



}

.logo_footer{
  width: 250px;
}

.span_footer{
  color: var(--c3);
}

.text_footer_left { 
  text-align: left;
}
.text_footer_right { 
  text-align: right;
}

.text_footer_right img{
  width: 150px;
}

.text_footer{
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: right;
  align-items: center;
}

.text_footer p{
  color: rgb(153, 158, 163);
  text-align: center;
}

.btn_carrito{
  background-color: #2c3034;
  background-color: var(--c1);
  text-transform: uppercase;
  color: white;
  font-family: 'Lato-Bold';  
  padding: 10px 10px 10px 25px;
  border-radius: 35px;
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
}

.btn_carrito span{
  margin-left: 10px;
}

.btn_carrito img{
  position: absolute;
  top: 4px;
  left: 5px;
  width: 35px;
  height: 35px;
}

.product_list_title{
  height: 144px;
}

.product_list_image{
  width: 231px !important;
  height: 231px !important;
}

#product-description{
  width: 1100px !important;
}

@media (max-width:768px) {

  .product_list_title{
    height: auto;
  }

  #product-description{
    width: 300px !important;
  }

  .product-info .col-md-7{
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .brnad-price strong{
    font-size: 36px;
  }

  .item-unit select{
    width: 60px !important;
  }

  .info-inner h5{
    padding-right: 0px !important;
  }

  .end-stock{
    margin-left: 10px;
  }

  .text_footer {
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 50px;
  }
  .text_footer_left, .text_footer_right { 
    text-align: center;
  }
  .text_footer_left{
    font-size: 18px;
    padding: 0px !important;
  }
  .social_footer{
    margin-top: 10px;
  }

  .social_footer a{
    width: 50px;
    height: 50px;
  }

  #products_list .btn_carrito{
    font-size: 10px !important;
    margin-top: 5px;
  }

  #products_list .btn_carrito img{
    top: 4px;
    left: 4px;
    height: 25px;
    width: 25px;
  }

}

.social_footer{
  display: flex;
  gap: 10px;
}

.social_footer a{  
  height: 40px;
  width: 40px;
  background-color: rgb(61, 65, 70);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social_footer i{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
}

footer p{
  padding: 3px 0;
}

.container_header .header-right{
  padding: 0px;
  margin: 28px 0px;
}

#container-articulos{
  background-color: var(--c3) !important;
}

.top-search input[type="text"]{
  width: 600px;
}

@media(min-width:768px){
  .container_header{
    display: flex;
    align-items: center;
    gap: 95px;
  }

  .row_flex{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container_header .header-right{
    margin: 0px;
  }

  #products_detail .item-botones .col-xs-6{
    padding-left: 0px !important;
    margin-top: 30px;
  }

  #products_detail .btn_carrito{
    position: relative !important;
    right: 20px !important;
  }

}

@media(max-width:768px){
  #products_detail .item-botones{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  
  #products_detail .item-botones .col-xs-6{
    padding: 0px !important;
  }

  #products_detail .btn_carrito{
    width: 205px;
    margin: 0 auto;
  }

  #products_detail .product-info .item-unit{
    padding-bottom: 0px !important;
  }

  #products_detail .brand-tag{
    display: flex;
  }

  #products_detail .product-info .col-md-5 .brand-tag .end-stock, .product-info .col-md-5 .brand-tag .sin-stock {float: left !important;}

  #slider.flexslider .slides img{height: 65vh;}
  #carousel.flexslider .slides img {height: 20vh;}

}

.brnad-price sup { font-size:18px; }
.carrito-img{
  height: 32px;
  width: 32px;
  position: absolute;
  top: 4px;
  left: 5px;
}
.btn_cart{position: relative !important; background: none !important; background-color: var(--c2) !important;}
.btn_contact {background: url(../images/center-email-icon.png) no-repeat 4px 4px var(--c2) !important;}
.cuotas{position: relative; top: 15px;}
.cuotas h4{text-transform: none !important;font-family: 'Lato-Bold';margin-bottom: 5px;font-size: 17px;}
.cuotas h4 i{font-size: 22px !important;margin-right: 10px;}
.cuotas h4 span{color: #28a23c !important;}
.cuotas strong{font-family: 'Lato-Black';font-size: 18px;}
.cuotas p{display: flex;align-items: center;gap: 5px;}