body{background-color: #fff;font-family: 'Open Sans', sans-serif;font-size: 12px;line-height: 12px; color: #333;font-weight: 400;margin-top: 50px;}


div,.btn,a,a:hover{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:0 ;}

h1,h2,h3,h4,h5,h6{line-height: 1em;margin: 0;font-weight: 400;letter-spacing: 2px;text-transform: uppercase;}
h1{font-size: 2em;font-weight: 400;margin-bottom: 20px;}

h2.title{font-size: 1em;font-weight: 400;margin:0 0 30px 0;font-weight: 700;}

h3{font-size: 1em;font-weight: 300;margin-bottom: 15px;color: #000;}
h4{font-size: 1em;font-weight: 400;}
h4.inside{margin-bottom: 20px;}
h5{font-size: 1em;font-weight: 700;color: #333;}
h6{font-size: 0.9em;font-weight: 400;}


a{color: #333;}
a:hover,a:focus,a:active{color: #000;}
p{margin-bottom: 20px;line-height: 20px;}
img,input,.btn,a,a:hover,a:active,a:focus,div{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:0 ;}
input[type=radio], input[type=checkbox]{margin-top: -1px;}

.btn{border:none !important;border-radius: 0;font-family: 'Open Sans';border-radius: 0;letter-spacing: 2px;text-transform: uppercase; }
.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn.active{box-shadow: none !important;outline: none !important;}
.btn-primary{background: #FFEB3B;color: #333;font-size: 0.8em;padding:5px 30px;font-weight: 700;}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background: #000;}
.btn-default{font-size: 0.8em;border:none;background-color: #333;border-radius: 0;color: #fff;}


.header h1{line-height: 50px;font:normal 2em/50px 'Old Standard TT', serif;text-transform: uppercase;letter-spacing: 4px; }	


.navbar{margin: 0;border:none;border-bottom: 1px solid #ccc;}
.navbar-default .navbar-brand{color: #000;}	
.navbar-default .navbar-nav>li>a{border-left: 1px solid #ccc;color: #333;font-weight: 700;padding: 0 30px;line-height: 50px;font-size:1em;text-transform: uppercase;letter-spacing: 1px;}
.navbar-default .navbar-nav>li>a.cart{background-color: #FFEB3B;border: none;}
.navbar-default .navbar-collapse{padding: 0;color: #607D8B;}
.navbar-default .navbar-form {border-left: 1px solid #ccc;margin: 0;line-height: 49px;}
.navbar-default .navbar-form input.form-control{border: none;background:url('/newmoban/_external/demo.mobanwang.com/mb/lo201708/201708016/html/images/search.png') left center no-repeat;box-shadow: none;background-size: 15px;padding-left: 20px;font-size: 1em;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{border-color:#ccc; }

.cart-counter{background: #000;color: #fff;width: 20px;display: inline-block;line-height: 19px;text-align: center;border-radius: 50%;font-weight: 300;}

.mini-cart {padding: 15px;width: 250px;font-size: 1em;border:none;}
.mini-cart .product-list {margin-bottom: 10px;}
.mini-cart .btn{width: 100%;margin-top: 10px;}

.hero-land{margin-bottom: 90px;}
.hero-land .landing{float: left;width: 50%;overflow: hidden;background: #000;position: relative;}
.hero-land .landing img{width: 100%;}
.hero-land .landing:hover img{transform: scale(1.07);opacity:0.3;}
.hero-land .landing:hover .caption{display: block;}
.hero-land .landing .caption{position: absolute;top: 40%;text-align: center;width: 100%;display: none;transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hero-land .landing .caption h1{color: #fff;font-size: 2em;}
.hero-land .landing .caption a{background: #FFEB3B;color: #333;font-size: 3em;width: 40px;line-height: 40px;display: inline-block;border-radius: 50%;}

.banner{position: relative;}
.banner .item img{width: 100%;}
.banner .carousel-caption h2{text-transform: uppercase;font-size: 1.30em;margin-bottom: 20px;text-shadow:none;}
.carousel-control{background:none!important;width: 100px;}
.carousel-control .fa{font-size: 1.5em;position: absolute;top: 48%;}

.container-feature{margin-bottom: 90px;}
.container-feature .product{margin: 0;}

.product{margin-bottom: 50px;}
.product h5{margin: 14px 0;color: #333;}
.product .title-price .col-sm-4{text-align: right;}
.product .title-price span{font-weight: 700;color: #aaa;margin-top: 13px;display: inline-block;}



.owl-carousel .owl-controls{position: absolute;top: -30px; right: 0;}
.owl-controls .owl-nav div{display: inline-block; text-indent: -9999px;height: 11px; width: 9px;background-size: 100%;}
.owl-controls .owl-nav div.owl-prev{background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201708/201708016/html/images/left.png');}
.owl-controls .owl-nav div.owl-next{background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201708/201708016/html/images/right.png');margin-left:15px;}

footer{background: #333;color: #fff;padding: 30px 0;line-height: 20px;margin-top: 60px;}
footer h4{color: #aaa;margin-bottom: 15px;}
footer a{color: #fff;}
footer a:hover,footer a:active,footer a:focus{color: #ccc;margin-left: 5px;}



.input-group .form-control{width: 100%;margin-bottom: 10px;border-radius: 0; border: none;height: auto;padding: 7px 10px;font-size: 1em;}


footer .joinus .input-group{display: block;}
footer .social a{font-size: 1.65em;margin-right: 5px;color: #FFF;}

.copyright{color: #9d9d9d;background-color: #272727;line-height: 50px;font-size: 0.8em;}
.copyright a{color: #9d9d9d;}

/*inside-page*/
.inside-page{margin-top: 50px;}
.pagination>li>a, .pagination>li>span{color: #333;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #FFEB3B;border-color:#ddd;color: #333;}

.spacer{margin: 20px 0;}

.price span{text-decoration:line-through;}
.description-tabs{margin-bottom: 20px;}
.description-tabs .tab-pane{padding: 10px;font-size: 1em;line-height:20px;}
.description-tabs .tab-pane .form-control{margin-bottom: 10px;}
.related-products{margin-top: 50px;}

.map{margin-bottom: 20px;}

.shopping-cart .product-list.title{font-size: 1.15em;margin-bottom:20px;color: #333;}
.login .forgot-password{margin-bottom: 20px;}
.shopping-cart .product-list{margin-bottom: 15px;}
.nav-tabs>li>a{border-radius: 0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background: #FFEB3B;}
.form-control{border-radius: 0;box-shadow: none;}
.carousel-inner .item img{width: 100%}
.content-center{width: 400px;}

.interest-product h3{border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.interest-product .product .title-price span{margin: 15px 0;}


body::-webkit-scrollbar {
        width: 6px;
    }
 
    
    /* Let's get this party started */
    ::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
       background: #ccc; 
/*        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
        -webkit-border-radius: 10px;
        border-radius: 10px;*/
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
/*        -webkit-border-radius: 10px;
        border-radius: 10px;*/
        background:#FFEB3B; 
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd; 
    }


    
/*responsive starts here*/
@media (max-width: 1200px){
	.navbar-default .navbar-nav>li>a{padding: 0 20px;}
	.interest-product .product .title-price span {margin: 10px 0;}
	.btn{padding: 3px 12px;}
}
@media (max-width: 991px){
	body{font-size: 11px;}
	.navbar-default .navbar-nav>li>a{padding: 0 10px;}
	.navbar-default .navbar-form input.form-control{width: 85px;}
	.product .title-price span{margin: 0 0 13px 0;}
	.btn {padding: 3px;letter-spacing: 1px;width: 100%;}
	.product-details .btn-primary{margin-right: 10px;width: auto;}
}
@media (max-width: 767px){
	.hero-land .landing{width: 100%;}
	.hero-land {margin-bottom: 60px;}
	.navbar-nav {margin: 5px 0;}
	.navbar-default .navbar-nav>li>a{padding: 5px 15px;line-height: 30px;}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{border-radius: 0;background-color: #FFEB3B;border: none;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #333;}
	.feature-products{margin-top: 30px;}

	.mini-cart .btn,.btn{width: auto;}

	.carousel-caption{position: relative;left: 0;bottom: 0;padding:15px;background-color: #333;}
	.carousel-control{width: 50px;}
	.carousel-control .fa{top: 25%;}
	footer{padding: 10px 0;}
	footer h4{margin:20px 0 10px 0;}
	.btn{padding: 8px 10px;}
	select{width: 100% !important}
	.inside-page.login .btn{margin-bottom: 30px;width: auto;}
	.content-center{width: auto;}
	.product-details .btn-primary{margin-right: 5px;padding: 7px;}
}