:root {
  --maincolor: #ffd61e;
  --secondcolor: #101010;
}

@media (min-width: 768px) {
	.sticky-sm {position: sticky; top: 15px;}
}

.col-xs-80, .col-sm-80, .col-md-80, .col-lg-80, .col-xs-60, .col-sm-60, .col-md-60, .col-lg-60, .col-xs-40, .col-sm-40, .col-md-40, .col-lg-40, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 {padding-right: 15px; padding-left: 15px;}

.col-xs-80 {width: 80%; float: left;}
.col-xs-60 {width: 60%; float: left;}
.col-xs-40 {width: 40%; float: left;}
.col-xs-20 {width: 20%; float: left;}
@media (min-width: 768px) {
	.col-sm-80 {width: 80%; float: left;}
	.col-sm-60 {width: 60%; float: left;}
	.col-sm-40 {width: 40%; float: left;}
	.col-sm-20 {width: 20%; float: left;}
}
@media (min-width: 992px) {
	.col-md-80 {width: 80%; float: left;}
	.col-md-60 {width: 60%; float: left;}
	.col-md-40 {width: 40%; float: left;}
	.col-md-20 {width: 20%; float: left;}
}
@media (min-width: 1200px) {
	.col-lg-80 {width: 80%; float: left;}
	.col-lg-60 {width: 60%; float: left;}
	.col-lg-40 {width: 40%; float: left;}
	.col-lg-20 {width: 20%; float: left;}
}

body {font-family: 'Barlow', sans-serif; font-size:14px; line-height:24px; letter-spacing: 1px; background:url(../images/bg_body.png) repeat fixed #fdfdfd; color: #666;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; margin-bottom:15px;}
a:hover, a:active, a:focus {text-decoration:none;}

body, .price .price-old, .product-thumb h4 a, .breadcrumb>li+li:before {color:#333;}


.site-theme {width: 1600px; margin: 0 auto; position: relative; background: #fff; box-shadow: 0 0 12px 7px rgba(0,0,0,.08);}
@media only screen and (max-width: 1650px) and (min-width: 1450px) {
	.site-theme{width: 1400px;}
}
@media only screen and (max-width: 1449px) and (min-width: 1250px){
	.site-theme{width: 1230px;}
}
@media only screen and (max-width: 1249px) and (min-width: 1024px){
	.site-theme {width: 970px;}
}
@media only screen and (max-width: 1023px) and (min-width: 980px){
	.site-theme {width: 940px;}
}
@media only screen and (min-width: 768px) and (max-width: 979px){
	.site-theme {width: 750px;}
}
@media (max-width: 767px) {
	.site-theme {width:auto;}
}

.form-control {padding: 10px; line-height: 22px; height: 42px; box-shadow:none;}

.list-group-item {padding:5px 15px;}

.btn {line-height: 20px; padding: 10px 40px; text-transform: uppercase;}
.btn, .btn:hover, .btn:active, .btn:focus {box-shadow:none;}
.btns-small .btn {padding:10px 15px;}

#search {padding:0 5px; min-width:300px;}
#search .btn {padding:10px; width:40px;}
/*
@media (max-width: 767px) {
	#menu .search-dropdown.open .dropdown-menu{margin-left:0}
}
*/

.notice {line-height: 150%; padding:10px 0;}

.top-bar {background:#171717; border-bottom:1px solid #333; line-height:40px;}
.top-bar ul {margin:0;}

.footer-icon, .logo-area {padding:30px 0; background:#101010 repeat center;}
.footer-icon, .logo-area {background-image:url(../images/bg_white.png), linear-gradient(to bottom, #222, rgba(0,0,0,0)); background-repeat:repeat;}

#cart .dropdown-menu {padding: 10px; min-width: 350px; margin: 0; right: 15px; top: auto;}
#cart > .btn {padding:10px 0;}
#cart > .btn i.fa {margin-right: 3px;}

.navbar-brand>img {max-height:50px;}

#menu {background:transparent; border-radius:0; border:0; margin:0}
#menu .navbar-brand {line-height:50px; padding:0 15px;}
#menu .navbar-nav>li>a {color:#FFF; font-weight:bold; font-size:16px; cursor:pointer;}
#menu .navbar-nav>li>.dropdown-menu {border:0}
#menu .navbar-toggle {border: 0; padding: 0 10px; margin: 0; border-radius: 0; line-height: 50px; background:transparent; font-size:18px;}
#menu .navbar-collapse {border:0; box-shadow: none;}

.slider > .container, .slider > .container-fluid {overflow:hidden;}
.slider .swiper-viewport {margin:0; border:0; box-shadow:none; background:transparent; margin-top:-15px;}
.slider .swiper-viewport img {width:100%;}
.slider .swiper-pagination {display:none;}

.main-menu .navbar-default  {margin:0; padding:0; border:0; border-radius:0; background:transparent;}
.main-menu .dropdown-menu {border: 0;}
.main-menu .nav>li>a {line-height: 30px; margin:0; text-transform:capitalize;}
.main-menu .navbar-default .navbar-toggle {margin: 0; line-height: 50px; border: 0; width: 100%; text-align: center; padding: 0px; font-size: 24px;}
.main-menu .navbar-default .navbar-collapse, .main-menu .navbar-default .navbar-form {border:0; padding:0; box-shadow:none;}

@media (max-width: 768px) {
	.main-menu .open>.dropdown-menu {position: relative; float: none; margin: 0; box-shadow: none; padding:0}
	.main-menu .nav>li>a {line-height: 40px; padding:0 15px;}
	.main-menu .dropdown-menu>li>a {line-height: 24px; padding: 0 15px; text-align:center;}
	.main-menu .dropdown-menu .divider {margin: 5px 0;}
}

.body-main {padding-top:15px;}

.home-banners {margin-top:-7.5px; margin-bottom:7.5px;}
.home-banners.home-banners-2 {margin-top:0}
.home-banners img {display:block; width:100%;}
.home-banners > .row, .box-products > .row {margin-left:-7.5px; margin-right:-7.5px;}
.home-banners > .row > div, .box-products > .row > div {padding:7.5px}

.product-thumb .price {font-size: 26px; font-weight: bold;}
.price .price-old {text-decoration: line-through; font-size:20px; font-weight:normal;}

.product-thumb {background:#F6F6F6; padding:15px; position:relative; margin-bottom:20px; text-align:center; overflow:hidden;}
.product-thumb .image img {mix-blend-mode: multiply; margin: auto;}
.product-thumb h4 {line-height:20px; font-size:16px; height: 40px; overflow: hidden; font-weight: bold;}
.product-thumb .price {height:30px; line-height:30px; overflow:hidden;}
.product-thumb .image, .product-thumb .price, .product-thumb h4, .product-thumb .rating {margin-bottom:15px;}
.product-thumb .model-and-manufacture {font-size:12px; line-height:45px; background: #FFF; border-radius: 5px; overflow: hidden; text-align:center; margin-bottom:15px; box-shadow: 0 0 5px rgba(0,0,0,.1);}
.product-thumb .model-and-manufacture > .row {margin:0;}
.product-thumb .model-and-manufacture > .row > div {padding:0;}
.product-thumb .model-and-manufacture img {margin:auto;}
.model i.fa {border-radius: 5px; display: inline-block; line-height: 24px; width: 24px;}

.product-thumb .btn {border-radius:5px;}

.box {margin-bottom:15px;}
.box .box-heading h1, .box .box-heading h2, .box .box-heading h3 {font-weight:bold; font-size:28px; text-align:center;}
.box .box-heading h1.text-left, .box .box-heading h2.text-left, .box .box-heading h3.text-left {text-align:left;}
.box .box-heading h1.text-right, .box .box-heading h2.text-right, .box .box-heading h3.text-right {text-align:right;}

.body-footer {background:#F6F6F6;}
.body-footer h5 {font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.footer-data {padding: 30px 15px; border:2px solid #DDD; border-width:2px 0;}
.copyrights {text-align: center; line-height: 40px;}

.breadcrumb {display:none;}
.breadcrumb>li+li:before {content: "\f105"; font-family: FontAwesome;}

.nav-tabs + .tab-content {border: 1px solid #ddd; border-top: 0; padding: 30px; margin-bottom:20px;}

.text-danger {margin-top: 5px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 5px 15px;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label,
.has-error .help-block, .has-error .radio, .has-error .radio-inline,
.has-error.checkbox label, .has-error.checkbox-inline label,
.has-error.radio label, .has-error.radio-inline label {color: #ef0500;}
.has-error .form-control {border-color: #ef0500;}
.has-error .btn-default {border-color: #ef0500; background:#ef0500;}

.thumbnails {margin:0; padding:0; list-style:none; text-align: center;}
.image-additional {display:inline-block;}

.form-group-qty { max-width:250px;}

.pagination-outer {margin-top:7.5px;}
.pagination-outer .results {display:inline-block; margin-left:10px; font-size:12px; line-height:30px; float:right;}
.pagination-outer .results {display:none;}
.pagination {margin:0}
.pagination>li>a, .pagination>li>span {line-height:30px; width:30px; text-align:center; padding:0; font-size:16px;}

.input-group-addon,
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn,
.pagination,
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span,
.slider .swiper-viewport,
.list-group-item:first-child, .list-group-item:last-child,
.nav-tabs>li>a, .alert, .form-control,
.thumbnail, .dropdown-menu, .well,
.img-thumbnail, .panel-heading, .panel-group .panel,
.btn, .breadcrumb {border-radius:0;}

.margin-0, .row.margin-0 {margin:0;}
.margin-7 {margin-bottom:7.5px;}

.spacer {height:15px; width:15px;}

.footer-icon {padding:50px; margin:0 -15px;}
.footer-icon span {font-size:20px; font-weight:bold;}
.footer-icon i.fa {display: block; float: left; width:40px; height: 40px; margin-right: 5px; font-size: 30px; line-height: 40px;}

.footer-contact {text-align:center; margin: 0 -15px; font-size:18px; line-height:20px;}
.footer-contact > .row {margin:0}
.footer-contact .row > div {padding:50px 0; border-right:2px solid #DDD;}
.footer-contact .row > div:last-child {border:0}
.footer-contact i.fa {display:block; font-size:40px; line-height:50px;}
.footer-contact a {display:block; height:40px;}

#cart > .btn.btn-default, #cart > .btn.btn-default:hover, #cart > .btn.btn-default:active, #cart > .btn.btn-default:focus {background:transparent; border:0}

#color .list-inline {text-align:center;}
#color .list-inline>li {padding-left:4px; padding-right:4px;}
#color li a {width: 40px; height: 40px; border: 2px solid #FFF; display: block; box-shadow: 0 0 2px rgba(0,0,0,.3);}
#color li a span {display: block; width: 100%; height: 100%; float: left;}
#color li.color-2 a span {width: 50%;}
#color li.color-3 a span {width:33.3%;}
#color li.color-4 a span {width:25%;}
#color li.color-5 a span {width:20%;}
#color li.color-6 a span {width:16.6%;}

#rate {margin:10px 0;}
#rate table {border:1px solid; border-collapse: collapse; width:auto;}
#rate td, #rate th {text-align:center;padding:5px 15px; border:1px solid #DDDD;}
#rate th, #rate thead th, #rate thead td {background:#EEE; font-weight:bold;}
#rate input {width:40px; height:30px; text-align:center;}

/* Yellow #ffd61e */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover,
.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus,
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {border-color:var(--maincolor);}
.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus,
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.notice {background:var(--maincolor);}
.footer-icon i.fa,
#cart > .btn.btn-default i.fa,
a, a:active, a:hover, a:focus,
.footer-contact i.fa,
#menu .navbar-toggle,
.btn.btn-inverse, .btn.btn-inverse:hover, .btn.btn-inverse:active, .btn.btn-inverse:focus,
.model i.fa,
.top-bar a i.fa {color:var(--maincolor);}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:var(--maincolor);}
}
.btn.btn-inverse, .btn.btn-inverse:hover, .btn.btn-inverse:active, .btn.btn-inverse:focus,
.model i.fa,
.slider, .logo-area {background-color:var(--secondcolor);}
.btn.btn-inverse, .btn.btn-inverse:hover, .btn.btn-inverse:active, .btn.btn-inverse:focus {border-color:var(--secondcolor);}
@media (max-width: 767px) {
	#menu .navbar-nav .open .dropdown-menu {background-color:var(--secondcolor);}
}
.alert a,
.body-footer a, .top-bar, #cart a, .footer-contact a,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus,
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a, .pagination>li>span,
#menu .navbar-nav>li.open>a, #menu .navbar-nav>li.open>a:focus, #menu .navbar-nav>li.open>a:hover {color:var(--secondcolor);}

.footer-icon,
#cart > .btn.btn-default, #cart > .btn.btn-default:hover, #cart > .btn.btn-default:active, #cart > .btn.btn-default:focus,
.top-bar a {color:#FFF;}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#FFF;}
}