/*Developed by Iwebsquare Team - Version 1.6 - Last updated - Jan 31, 2017*/
@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Century Gothic, Avant Garde, sans-serif; font-weight:400; color:#666; font-size:12px;}
a {color:#000; text-decoration:none; outline:none;}
a:hover,a:focus {color:#584634; text-decoration:none; outline:none; background: none;}
hr {border-color:#f0f0f0;}


/* Header Fix CSS starts*/
#spy{padding:0; width:100%;}
#spy.fix{box-shadow:none; padding:0; top:0; animation-duration:700ms; animation-name:slideDown; animation-timing-function:ease; visibility:visible !important; position:fixed; border-bottom:1px solid #f4ede6; min-height:50px; z-index: 99;}
#spy.fix .header-top-row {display: none;}
#spy.fix .logo {padding: 13px 0;}
#spy.fix .navbar-header {padding: 10px 0;}
#spy.fix .cart-box {padding: 10px 0;}
/* Header Fix CSS ends*/

.p-0 {padding:0px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-t-0 {padding-top:0px !important;}
.p-t-6 {padding-top:6px !important;}
.p-t-10 {padding-top:10px !important;}
.p-b-0 {padding-bottom:0px !important;}
.p-b-10 {padding-bottom:10px !important;}
.m-0 {margin:0px !important;}
.m-b-5 {margin-bottom:5px !important;}
.m-b-10 {margin-bottom:10px !important;}
.m-t-10 {margin-top:10px !important;}
.m-t-15 {margin-top:15px !important;}
.m-t-20 {margin-top:20px !important;}
.m-t-30 {margin-top:20px !important;}
.m-b-20 {margin-bottom:20px !important;}
.m-b-30 {margin-bottom:20px !important;}
.m-l-10 {margin-left:10px !important;}
.m-l-20 {margin-left:20px !important;}
.m-r-10 {margin-right:10px !important;}
.m-r-20 {margin-right:20px !important;}
.m-l-40 {margin-left:40px !important;}
.p-l-0{padding-left:0px !important;}
.p-r-0{padding-right:0px !important;}
.p-t-b-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.p-t-b-10 { padding-top: 10px !important; padding-bottom: 10px !important; }


.btn{ border-radius:0; padding:5px 20px;}
.btn-default{background:#8d969b; border:1px solid #8d969b; border-radius:20px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px;}
.btn-default:hover{background:#584634; border:1px solid #584634; color:#fff;}
.btn-default span{ margin-right:10px; max-width:15px;}
.btn-default span img{max-width:24px;}

.btn-md-default{background:#8d969b; border:1px solid #8d969b; border-radius:20px; color:#fff; text-transform:uppercase; font-size:16px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px; font-family:Century Gothic, Avant Garde, sans-serif;}
.btn-md-default:hover{background:#584634; border:1px solid #584634; color:#fff;}

.btn-big-default{background:#8d969b; border:1px solid #8d969b; border-radius:20px; color:#fff; text-transform:uppercase; font-size:24px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px; font-family:Century Gothic, Avant Garde, sans-serif;}
.btn-big-default:hover{background:#584634; border:1px solid #584634; color:#fff;}
.btn-big-default span{ margin-right:10px;}

.btn-primary{background:#ff6633; border:1px solid #ff6633; border-radius:20px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px;}
.btn-primary:hover{background:#584634; border:1px solid #584634; color:#fff;}
.btn-primary span{ margin-right:10px;}
.btn-primary span img{max-width:24px;}

.btn-md-primary{background:#ff6633; border:1px solid #ff6633; border-radius:20px; color:#fff; text-transform:uppercase; font-size:16px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px;font-family:Century Gothic, Avant Garde, sans-serif;}
.btn-md-primary:hover{background:#584634; border:1px solid #584634; color:#fff;}

.btn-big-primary{background:#ff6633; border:1px solid #ff6633; border-radius:20px; color:#fff; text-transform:uppercase; font-size:24px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px; font-family:Century Gothic, Avant Garde, sans-serif;}
.btn-big-primary:hover{background:#584634; border:1px solid #584634; color:#fff;}
.btn-big-primary span{ margin-right:10px}


.container{max-width: 100%; width: 1200px;}
.header{width:100%; margin:0; padding:0; background-color:#fff;} 
.header-top-row {float: left; margin:0; padding: 0; width: 100%; background:#d2f0fa;}
.header-top{float: left; margin:0; padding:10px 0; width: 100%;}
.header-top ul{ float:right; list-style: none; margin: 0; padding:0; font-size: 11px; text-transform: uppercase;}
.header-top ul li{ float:left; text-align: left; margin-left: 10px; }
.header-top ul li a{color:#584634; text-decoration: none;}
.header-top ul li a:hover{color:#000; text-decoration: none;}
.logo {float: left; margin: 0; padding:38px 0;}
.logo img{ max-width:100%}
.navbar-header{float: left; margin: 0; padding:38px 0; }
.navbar-toggle .icon-bar{background: #000;}
.navbar-nav{float: right; margin: 0; padding:18px 0; font-weight: 500;}
.navbar-nav li{ float:left; margin: 0; padding: 0; font-size: 13.6px; text-transform: uppercase;}
.navbar-nav li a{color: #584634; text-decoration: none; margin: 0; padding:10px 7px;}
.nav > li > a:hover, .nav > li > a:focus{background:#d2f0fa; color: #584634; border-radius:5px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:#d2f0fa; color: #584634; border-radius:5px;  border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
.navbar-nav li.active{background:#d2f0fa; color: #584634; border-radius:5px;}
.navbar-nav li.active a{ color: #584634;}

.dropdown-menu{background: #d2f0fa; padding:10px; box-shadow: none; border: none; border-top-left-radius:0 !important; border-top-right-radius:5px !important;  }
.open > .dropdown-menu li{display: inline-block; text-transform:uppercase; width:100%; padding:2px 0; border-bottom: 1px solid #b1c3c9;  font-size:13px;}
.open > .dropdown-menu li a{ padding:7px 10px 7px; color: #584634;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color: #584634; color: #fff; text-decoration: none;}
.open > .dropdown-menu li.last{ border-bottom:none;}
.cat-banner-height {height:auto;}
/*slidemenu*/
#doc-width.slide-active:before {position: fixed; background: rgba(0,0,0,0.6); content: ""; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 99999;}
#slidemenu {width: 290px; position: fixed; height: 100%; left: -302px; z-index: 100001; border: none; top: 0px;}
#slidemenu .dropdown-menu>li>a {color: #696969;}
#slidemenu .slidemenu-top-icon {color: #584634; margin: 12px 5px;}
#slidemenu .slidemenu-top-icon a {color: #584634; text-decoration: none;}
#slidemenu .input-group {border: 1px solid #FFF; color: #514e47; margin: 5px 5px 15px; padding: 5px 2%; position: relative; width: 92%; background-color: #fff;}
#slidemenu .input-group input {background: none; border: none !important; border-radius: 0; box-shadow: none; display: inline-block; float: left; height: 20px; padding: 0 5px 0 0; width: 185px; color: #00abb5 !important;}
.menu-close-panel {margin: 0 !important; border-radius: 0;}
#slidemenu .input-group .fa-search {float: right; font-size: 18px; top: 2px;}
.menu-close-panel .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {color: #ffffff; font-size: 30px;}
#slidemenu .slidemenu-top-icon ul {padding: 0; text-align: right;}
#slidemenu .slidemenu-top-icon ul li {display: inline-block; margin-right: 10px;}
#slidemenu .slidemenu-top-icon ul li a {color: #ffffff;}
#slidemenu .dropdown-menu > .active > a, #slidemenu .dropdown-menu > .active > a:hover, #slidemenu .dropdown-menu > .active > a:focus {background: none; color: #696969;}
#slidemenu .dropdown-menu > .active .dropdown-menu > .active > a, #slidemenu .dropdown-menu > .active .dropdown-menu > .active > a:hover, #slidemenu .dropdown-menu > .active .dropdown-menu > .active > a:focus {background: none; color: #696969;}
.navbar-inverse {background-color: #fff; border-radius: 0; display: inline-block; position: relative; width: auto;}
#slidemenu ul.dropdown-menu {border-radius: 0; float: none; position: relative; border: none; background: #f0f0f0;}
#slidemenu ul.dropdown-menu > li {border-top: 1px solid #ccc; background: #f0f0f0 }
#slidemenu ul.dropdown-menu > li ul.dropdown-menu > li {border-top: 1px solid #ccc;}
#slidemenu .dropdown-menu > li > a {padding: 15px 60px 15px 50px; font-size: 12px; text-transform: capitalize;}
#slidemenu .dropdown-menu > li > a.dropdown-icon {padding-left: 30px; width: 100%;}
#slidemenu .dropdown-menu > li .dropdown-menu > li > a {padding: 15px 60px 15px 70px; font-size: 12px;}
#slidemenu .dropdown-menu > li .dropdown-menu > li > a.dropdown-icon {padding-left: 50px; width: 100%;}
#slidemenu .dropdown-menu > li .dropdown-menu > li .dropdown-menu > li > a {padding: 10px 15px 10px 80px; letter-spacing: 3px;}
#slidemenu .dropdown-menu > li .dropdown-menu > li .dropdown-menu > li > a.dropdown-icon {padding-left: 70px; width: 100%;}
#slidemenu .dropdown-menu {padding: 0;}
#slidemenu .dropdown-icon {left: 0;}
#slidemenu ul {width: 100%; margin: 0;}
#slidemenu .nav > li {border-bottom: 1px solid #ccc;}
#slidemenu ul li {display: block; float: none;}
#slidemenu .dropdown-menu .divider {margin: 0;}
#slidemenu ul li a {outline: 0; white-space: pre-line; letter-spacing: 1.5px }
#slidemenu .dropdown-header {padding: 0;}
.dropdown-icon {position: absolute !important; right: 0; top: 0;}
#slidemenu ul li.dropdown .dropdown-menu-icon {content: "\e080"; float: right;}
#slidemenu ul li.dropdown.open > .dropdown-menu-icon {content: "\e114";}
.menu-close-panel {padding: 0; margin: 0; width: 44px; height: 34px; top: 0px; z-index: 999; background: url(../images/menu.png) no-repeat left; text-decoration: none; border: none; transition: all 0.6s;}
.menu-close-panel.slide-active {display: none; background: none; z-index: -1; transition: none;}
.navbar-inverse .navbar-nav > li > a {font-size: 14px; font-weight: 400; color: #584634; padding-left: 30px; padding-top: 15px; padding-bottom: 15px;}
.navbar-inverse .navbar-nav > li > a.dropdown-icon {padding-left: 10px; width: 100%;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #ff6633; background: none !important;}
.mobicart-icon {float: right; font-size: 18px; position: absolute; right: 5px; top: 7px;}
.mobicart-icon a {background: url(../images/mobicart-icon.png) no-repeat; width: 34px; height: 25px; float: left; position: relative;}
.cart-count {color: #FFF; position: absolute; font-weight: normal; font-size: 15px; right: 4px; top: -8px; width: 20px; text-align: center;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #584634; background: #fff;}
.navbar-inverse .navbar-nav > .active > a.dropdown-icon {background: none;}
.navbar-inverse .navbar-nav a.dropdown-icon .fa {font-size: 11px; font-weight: 100;}
#slidemenu .navbar-nav {max-height: 75%; overflow: auto;}
#slidemenu .navbar-nav .mobi-color-option {float: left; padding: 10px 10px 0 80px;}
#slidemenu .navbar-nav .mobi-color-option a {display: inline-block; margin-top: 4px;}
#slidemenu .navbar-nav .mobi-color-option a img {max-width: 40px; height: 40px;}
#slidemenu .navbar-nav .nav-view-all {position: absolute; padding: 0; right: 5px; top: 15px; font-size: 11px; text-decoration: underline; z-index: 10001; letter-spacing: 1.5px;}
/**/

.cart-box { float: right; margin: 0; padding:38px 0; width: auto;}
.search-box{float: left; margin: 10px; padding: 0;  color: #584634}
#search {float:left; margin-left: 0; position: relative; text-align: center; width: 50px; background: #8d969b; border-radius: 50%}
#label {height: 50px; position: relative; width: 50px; z-index: 20; color: #fff; line-height: 50px;}
#label i{ font-size: 18px;}
.search-box #input {height:35px; overflow: hidden; position: absolute; right: 43px; top: 8px; width: 300px; z-index: -5;}
#input{position:absolute; top:0; right:31px; width:300px; height:35px; z-index:-5; overflow:hidden;}
.search-box #input input{display:block; position:absolute; top:0; right:-300px; width:300px; height:100%; margin:0; padding:0 10px; border:none; background-color:#8d969b; color:#fff; font-size:14px; -webkit-backface-visibility:none; -moz-backface-visibility:none; -ms-backface-visibility:none; backface-visibility:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-transition:left 0; -moz-transition:left 0; -ms-transition:left 0; -o-transition:left 0; transition:left 0;}
.search-box #input input:focus{outline:none}
.search-box #input.focus{z-index:20}
.search-box #input.focus input{right:0; -webkit-transition:right 0.3s; -moz-transition:right 0.3s; -ms-transition:right 0.3s; -o-transition:right 0.3s; transition:right 0.3s;}
.clearfix:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.shoppingcart-box {float: right; margin: 10px 0; padding: 0; background: url(../images/shopping-cart-icon.png) no-repeat right top;}
.shoppingcart-box span{color:#fff; float:left; padding:0; width:50px; text-align: center; height: 50px; line-height: 54px; font-size: 12px;}


.content-wrapper{float: left; margin: 0; padding: 0; width: 100%;}
.banner-section{float: left; margin: 0; padding: 0; width: 100%;}
.slider1 {padding-bottom:0px;}
.slider1-title {font-size:30px; color:#353e43; margin-left:00px;}
.slider1-title span.link a { font-size:16px; margin-top:0px; display:inline-block;}
.slider1 .slider-item {position:relative;}
.slider1 .slider-item img {width:100% !important; height: auto;}
.slider1 .slider-desc {position:absolute; left:18%; top:25%;  width:100%; max-width:1170px; padding:0; margin:0 auto; display: none;}
.slider1 .banner-title {float:left; width:100%; text-align:center; padding:15px 0; margin:0; font-size:54px; color:#fff; font-weight:500;}
.slider1 .banner-title span{border-bottom:1px solid #fff;}
.slider1 .banner-title span a{color:#fff; text-decoration:none;}
.slider1 .banner-title span a:hover{color:#000; text-decoration:none;}
.slider1 .banner-text{float:left; margin:10px 0; padding:0 20%; font-size:20px; color:#fff; width:100%; text-align:center;}
.slider1-btn{float:left; margin:10px 0; padding:0; font-size:20px; color:#fff; width:100%; text-align:center;}
.btn-banner{background:#584634; border:1px solid #584634; border-radius:30px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:500; text-shadow: 0px 0px #fff;}
.btn-banner:hover{background:#000; color:#fff; text-shadow: 0px 0px #000;}
.slider1 .slider-desc-title {font-size:30px;  line-height:normal; color:#353e43;}
.slider1 .slick-prev, .slider1 .slick-next {background:none; color:#fff; width:40px; height:40px; z-index:99; opacity:.75; border-radius:20px;}
.slider1 .slick-prev {left:30px; top:50%;}
.slider1 .slick-next {right:30px; top:50%;}
.slider1 .slider-nav .slick-list {margin-left:100px;}
.slider1 .slider-nav .slider1-title {overflow:hidden;}
.slider1 .slider-nav .slider-nav-title {display:inline-block; float:left; margin-top:5px;}
.slider1 .slider-nav .slider-nav-title a {color:#353e43;}
.slider1 .slider-nav .slider-nav-title a:hover {color:#2479ca;}
.slider1 .slider-nav .slider1-title span.link {display:inline-block; float:right;}
.slick-dots { bottom:10px;}
.slick-dots li{margin:0 3px;}
.slick-dots li button::before{ color:#fff;}

.small-banner-bg{float: left; margin:30px 0; padding: 0; width: 100%;}
.small-banner{position: relative;}
.small-banner-btn{ position: absolute; left:30px; bottom:25px;}
.click-btn{background:#584634; border:1px solid #584634; border-radius:20px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-shadow: 0px 0px #fff; padding:5px 20px;}
.click-btn:hover, :focus{background:#fff; color:#584634; text-shadow: 0px 0px #000;}
.small-banner img{width:100% !important; height: auto;}

.free-coffee-banner-bg{float: left; margin:0; padding: 0; width: 100%;}
.free-coffee-banner{position:relative;}
.free-coffee-banner img{width:100% !important; height: auto;}
.free-coffee-banner-text{ float: left; width: 100%;  position: absolute; left:0; bottom:30px; background:#584634; }
.free-coffee-btn{float: left; width: 100%; text-align: center; border-radius:0px; color:#fff; text-transform:uppercase; font-size:22px; font-weight:400; padding:7px 10px;}
.free-coffee-btn:hover{color:#000; text-decoration: none;}

.footer-section{float: left; margin: 0; padding: 50px 0 0; width: 100%; background: #8d969b}
.footer-title{font-family:Century Gothic, Avant Garde, sans-serif; font-size:50px; color: #fff; line-height:50px; padding: 20px 0; text-transform: uppercase;}
.newsletter-bg{max-width:600px; margin: 30px auto;}
footer .form-group {margin-bottom:0; position: relative;}
footer .form-control {background: #fff; border: 1px solid #cedae0; border-radius: 0; box-shadow: none; color: #584634; font-size:12px; height: 36px;   padding: 6px 40px 6px 12px; font-family:Century Gothic, Avant Garde, sans-serif;}
.newsletter-btn {background:url(../images/newsletter-btn.png) no-repeat left top; width:13px; height:7px; display:inline-block; border:none; position:absolute; top:15px; right:15px; padding:0px;}
.newsletter-btn:hover {background:url(../images/newsletter-btn.png) no-repeat left bottom;}
.social-icons {max-width:600px; margin: 30px auto; font-size: 20px;}
.social-icons a{ color:#fff; text-decoration: none; margin: 0 5px;}
.social-icons a:hover{color: #584634; text-decoration: none;}
.footer-link{margin: 10px auto; border-top: 1px solid #aab0b4; border-bottom: 1px solid #aab0b4;}
.footer-link ul{ text-align: center; width: 100%; padding: 15px 0 5px; list-style: none; font-size:12px;}
.footer-link ul li{ display:inline-table; margin:0; padding:0 15px;  text-transform: uppercase; border-right:1px solid #fff;}
.footer-link ul li a{color:#fff; text-decoration: none;}
.footer-link ul li a:hover{color:#fff; text-decoration: underline;}
.footer-link ul li.last{border-right:none;}
.copyright-text{float:left; width: 100%;  font-size: 11px; margin:0; padding:0;}
.copyright-text p{padding: 5px 0 0; margin: 0; color: #c1c8cb;}
.copyright-text p a{color: #c1c8cb; text-decoration: none;}
.copyright-text p a:hover{color: #000; text-decoration: underline;}
.payment-icon{float:left; width: 100%; text-align: right; margin:0; padding:5px 0}
.payment-icon img{ max-width:100%;}


.cat-title-bg{float: left; margin: 0; padding: 50px 0; width: 100%; background: #8d969b}
.cat-title{ float:left; padding:0 0 10px; width: 100%; background: url(../images/cat-title-bg.png) no-repeat left bottom;}
.cat-title h1{font-size:40px; color: #fff; line-height:40px; margin: 0; padding:0; text-transform: uppercase; font-family:Century Gothic, Avant Garde, sans-serif;}
.breadcrumb{float:left; margin:10px 0; padding: 0; width: 100%; background: none; border-radius:0; font-size: 11px; color:#fff;}
.breadcrumb a{color:#fff; text-decoration: none; margin: 0 5px;}
.breadcrumb a:hover{color:#fff; text-decoration: underline;}
.breadcrumb span{ color: #3d0800; margin: 0 0 0 5px;}
.breadcrumb a.first{margin-left: 0;}

.category-section{float: left; /*margin:30px 0;*/ margin:10px 0; padding: 0; width: 100%;}
.category-detail{float: left; margin:20px 0;}
.category-detail-title{float:left; padding:0 0 10px; width: 100%;}
.category-detail-title h2{margin:0; padding: 0; font-size:35px; font-family:Century Gothic, Avant Garde, sans-serif; color: #666; line-height:35px; text-transform: uppercase; }
.category-text{float:left; margin: 0; padding:10px 0; width: 100%; font-size:15px; color:#666; }
.category-text span{color: #ff6633; font-weight: 600;}
.category-text a{color: #ff6633; font-weight: 600; text-decoration: none;}
.category-text a:hover{color: #584634; font-weight: 600; text-decoration: none;}
.category-image{/*float:right;*/ margin:20px 0;}
.category-image img{max-width:100%;}
.cat-pro-bg{ float:left}
.cat-pro-img{float:left; width: 100%; margin:0 0 15px; padding: 0;}
.cat-pro-img img{width:100%;}
.cat-pro-name{float:left; width: 100%; margin:0 0 15px; padding: 0; min-height: 40px; }
.cat-pro-name h3{margin:0; padding: 0; font-family:Century Gothic, Avant Garde, sans-serif; font-size: 18px; line-height: 20px;  text-align: center;  text-transform: uppercase;}
.cat-pro-name a{color: #ff6633; text-decoration: none;}
.cat-pro-name a:hover{color:#584634; text-decoration: none;}

.pro-list-bg{float:left; margin:10px 0 20px; padding:20px 0; width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; /*min-height: 380px;*/ position: relative;}
.hot-icon{ position:absolute; left: 0; top: 0;}
.pro-list-img{float:left; margin: 0; padding:0 20px; border-right: 1px solid #e1e1e1; max-width: 36%; min-height:165px;}
.pro-list-desc{float:left; margin: 0; padding:0 20px; max-width: 62%;}
.pro-list-name{float:left; margin: 0 0 5px; padding:0; width: 100%; min-height: 48px; }
.pro-list-name h3{font-family:Century Gothic, Avant Garde, sans-serif; font-size: 24px; text-transform: uppercase; line-height: 24px;  margin: 0; padding: 0;}
.pro-list-name a{color: #ff6633; text-decoration: none;}
.pro-list-name a:hover{color: #584634; text-decoration: none;}
.pro-list-desc-text{float:left; margin: 0; padding:20px 0 0; width:100%;}
.desc-text{float:left; margin:0; padding:5px 0 0 ; width: 100%; line-height: 20px; font-size:15px; color:#666; min-height: 30px}
.desc-text ul{ float:left;  margin: 0 0 0 15px; padding: 0; width: 100%; }
.desc-text ul li{float:left; margin: 0; padding: 5px 0; width: 100%;}
.desc-text span{ float:left; font-weight: 600; min-width: 100px; min-height:20px;}
.desc-text em{ float: left; width: 10px; min-height:20px; font-style: normal;}
.desc-text p{ overflow: hidden;}
.desc-text-btn{float:left; margin:0; padding:5px 0 ; width: 100%;}
.desc-text.edition{min-height: 30px}
.desc-text.origin{ max-height:50px; overflow: hidden}
.item-page-section{float: left; margin:30px 0; padding: 0; width: 100%;}
.item-page-image{float:left; margin:30px 0; padding:20px; width: 100%; border: 1px solid #e1e1e1; border-radius: 5px;}
.item-page-image img{max-width:100%;}
.item-page-detail{float: right; margin:30px 0;}
.item-page-title{float:left; padding:0 0 10px; text-transform: uppercase; width: 100%;}
.item-page-title h2{font-size:35px; color: #666; line-height:35px; font-family:Century Gothic, Avant Garde, sans-serif; margin: 0; padding: 0;}
.pro-rating-main { padding: 10px 0; }
.pro-rating .fa { margin-right: 3px; display: inline-block; font-size: 16px; color: #ff6633; margin-bottom: 5px; }
.pro-rating .fa.fa-star-o { color: #c8c8c8; }
.pro-rating .fa.fa-star, .pro-rating .fa-star-half-full { color: #ff6633; }
.pro-rating a { display: inline-block; padding: 0 10px 0 0; border-right: 1px solid #dbdbdb; margin-right: 10px; }
.pro-rating a:last-child { border: none; }
.item-details { color: #666; font-size: 15px; line-height: 30px; text-align: left; }
.item-details .label { float: left; /*width: 100px;*/ width:30%; font-weight: 600;  font-size: 15px; color: #666; padding: 0; margin: 0; line-height: 35px; text-align: left; display: inline-table; }
.item-details .span { float: left; width: 70%; color: #666; padding: 0; margin: 0; line-height: 35px; }
.item-details .span .instock { text-transform: uppercase; color: #007d00 }
.item-details .span .outofstock { text-transform: uppercase; color: #F00; }
.item-details .selectbox{border:1px solid #e1e1e1; color:#666666;}
.item-price { font-size: 35px; color: #ff6633; display: inline-block; font-family:Century Gothic, Avant Garde, sans-serif;}
.you-save { float:right; display: inline-block; font-size: 16px; font-weight: 500;}
.you-save span{font-size: 16px; color: #ff6633; font-family:Century Gothic, Avant Garde, sans-serif;}
.qty-box { border:1px solid #e1e1e1; padding:0; max-width: 50px; border-radius: 5px; }
.item-cart{border-bottom:1px solid #e1e1e1; padding-bottom:30px !important;}
.share-icon-image img{ max-width:100%; }
.itam-page-tab {padding:30px 0 0; text-transform:uppercase;}
#itam-page-tab .nav-tabs {border:medium none; border-bottom: 1px solid #e1e1e1; margin:0; padding:0; text-align:center; width:100%; font-family:Century Gothic, Avant Garde, sans-serif;}
#itam-page-tab .nav-tabs > li { border:medium none; display:inline-block; float:none; margin-bottom:0; padding:0;}
#itam-page-tab .nav-tabs > li a { background:none; border:medium none; border-radius:0; color:#666666; display:block; font-size:24px; font-weight:normal; margin-right:0; padding:10px 20px; position:relative; transition:none 0s ease 0s; z-index:10;}
#itam-page-tab .nav-tabs > li.active, #itam-page-tab .nav-tabs > li.active a, #itam-page-tab .nav-tabs > li.active > a:hover, #itam-page-tab .nav-tabs > li.active > a:focus { background-color:none; border:medium none; color:#ff6633; transition:none 0s ease 0s;}
.itam-page-tab.nav.nav-tabs > li > a:hover, .itam-page-tab.nav > li > a:focus { color:#ff6633 !important; padding:10px 20px !important;}
#itam-page-tab .nav-tabs > li.active .arrow-green { display:block;}
#itam-page-tab .nav-tabs > li > a:hover, #itam-page-tab .nav-tabs > li:hover, #itam-page-tab .nav > li > a:focus { background:none!important; color:#ff6633;}
.arrow-green { bottom:-13px; display:none; position:absolute; text-align:center; width:100%; z-index:9;}
#itam-page-tab .nav-tabs > li:hover a { color:#ff6633 !important;}
#itam-page-tab .nav-tabs > li:hover .arrow-green { display:block;}
#itam-page-tab .itam-page-tab-desc-main { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:#9fc462; border-image:none; border-style:solid; border-width:10px 1px; margin:0; padding:0;}
.itam-page-tab-desc { background:#fff none repeat scroll 0 0; color:#333a43; font-size:15px; line-height:30px; padding:26px 13px;}
.itam-page-tab-desc-title { padding:0 0 40px;}
.itam-page-tab-desc-title p { color:#333a43; font-size:15px; margin-bottom:0; padding:0;}
#itam-page-tab .nav-tabs > li > a:hover { border:medium none;}
.item-tab-content{float:left; width: 100%; margin: 15px 0; padding:0 20px; font-size: 15px; color: #666;}

/*Added on Jan 31, 2017*/
.pro-list-col-3 .pro-list-bg {border: none; padding: 0px;}
.pro-list-col-3 .pro-list-img {width: 100%; max-width: 100%; text-align: center; margin-bottom: 20px; padding: 0px; border: none;}
.pro-list-col-3 .pro-list-desc {width: 100%; max-width: 100%; padding: 0px;text-align:center;}
.pro-list-col-3 .pro-list-name {}
.pro-list-col-4 .pro-list-bg {border: none; padding: 0px;}
.pro-list-col-4 .pro-list-img {width: 100%; max-width: 100%; text-align: center; margin-bottom: 20px; padding: 0px; border: none;}
.pro-list-col-4 .pro-list-desc {width: 100%; max-width: 100%; padding: 0px;text-align:center;}
.pro-list-col-4 .pro-list-name {}
.pro-list-col-4 .pro-list-name h3 {font-size: 20px;}
.pro-list-col-5 .pro-list-bg {border: none; padding: 0px;}
.pro-list-col-5 .pro-list-img {width: 100%; max-width: 100%; text-align: center; margin-bottom: 20px; padding: 0px; border: none;}
.pro-list-col-5 .pro-list-desc {width: 100%; max-width: 100%; padding: 0px; text-align:center;}
.pro-list-col-5 .pro-list-name {}
.pro-list-col-5 .pro-list-name h3 {font-size: 16px;}


.pro-list-col-3 .desc-text span, .pro-list-col-4 .desc-text span, .pro-list-col-5 .desc-text span  {text-align:right; min-width:45% !important;}
.pro-list-col-3 .desc-text p, .pro-list-col-4 .desc-text p, .pro-list-col-5 .desc-text p {text-align:left;}

@media (min-width:992px){
	.col-md-20 {width: 20%;}
}
/*End of CSS - Added on Jan 31, 2017*/


.you-may-like-title{font-family:Century Gothic, Avant Garde, sans-serif; font-size: 24px; color: #666; text-align: center; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; padding:15px 0; margin:30px 0; }	

/*
.you-may-like-pro{float:left; width: 100%; margin:10px 0; padding:0;}
.you-may-like-pro-image{float:left; margin:0 0 15px; padding:25px; width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; text-align: center;}
*/
.you-may-like-pro{float:left; width: 100%; margin:5px 0; padding:0;}
.you-may-like-pro-image{float:left; margin:0 0 15px; padding:15px; width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; text-align: center;}
.you-may-like-pro-image img{ max-width:100%;}
.you-may-like-name{float:left; width: 100%; margin:0 0 15px; padding: 0; text-align: center; min-height: 40px;}
.you-may-like-name h3{font-family:Century Gothic, Avant Garde, sans-serif; font-size: 18px; text-transform: uppercase; line-height: 20px; margin: 0; padding: 0;}
.you-may-like-name a{color: #ff6633; text-decoration: none;}
.you-may-like-name a:hover{color:#584634; text-decoration: none;}


.customize-page-section{float: left; margin:30px 0; padding: 0; width: 100%;}
.customize-page-detail{float: right; margin:30px 0;}
.customize-page-title{float:left; padding:0 0 10px; text-transform: uppercase; width: 100%;}
.customize-page-title h2{font-size:35px; color: #666; line-height:35px; font-family:Century Gothic, Avant Garde, sans-serif; margin: 0; padding: 0;}
.customize-page-text{float: left; margin:0; padding: 0; width: 100%; font-size: 15px; color: #666;}
.customize-page-text p{float: left; margin:15px 0; padding: 0; width: 100%; color: #666;}
.customize-page-text p span{color:#ff6633;}
.customize-page-image{float:left; margin:30px 0; padding:30px; width: 100%; border: none;}
.customize-page-image img{max-width:100%;}
.customize-page-pro{float:left; width: 100%; margin:10px 0; padding:0; height:350px;}
.customize-page-pro-image{float:left; margin:0 0 15px; padding:25px; width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; text-align: center; height:300px;}
.customize-page-pro-image img{ max-width:100%;}
.customize-page-pro-name{float:left; width: 100%; margin:0 0 15px; padding: 0; text-align: center; font-family:Century Gothic, Avant Garde, sans-serif; font-size: 18px; text-transform: uppercase; line-height: 20px; min-height: 40px;}
.customize-page-pro-name h3{text-align: center; font-family:Century Gothic, Avant Garde, sans-serif; font-size: 18px; text-transform: uppercase; line-height: 20px; margin: 0; padding: 0; }
.customize-page-pro-name a{color: #ff6633; text-decoration: none;}
.customize-page-pro-name a:hover{color:#584634; text-decoration: none;}


.page-not-found-image{float:left; margin:20px 0; text-align: center;}
.page-not-found-image img{max-width:100%;}
.page-not-found-text{float:left; margin:0 0 20px; text-align: center;}
.page-not-found-text p{ font-size:20px; max-width: 500px; margin: 0 auto;}

.contact-us-form{float: left; margin:20px 0;}
.contact-us-form-title{float:left; padding:0 0 10px; width: 100%;}
.contact-us-form-title h2{margin:0; padding: 0; font-size:35px;font-family:Century Gothic, Avant Garde, sans-serif; color: #666; line-height:35px; text-transform: uppercase; }
.contact-us-form-text{float: left; margin:20px 0; padding: 0; font-size: 15px; color: #666;}

.contact-us-info{float: left; margin:20px 0;}
.contact-us-info-title{float:left; padding:0 0 10px; width: 100%;}
.contact-us-info-title h3{margin:0; padding: 0; font-size:35px; font-family:Century Gothic, Avant Garde, sans-serif; color: #666; line-height:35px; text-transform: uppercase; }
.contact-us-info-row{float: left; margin:15px 0 ; padding: 0; font-size: 15px; color: #666; width: 100%;}
.contact-us-info-left{float: left; margin:0; padding: 0; width: 150px; font-weight: 600; line-height: 20px;}
.contact-us-info-right{float: left; margin:0; padding: 0; line-height: 20px;}
.contact-us-info-right a{color:#666; text-decoration: none;}
.contact-us-info-right a:hover{color:#584634; text-decoration: none;}
.contact-form {display:inline-block; margin:10px auto; padding:0; background:#fff; border-radius:10px; width:100%;}
.contact-form .form-control {border-color:#e2e2e2; box-shadow:none;}

.video-bg{float: left; margin:20px 0 ; padding: 0; width: 100%;}

.static-text{float: left; margin:20px 0 ; padding: 0; width: 100%;}
.static-text-p{float: left; margin:10px 0 ; padding: 0; width: 100%; font-size: 15px; color: #666;}
.static-text-img{float: left; margin:10px 0 ; padding: 0; width: 100%; text-align: center;}
.static-text-img img{width:100%;}
.static-text-p a{color:#ff6633; text-decoration: none;}
.static-text-p a:hover{color:#584634; text-decoration: none;}

#ys_social_tweet{float:left; margin:0 3px 0 0;}
#ys_social_pinterest{float:left; margin:5px 3px 0 0; min-width:82px;}
#ys_social_v_separator{float:left; margin:0 3px;}
#ys_social_fblike{float:left; margin:-4px 3px 0;}
#googleplus_social{float:left; margin:5px 3px 0 0; min-width:60px;}
.fb_iframe_widget span{width:333px !important;}


.review-imgbox-title, .review-write {width:100%; float:left;}
.review-row {width:100%; float:left; margin:0; padding:10px 0;}
.review-row .review-write_left {width:30%; float:left;}
.review-row .review-write_right {width:70%; float:right;}
.review-row .review-write_right p{float:right; width:auto;}
.review-row .review-write_right .text_input{float:left; width:50%; border:1px solid #e1e1e1; color:#666666;}

@media (max-width:1199px) {
.navbar-collapse{ padding: 0;}
.navbar-nav li{font-size:12px;}
.navbar-nav li a{ padding:10px 5px ;}
.footer-link ul li{ margin:7px 0; }	
}


@media (max-width:991px) {
.logo{padding:10px 0; text-align: center;}
.navbar-nav li{font-size:12px;}
.navbar-nav li a{ padding:10px 4px ;}		
.navbar-header{ padding:0;}	
.navbar-nav{ float: left; padding: 5px 0;}
.cart-box{ padding: 0;}	
.search-box{ margin: 0 10px 10px;}	
.shoppingcart-box { margin:0 0 10px; }
.cat-pro-bg{margin: 10px 0;}
.cat-title h1{font-size:30px; line-height: 30px;}
.item-price	{font-size:30px; line-height: 30px;}
.category-detail-title h2{font-size:28px; line-height: 28px;}		
.item-page-title h2{font-size:28px; line-height: 28px;}
.customize-page-title h2{font-size:28px; line-height: 28px;}
.contact-us-form-title h2{font-size:28px; line-height: 28px;}
.contact-us-info-title h3{font-size:28px; line-height: 28px;}	
}


@media (max-width:767px) {

	
.small-banner {text-align:center; margin-bottom: 30px;}
.small-banner-btn{text-align:center; left: auto; position:absolute; right: auto; width: 95%;}	
.small-banner-bg{ margin:30px 0 0;}
.free-coffee-btn{ font-size:14px;}
.footer-section{ padding:30px 0 0;}
.footer-title{ font-size:30px; padding: 15px 0;}
.newsletter-bg{margin:15px auto;}
.social-icons{margin:15px auto;}
.footer-link ul{ font-size:11px;}
.footer-link ul li{ padding:0 10px; margin:10px 0;}
.copyright-text{text-align:center;}
.payment-icon{text-align:center;}
.category-image{text-align: center;}
.cat-title h1{font-size:28px; line-height: 28px;}
.item-price	{font-size:28px; line-height: 28px;}	
.category-detail-title h2{font-size:26px; line-height: 26px;}
.cat-pro-name h3{font-size:20px; line-height: 20px;}	
.pro-list-img{padding-bottom: 20px; width: 100%; text-align:center; max-width: 100%; border-bottom: 1px solid #e1e1e1; border-right: none;}
.pro-list-desc{float:left; margin: 0; padding:20px; width:100%; max-width: 100%;}
.pro-list-name h3{font-size:20px; line-height: 20px;}		
.item-page-title h2{font-size:26px; line-height: 26px;}	
#itam-page-tab .nav-tabs > li a	{font-size:20px;}
.item-tab-content{padding:0;}		
.you-may-like-title	{font-size:22px;}
.customize-page-title h2{font-size:26px; line-height: 26px;}
.contact-us-form-title h2{font-size:26px; line-height: 26px;}
.contact-us-info-title h3{font-size:26px; line-height: 26px;}
.pro-list-col-3 .desc-text span, .pro-list-col-4 .desc-text span, .pro-list-col-5 .desc-text span  {text-align:left; min-width:auto !important;}


	
.logo{padding:10px 0; text-align: center;}
.logo img{width: 137px; height: auto;}	
.header-top{width:auto; float: inherit; margin: 5px 0 0; padding: 10px 0; display: inline-block;}	
.navbar-header{padding:0; position: absolute; left: 0; width: 50px;}		
.navbar-nav{float: inherit; }
.navbar-nav li{float: inherit; font-size:14px;}		
.navbar-toggle{ margin-top:5px; float:left;}	
.cart-box{padding: 0; position: absolute; right: 10px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin: 0;}
.search-box{ margin:7px 5px 0;}
#search{width:auto}	
#label {height:30px; line-height: 30px; width: 30px;}
#label i {font-size: 13px;}	
.search-box #input{height:24px; right:24px; top: 3px;}	
.shoppingcart-box{background:#8d969b; border-radius: 50%; margin:7px 0 0;  height: 30px; width: 30px;}
.shoppingcart-box span{height: 30px; line-height: 30px; padding: 0; text-align: center; width: 30px; font-weight: 500;}	
.dropdown-menu > li > a{ white-space: normal;}
.header-top-row{text-align: center;}
	
}

@media (max-width:639px) {
.cat-pro-bg{ width:50%;}		
#itam-page-tab .nav-tabs > li a	{font-size:17px; padding:10px}		
.itam-page-tab.nav.nav-tabs > li > a:hover, .itam-page-tab.nav > li > a:focus{padding:10px !important ;}	
}

@media (max-width:479px) {
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{ padding: 5px 5px 5px 15px}
.free-coffee-btn{ font-size:12px;}
.footer-section{ padding:20px 0 0;}
.footer-title{ font-size:22px; padding: 10px 0;}
.newsletter-bg{margin:10px auto;}
.social-icons{margin:10px auto;}
.footer-link ul{ font-size:11px;}
.footer-link ul li{ padding:0 10px; margin:5px 0;}
.copyright-text{text-align:center;}
.payment-icon{text-align:center;}
.cat-pro-bg{ width:100%;}
.desc-text span {min-height: 35px;}
.desc-text em	{min-height: 35px;}
.cat-title h1{font-size:22px; line-height: 22px;}
.item-price	{font-size:22px; line-height: 22px;}	
.category-detail-title h2{font-size:20px; line-height: 20px;}
.cat-pro-name h3{font-size:18px; line-height: 18px;}
.pro-list-name	h3{font-size:18px; line-height: 18px;}	
.item-details .span{width:65%}	
.item-page-title h2{font-size:20px; line-height: 20px;}
.customize-page-title h2{font-size:20px; line-height: 20px;}
.selectbox{max-width:180px;}	
#itam-page-tab .nav-tabs > li a	{font-size:15px;}
.arrow-green{ display: none !important;}
.btn-big-primary{font-size:18px;}
.you-may-like-title{font-size:18px; line-height: 18px;}
.you-may-like-name h3{font-size:16px; line-height: 16px;}
.customize-page-pro-name h3{font-size:16px; line-height: 16px;}
.search-box #input input{width:200px;}
.contact-us-form-title h2{font-size:20px; line-height: 20px;}
.contact-us-info-title h3{font-size:20px; line-height: 20px;}
.contact-us-info-left{ width:100%;}	

.customize-page-pro{height:auto;}
.customize-page-pro-image{height:auto;}

#ys_social_tweet{width:100%; margin-bottom:5px;}
#ys_social_pinterest{width:100%; margin-bottom:5px;}
#ys_social_v_separator{display:none;}
#ys_social_fblike{width:100%; margin-bottom:5px; display:none;}
#googleplus_social{width:100%; margin-bottom:5px;}

.review-row .review-write_left {width:100%; }
.review-row .review-write_right {width:100%;}
.review-row .review-write_right  p{float:left; width:100%; font-size:11px;}
.review-row .review-write_right .text_input{width:100%;}
}