/**********************************************************************************/
/**	adding google font **/
/**********************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Brawler);
@import url(http://fonts.googleapis.com/css?family=Changa+One);

/**********************************************************************************/
/**base styles **/
/**********************************************************************************/ 

body{
	background: url(../image/background.png) repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 24px;
}

/* links */

a, 
a:visited, 
a:hover,
a:focus {
  outline: 0;
  cursor: pointer;
  text-decoration: none;
}

/* headings */

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #1f1f1f;
}
h1 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 0; 
}
h2 {
  font-size: 1.125em; /* 18/16 */
}
h3 {
  font-size: 0.938em; /* 15/16 */
}
h4 {
  font-size: 0.875em; /* 14/16 */
}
h5 {
  font-size: 0.813em; /* 13/16 */
}
h6 {
  font-size: 0.688em; /* 11/16 */
}
.heading{
	font-size: 18px;
	line-height: 24px;
}

/* forms - box sizing */

input, textarea, select {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;  
}
input,textarea{
	background: #d5d5d5;
	border-radius: 4px;
	border: none;
	padding: 3px 5px;
	box-shadow: inset 0 1px 0 rgba(143,143,143,.3), 0 1px 1px #fff; 
}
label{
	color: #717171;
	text-transform: capitalize;	
	font-weight: normal;
}
/*custom radio box styles*/
label.radio-check,label.checkboxx {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 13px;  
}  
input[type=radio],input[type=checkbox] {  
display: none;
} 
label.radio-check:before,label.checkboxx:before {  
    content: '';  
    display: inline-block;  
    width: 16px;  
    height: 16px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    top: 5px;  
    background-color: #f6f6f6;  
    border: 1px solid #e0e0e0; 
} 
label.radio-check:before{border-radius: 500px;}
input[type=radio]:checked + label.radio-check:before {
	content: '\2022';
	color: #fa6f57;
	font-size: 22px;
	text-align: center;
	line-height: 15px;
}
input[type=checkbox]:checked + label.checkboxx:before {  
    content: "\2713";  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 15px;  
    color: #fa6f57;  
    text-align: center;  
    line-height: 15px;  
} 
input:focus, textarea:focus{
	outline: none !important;
	-webkit-box-shadow: 0 0 5px #fa6f57;
	box-shadow: 0 0 5px #fa6f57;
}
/*buttons*/
.btn, .fa{
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.btn{box-shadow: none;}
.btn-round{ border-radius: 500px;}
.btn-capsule{padding: 10px 20px; font-size: 13px; line-height: 1;text-align: center; font-weight: 600;}
.btn-checkout{background: #1f1f1f; color: #fff; padding: 5px 30px;}
.btn-checkout:hover{background: #4c4c4c; color: #fff;}
.btn-invert{background: #1f1f1f; color: #fa6f57; padding: 5px 10px 5px 20px;}
.btn-invert:hover{background: #4c4c4c; color: #fa6f57;}
.btn-grey{background: #5e5b5b; color:#fff;}
.btn-lt-grey{background: #919191; color:#fff;}
.btn-grey:hover{background: #fa6f57; color:#fff;}
.btn > span.fa{
	display: inherit !important;
	color: #fa6f57;
	font-size: 8px;
	font-weight: normal;
	border: 1px solid #fa6f57;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border-radius: 50px;
	margin-left: -10px;
	margin-right: 5px;
}
.btn-link > span.fa{
	border: none;
	font-size: 14px;
	line-height: 14px;
	width: 14px;
	height: 14px;
	color: #1f1f1f;
	margin-right: 0px;
}
.btn-link:hover > span.fa{color: #fa6f57;}
.btn-capital{text-transform: uppercase; padding: 10px 30px;}

/*misc styles*/
.block-45{margin-bottom: 45px;} /*block with 45px margin-bottom*/
.block-90{margin-bottom: 90px;} /*block with 90px margin-bottom*/

/*greyscale images*/
img.greyscale, .greyscale{
	filter: url(../image/svg/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    filter: grayscale(1); /* Google Chrome & Safari 6+ */
	
	-webkit-transition: all ease-in .3s;
	-moz-transition: all ease-in .3s;
	-o-transition: all ease-in .3s;
	-ms-transition: all ease-in .3s;
	transition: all ease-in .3s;
}

.greyscale:hover, img.greyscale:hover{
	filter: none;
    -webkit-filter: grayscale(0);
}

/*header-main styles*/
.header-main {}
.logo-wrapper{margin: 28px 0 23px;}
.header-main ul{list-style: none;}
.logo-wrapper a{display: block; min-width: 263px; min-height: 68px;}
.user-meta{margin-bottom: 34px;}
.lan-cur,.menu-acc{float: right;}
.lan-cur .language, .lan-cur .currency{
	display: inline-block;
	color: #777;
	margin-bottom: 0;
	padding-left: 17px;
}

.lan-cur .language a, .lan-cur .currency a{
	display: block;
	float: right;
	width: 19px;
	margin-left: 1px;
	height: 18px;
	background: #eee;
	font-size: 10px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
}
.lan-cur ul li.active a{background: #2d2c2a; color: #fff;}
.currency > li > a{width: 16px !important; font-size: 12px !important;}
.menu-account li{float: left; margin-left: 10px;}
.menu-account li a{display: block; text-transform: uppercase; font-size: 10px; line-height: 1;}

/*main navigation style*/
nav{width: 100%;}
nav > ul{display: block; float: right; margin: 0; padding: 0;}
nav > ul > li{
	list-style: none;
    display: inline-block;
    position:relative;
    line-height: 1;
}
nav > ul > li > a{
	color: #fa6f57;
	font-size: 16px;
	line-height: 36px;
	padding: 20px 25px;
	font-weight: 600;
	border-top-left-radius:2px;
	border-top-right-radius:2px;

	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
nav > ul > li:hover > a{background: #fa6f57; color: #fff; }
nav > ul > li:last-child{margin-right: -25px;}

ul.shop-submenu, ul.shop-megamenu{
	background: #fa6f57;
	position: absolute;
	top: 135%;
	min-width: 160px;
	color: #fff;
	max-height:0px;
    overflow:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
ul.shop-megamenu{left: 17%;padding: 5px 5px 10px;}
ul.shop-submenu{left: 1%;padding-top: 10px; padding-bottom:  10px;}
nav > ul > li:hover ul.shop-submenu, 
nav > ul > li:hover ul.shop-megamenu{
	max-height: 500px;
	z-index: 999;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
ul.shop-megamenu{width: 500px;}
ul.shop-megamenu > li ul{
	background: #fa6f57;
	float: left;
	display: block;
	padding-left: 18px;
}
ul.ssm-rr li{
	list-style: circle;
}
ul.ssm-rr li a{
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	-webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    -ms-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}
ul.ssm-rr li a:hover{color: #1f1f1f;}
ul.shop-megamenu .category{
	text-transform: uppercase;
	font-size: 15px;
	line-height: 36px;
	font-weight: 600;
	list-style: none;
	margin-left: -16px;
}

/* tinynav styles for desktop */
.tinynav { display: none }

/* tinynav styles for mobile */
@media screen and (max-width: 800px) {
    .tinynav { display: block; width: 100%; }
    #nav { display: none; }
    .t-nav { display: none; }
}

/**********************************************************************************/
/**	FlexSlider styles **/
/**********************************************************************************/

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 45px; background: #1f1f1f; position: relative; overflow: hidden; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flexslider .slides > li {position: relative;}
.flex-caption {
	width: 65%;
	position: absolute;
	top: 20%;
	right: 6%;
	text-align: center;
}
.flex-caption h1,
.flex-caption h2,
.flex-caption p{
	color: #fff;
	margin-top: 0;
}
.flex-caption h2,
.flex-caption p{
	font-size: 18px; 
	line-height: 36px; 	 
}
.flex-caption h2{text-transform: uppercase;font-weight: 600;}
.flex-caption h1{font-size: 72px; line-height: 36px; font-weight: bold; text-transform: capitalize; margin-bottom: 20px;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 32px; height: 32px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 7%; opacity: 1;}
.flex-direction-nav .flex-next { right: 7%; opacity: 1;}
.flexslider:hover .flex-next:hover:before, .flexslider:hover .flex-prev:hover:before { background: #fa6f57 !important; color: #fff; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family:'FontAwesome'; font-size: 12px; display: inline-block; content: '\f053'; width: 32px;height: 32px; text-align: center; line-height: 35px; color: #1f1f1f; background: #f5f5f5 !important; border-radius: 500px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav a.flex-next:before  { content: '\f054';}


@media screen and (max-width: 860px) {
	.flex-caption h1 { font-size: 48px;}
	.flex-caption h2,
	.flex-caption p{
		font-size: 16px; 
		line-height: 24px; 	 
	}
}

/**********************************************************************************/
/**	homepage top panel styles **/
/**********************************************************************************/
.panel{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 248px;
}
.panel,
ul.carousel-product > li,
.product-box,
.shadow{									/*product carousel styles*/
	border: 1px solid #dedede;
	box-shadow: 0 0 5px rgba(0,0,0,0.16);
}
.panel img{width: 100%;}
.panel figcaption{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	background: transparent;
}
.panel figcaption h1,
.panel figcaption h2{
	color: #fff;
}
.panel-one{background: #fa6f57;}
.panel-two{height: 248px;}
.panel-three{background: #1f1f1f;}
.panel-one figcaption,
.panel-three figcaption{
	padding: 56px 0;
}
.panel-two figcaption{
	background: rgba(255,255,255,.8);
	height: 100px;
	top: auto;
	bottom: 25px;
	overflow: hidden;
	padding: 10px 0;
}
.panel-one h1{
	color: #1f1f1f;
	font-family: 'Brawler', serif; 
	font-size: 48px; 
	line-height: 1;
}
.panel-one h2,
.panel-two h2,
.panel-three h2{
	font-size: 14px;
}
.panel-one h1,
.panel-one h2,
.panel-two h2,
.panel-three h1,
.panel-three h2{
	font-weight: normal;
}
.panel-two h1,
.panel-two h2{
	color: #1f1f1f !important;
	line-height: 1;
}
.panel-one h1,
.panel-one h2,
.panel-two h1,
.panel-two h2{ 
	margin: 5px 0;
}
.panel-two h1{margin-bottom: 0;}
.panel-three h1{
	color: #fa6f57;
	font-family: 'Changa One', cursive; 
	font-size: 45px; 
	line-height: 1;
	margin-top: 30px;
}
.panel-one h1 span{color: #1f1f1f;}
.panel-three h1 span{color: #fa6f57;}
.panel-two a{color: #1f1f1f;}
.panel-two a:hover{color: #fa6f57; text-decoration: none;}
.panel-two .fa{display: initial !important; margin-right: 5px;}

/**********************************************************************************/
/**	all carousel styles **/
/**********************************************************************************/

/*basic caroFredSel styles*/
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {font-size: 40px;color: #999;text-align: center;background: #eee;padding: 0;margin: 12px;display: block;float: left; overflow: hidden;}
.list_carousel.responsive {width: auto;margin-left: 0px;}
.clearfix {float: none;clear: both;}
.prev {float: left;margin-left: 10px;}
.next {float: right;margin-right: 10px;}
.timer {background-color: #999;height: 6px;width: 0px;}

/*featured and new arrival block and carousel styles*/
.product-display{border-top: 6px solid #d9d9d9;padding-top: 25px;}
.product-display .title{text-align: center;}
.product-display .title h1{margin: 0; line-height: 1;}
.carousel-product > li, .product-box{background: #fff; }
.product-box{min-height: 348px; overflow: hidden; margin-bottom: 30px;}
.product-item-visual img{width: 100%;}
.product-item-visual{position: relative;}
.add-to-cart,
.view-detail,
.product-badge{
	position: absolute;
	width: 50px; 
	height: 50px;
	border-radius: 500px;
	line-height: 50px;
	text-align: center;
}
.product-badge{
	top: 15px; 
	left: 15px; 
	background: #fff;
	font-size: 12px;
	text-transform: uppercase;
}
.product-badge.sale{color: #fa6f57; border: 2px solid #fa6f57;}
.product-badge.new{color: #389695; border: 2px solid #389695;}
.add-to-cart,
.view-detail{
	left: -100px;
	display: block;
	background: #fa6f57;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	z-index: 9999 !important;
	-webkit-transition: left .4s linear;
	-moz-transition: left .4s linear;
	-o-transition: left .4s linear;
	-ms-transition: left .4s linear;
	transition: left .4s linear;
}
.add-to-cart{top: 70px;}
.view-detail{
	top: 125px;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s;
}
.product-rating{position: absolute; bottom: 15px; right: 15px;}
.product-rating > ul{list-style: none; display: block;}
.product-rating > ul > li{float: left; background: transparent; width: 12px; height: 12px; overflow: hidden; margin: 0 1px;}
.product-rating > ul > li a{
	display: block; 
	text-indent: -9999em; 
	width: 100%;
	height: 100%;
	background: url(../image/icon/sprites-rating.png) no-repeat -17px 0;
}
.product-rating > ul > li.rated a{background: url(../image/icon/sprites-rating.png) no-repeat 0 0;}
.product-item-visual:hover .add-to-cart,
.product-item-visual:hover .view-detail{left: 15px;}

.product-item-desc{padding: 15px 15px 25px;}
.new-arrival .product-item-desc {padding: 15px 10px;}
.product-item-desc h1,
.product-item-desc .item-price{
	display: block;
	font-size: 16px; 
	color: #1f1f1f;
	text-align: center;
	clear: both;
}
.product-item-desc .item-price-sale {color: #fa6f57;}
.product-item-desc h1{font-weight: normal;line-height: 18px;}
.new-arrival .product-item-desc h1{font-size: 14px;}
.product-item-desc .item-price{font-weight: bold;line-height: 28px;}
.item-price-sale span{
	margin-right: 20px; 
	font-size: 14px;
	text-decoration: line-through; 
	font-weight: normal; 
	color: #919191;
}
.product-item-desc .btn-group{display: block; margin-top: -5px;}
.product-item-desc a{color: #1f1f1f; font-size: 12px;line-height: 36px; padding-left: 0;}
.btn-group a:last-child{float: right; padding-right: 0;}
.btn-group a:hover{text-decoration: none; color: #fa6f57;}
.prev, .next{
	position: absolute;
	width: 32px;
	height: 32px;
	color: #919191;
	border-radius: 500px;
	border: 2px solid #919191;
	text-align: center;
	line-height: 32px;
	margin: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.prev:hover,
.next:hover{
	color: #fa6f57;
	border-color: #fa6f57;
}
.featured-product .pager{position: absolute;}
.featured-product .title{margin-bottom: 45px;}
.new-arrival .title{margin-bottom: 30px;}
.featured-product .prev,
.featured-product .next,
.featured-product .pager{
	top: 17%;
	left: 50%;
}
.featured-product .pager{margin-left: -4px; margin-top: -2px}
.featured-product .pager a{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -7px;
	font-size: 14px;
	line-height: 36px;
	color: #919191;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.featured-product .pager a.selected{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.featured-product span.pager{padding-top: 6px; font-size: 14px; margin-left: -3px;}
.featured-product .prev{margin-left: -50px;}
.featured-product .next{margin-left: 18px;}
.new-arrival .prev,
.new-arrival .next{
	top: 50%;
	margin-top: 32px;
}
.new-arrival .prev{left: 0;}
.new-arrival .next{right: 0;}

/**********************************************************************************/
/**	footer styles **/
/**********************************************************************************/

footer{
	background: #f2f2f2;
	color: #666;
	line-height: 24px;
}
footer img{width: 100%;}
.footer-row-one,
.footer-row-two{
	padding-top: 15px;
	padding-bottom: 35px;
}
.footer-row-one{border-bottom: 1px solid #e9e9e9; padding-bottom: 10px;}
footer .widget-heading{
	color: #666;
	font-size: 18px;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 25px;
}
.widget-content ol{list-style: none;padding-left: 0; padding-bottom: 20px;}
.widget-content ul{list-style: circle;padding-left: 15px;}
.widget-content ul li{padding-bottom: 10px;}
.widget-content ul li a:hover{color: #fa6f57;}
.widget-contact ul{list-style: none; padding: 0;}
.widget-contact ul li{margin-bottom: 15px;}
.widget-contact ul li span{display: block; width: 32px; height: 32px; overflow: hidden; float: left;margin-right: 10px;margin-top: -3px;}
.widget-contact ul li .address{background: url(../image/icon/sprites-f-contact.png) no-repeat 0 0}
.widget-contact ul li .phone-no{background: url(../image/icon/sprites-f-contact.png) no-repeat -36px 0}
.widget-contact ul li .mailto{background: url(../image/icon/sprites-f-contact.png) no-repeat -72px 0}
.widget-banner .widget-content{padding-top: 10px; position: relative;}
.widget-banner .widget-content > span{position: absolute; right: 10px; bottom: 10px;}
.widget-content .subscribe-form{position: relative; height: 34px;}
.widget-content .subscribe-form input[type="text"]{
	width: 100%;
	background: #dfdfdf;
	box-shadow: 0 1px 2px #fff, inset 0 1px 2px rgba(143,143,143,.3);
	border-radius: 4px;
	border: none;
	min-height: 34px;
	padding: 0 96px 0 10px;
}
.widget-content .subscribe-form input[type="submit"]{
	position: absolute;
	top: 0;
	right: 0;
}
.widget-content iframe{width: 100% !important; margin-top: -10px; margin-left: -10px;}

/*footer privacy part styles*/
.footer-privacy-area{
	background: #d9d9d9;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 1px rgba(0,0,0,.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 1px rgba(0,0,0,.25);
	padding: 15px 0 0;
}
.footer-privacy-area ul{padding-left: 0; list-style: none;margin-bottom: 5px;}
.footer-privacy-area ul li{
	display: inline-block;
	padding-right: 15px;
	margin-left: 9px;
	position: relative;
}
.footer-privacy-area .left-part ul li:after{
	content: '/';
	position: absolute;
	top: 0;
	right: 0;
}
.footer-privacy-area .left-part ul li:first-child{margin-left: 0;}
.footer-privacy-area .left-part ul li:last-child:after{content: '';}
.footer-privacy-area p.copyright-meta{color: #919191;}
.footer-privacy-area .right-part ul{max-width: 320px; float: right;}
.footer-privacy-area .right-part li > span{line-height: 52px; padding-right: 15px; text-transform: uppercase;}
.footer-privacy-area .right-part li{
	display: inline-block;
	width: 40px;
	height: 24px;
	margin-left: 5px;
	padding: 0;
}
.footer-privacy-area .right-part li:first-child{width: auto;}
.footer-privacy-area .right-part a{display: block; height: 24px;}

/**********************************************************************************/
/**	contact page style **/
/**********************************************************************************/
#map{max-height: 356px; width: 100%; background: #919191;}
.google-map{margin-bottom: 34px;}

/*contact form style*/
.contact-page h1{margin-bottom: 24px;}
.contact-form label{font-size: 14px; line-height: 24px; display: block;}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
	display: block;
	width: 100%;
	min-height: 34px;
	margin-bottom: 20px;
	padding: 5px;
}
.contact-form input[type="text"],
.contact-form input[type="email"]{
	margin-top: -2px;
}
.contact-form textarea{margin-top: 28px; min-height: 196px;}
.contact-form input[type="submit"]{float: right;}
.contact-form{padding-right: 40px;}
.place-content{font-size: 14px; line-height: 24px;}
.place-content ul{list-style: none; padding-left: 0;}


/**********************************************************************************/
/**	breadcrumns, pagination, custom select styles **/
/**********************************************************************************/

.breadcrumbs-block{background: #f2f2f2; min-height: 50px;}
.breadcrumbs-product{min-height: 100px;}
.breadcrumb {
	padding: 13px 15px;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
}

/**********************************************************************************/
/**	Product category display sidebar styles **/
/**********************************************************************************/

.category-product-block{margin-top: -50px;}

/*simple-slider styles*/
.slider {width: 92%; margin-bottom: 10px !important;}
.slider > .dragger, .slider:after {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #fa6f57;
  width: 20px;
  height: 20px;
}
.slider > .dragger{z-index: 999;}
.slider:after{content:'';position: absolute !important; top: 0 !important; left: -10px !important;}
.slider > .track, .slider > .highlight-track {
  background: #919191;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 6px;
}
.slider > .highlight-track {
	background-color: #fa6f57;
}
.output{
	position: relative !important;
	top: 3px;
	padding-left: 78px !important;
	padding-top: 2px;
	width: 110px;
	font-size: 14px;
}
.output:before{
	content: 'Price: $0 - $' !important; 
	position: absolute !important; 
	top: 0 !important; 
	left: 0 !important;
}

/*categories sidebar style*/
.sidebar{background: #fff; padding: 0 15px;}
.sidebar, .add-block{margin-bottom: 25px;}
.sidebar-top-heading{ 
	font-size: 30px !important; 
	line-height: 50px; 
	color: #fff; 
	background: #fa6f57; 
	text-align: center;
	margin: 0 -15px;
	font-weight: normal;
}
.sidebar-content{margin: 30px 0;}
.sidebar-content a:hover{color: #fa6f57;}
.sidebar-heading{font-size: 16px; line-height: 36px; text-align: center; font-weight: bolder;}
.sb-price{min-height: 150px;}
.sb-cat > ul, .sb-size > ul, .sb-best-seller > ul{ list-style: none; padding-left: 0;}
.sb-cat > ul > li > a{font-size: 14px; line-height: 24px; text-transform: uppercase; color: #1f1f1f;}
.sb-cat > ul > li{margin-bottom: 6px;}
.sb-cat > ul > li > ul{padding-left: 17px;}
.sb-size ul{text-align: center; min-height: 60px;}
.sb-size ul li{display: inline-block; width: 32px; height: 32px; margin: 0 10px;}
.sb-size ul li a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 14px; 
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 100px;
	border: 2px solid #919191;
}
.sb-best-seller ul{margin-top: 25px;}
.bs-box{display: inline-block; max-width: 233px;margin-bottom: 10px; overflow: hidden;}
.bs-box img{width: 70px; height: 81px; float: left;}
.bs-box-desc{
	float: left; 
	display: block; 
	margin-left: 8px; 
	max-width: 154px; 
	overflow: hidden;
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
	color: #1f1f1f;
}
.bs-box-desc span{color: #919191; font-weight: normal; text-decoration: line-through; margin-right: 10px;}
.bs-box .hot{color: #fa6f57;}
.bs-box h1{font-size: 14px; line-height: 24px; margin-top: -5px; margin-bottom: 5px; font-weight: normal; text-transform: initial;}
.add-block .panel img{height: 100%;}

/**********************************************************************************/
/**	main categories product display styles **/
/**********************************************************************************/

.btn-grid-list{
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color: #919191;
	border: 2px solid #919191;
	border-radius: 500px;
	text-align: center;
	margin: 8px 20px 0 -13px;
}
.btn-grid-list.active{color: #fa6f57; border-color: #fa6f57;}
.sel-text{font-size: 14px; line-height: 36px;}
.select-wrap{position: relative; top: -34px; left: 40px;}
.select{
	margin-left: 10px;
	width: 75px;
	height: 32px;
	border: 2px solid #919191;
	border-radius: 500px;
	background: #f2f2f2;
	padding: 3px 10px;
	color: #919191;
	font-size: 14px;
	line-height: 32px;
	cursor: pointer;
}
.select-wrap:after{
    content:'\f0d7';
    font:14px "FontAwesome", monospace;
    color:#919191;
    left:62px; 
    top:10px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
.select-wrap:before{
    content: '';
	left: 55px;
	top: 5px;
	width: 20px;
	height: 22px;
	background: #f2f2f2;
	position: absolute;
	pointer-events: none;
	display: block;
}
.product-display-no{margin-top: 7px;}

/*list view*/
.product-box-list{min-height: 234px; padding: 20px 0;}
.product-box-list .product-item-visual{margin-right: -15px; margin-top: -20px; margin-bottom: -20px;}
.product-box-list .product-item-visual img{min-width: 203px; min-height: 234px;}
.product-box-list .product-item-desc{padding-top: 0px; padding-bottom: 15px; overflow: hidden;}
.product-box-list .product-item-desc h1{text-align: left;}
.product-box-list .product-item-desc .btn-group a:last-child{float: left;}
.item-price-box{border-left: 1px solid #dddddd; text-align: center; min-height: 194px; clear: both;}
.item-price-box .item-price{color: #fa6f57; font-weight: bold; margin-bottom: 15px; font-size: 16px;}
.item-price-box .item-price span{margin-right: 5px;}



/**********************************************************************************/
/**	product detail styles **/
/**********************************************************************************/
.pd-detail-mb{margin-top: 20px;}
/*product display detail flexslider styles*/
.product-display-detail-slider{max-height: 485px; overflow: hidden; margin-bottom: 45px;}
.display-slider{}
.display-slider ul.slides > li,
.display-slider .flex-viewport{
	max-width: 304px !important;
	max-height: 351px !important;
}
.display-slider.flexslider{background: transparent !important;}
.display-slider ul.slides > li{margin-right: 150px;}
.display-carousel{top: -389px; background: transparent; left: 330px;}
.display-carousel ul.slides > li{
	float: none !important;
	height: 78px;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 15px;
	border-radius: 500px;
	overflow: hidden;
	box-shadow: 0 0 0 2px #919191;
}
.display-carousel ul.slides{}
.display-carousel ul.slides > li,
.display-carousel .flex-viewport{
	max-width: 100px !important;
	max-height: 362px !important;
}
.display-carousel .flex-viewport{margin-top: 40px; margin-bottom: 40px;}
.display-carousel img{height: 100%;}
.display-carousel .flex-next,
.display-carousel .flex-prev{
	left: 24px !important;
	background: transparent;
	box-shadow: 0 0 0 2px #919191 inset;
	border-radius: 500px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.display-carousel .flex-direction-nav a:before{background: transparent !important; color: #919191; font-size: 10px; text-align: center;}
.display-carousel .flex-prev{top: 4.5%;}
.display-carousel .flex-next{bottom: 0;top: auto;}
.display-carousel .flex-active-slide{box-shadow: 0 0 0 2px #fa6f57 !important;}

/*product display detail description*/
.item-head{font-size: 30px; font-weight: normal;line-height: 36px;}
.product-display-detail-desc .item-price{font-size: 24px;font-weight: bold;color: #fa6f57;float: left;}
.product-display-detail-desc .product-rating{
	float: left;
	position: inherit;
	margin-left: -20px;
	margin-top: 6px;
	margin-right: 5px;
}
.item-brief-desc{
	margin-top: 15px;
	padding-left: 0;
	list-style: none;
	color: #fa6f57;
}
.item-brief-desc span{color: #919191; width: 103px; display: inline-block; font-weight: 600;}
.item-quick-overview h1,
.item-short h1{font-size: 13px; font-weight: 700; margin-bottom: 0;}
.item-quick-overview .select-wrap,
.item-short .select-wrap{top: 0; left: -10px;}
.item-short .select-wrap:before,
.item-short .select-wrap:after{left: auto; right: 62px;}
.select-dd,
.item-short .select-wrap:before,
.item-short .select-wrap:after{background: #e4e4e4;}
.select-dd{min-width: 200px; color: #1f1f1f;}
.button-row{margin-top: 25px;}
.button-row .btn-link{color: #1f1f1f; font-size: 12px;}
.button-row .btn-link:hover{color: #fa6f57; text-decoration: none;}

/*description tabs styles*/
.nav-tabs > li > a{
	background: #e9e9e9;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 15px 0;
	min-width: 150px;
	border-radius: 0;
	text-align: center;
}
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus{
	border-radius: 0;
	border-bottom-color: #e9e9e9;	
} 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus,
.tab-content > .tab-pane{	
	background: #f2f2f2;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #f2f2f2;
}
.tab-content > .tab-pane{padding: 25px;}
.tab-content > .tab-pane h1{font-size: 13px; font-weight: 600;}
.tab-content > .tab-pane ul{padding-left: 15px; list-style: circle;}

/**********************************************************************************/
/**	Shopping cart styles **/
/**********************************************************************************/
.headers{margin-bottom: 10px;}
.cart-row{margin-bottom: 20px;}
.headers .product-quantity,
.headers .subtotal-price,
.headers .price{margin-left: -5px;}
.cart-row{background: #f2f2f2;  overflow: hidden; max-height: 76px; padding: 10px 0;}
.cart-row figure{width: 55px; height: 76px; float: left; overflow: hidden; display: block; margin: -10px 15px -10px -15px;}
.cart-row figure img{width: 55px; height: 76px;}
.product-name span{padding-left: 70px;}
.cart-area .product-title h2{font-size: 16px; font-weight: normal; text-transform: inherit; margin-top: 4%;}
.price,.product-quantity,.subtotal-price,.remove{text-align: center;}
.cart-row .price,
.cart-row .product-quantity,
.cart-row .subtotal-price,
.cart-row .product-name{ 
	border-right: 1px solid #c8c8c8;
}
.cart-row .product-name,
.cart-row .price,
.cart-row .product-quantity,
.cart-row .subtotal-price{
	height: 56px;
}
.price span,
.subtotal-price span{line-height: 56px; font-size: 16px; color: #1f1f1f;}
.subtotal-price span{font-weight: bold;}
.remove input{
	background: #1f1f1f; 
	border-radius: 0;  
	width: 16px;
	height: 16px;
	color: #fff;
	padding: 0;
	line-height: 18px;
	font-weight: bold;
	margin-top: 19px;
}
.numbers-row{position: relative; top: 12px;}
.numbers-row input{
	width: 75px;
	height: 32px;
	border: 2px solid #919191;
	text-align: center;
	border-radius: 500px;
	background: transparent;
}
.numbers-row .button{
	position: absolute;
	top: 5px;
	width: 14px;
	height: 24px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}
.numbers-row .button.inc{left: 50px; background: url(../image/arrow.png) no-repeat 4px 10px;}
.numbers-row .button.dec{left: 96px; background: url(../image/arrow.png) no-repeat -8px 10px;}
.total-price{
	width: 400px;
	padding: 20px;
	min-height: 164px;
	background: #f2f2f2;
	text-align: center;
}
.total-price .st,
.total-price .gt{
	overflow: hidden;
	margin-bottom: 20px;
	color: #1f1f1f;
}
.total-price .gt{font-size: 16px; font-weight: bold;}

/**********************************************************************************/
/**	chechout page styles **/
/**********************************************************************************/
.checkout-sidebar h3{font-size: 20px; line-height: 36px;}
.checkout-process{list-style: none; padding-left: 0; margin-bottom: 25px;}
.checkout-process li{
	width: 100%; 
	height: 38px; 
	margin-bottom: 5px;
}
.checkout-process li a{
	display: block;
	background: #f2f2f2;
	font-size: 14px;
	line-height: 38px; 
	text-transform: uppercase; 
	color: #919191;
	padding: 0 15px; 
}
.checkout-list{/* padding-top: 64px; */}
.checklist, .checklist ul{list-style: none;}
.checklist > li{
	margin-bottom: 10px;
	counter-increment: customCounter;
	position: relative;
}
.checklist > li:after{
	content: '0' counter(customCounter);
	position: absolute;
	top: 3px;
	left: 5px;
	background: #e3e3e3;
	width: 32px;
	height: 32px;
	border-radius: 500px;
	box-shadow: inset 0 0 4px rgba(0,0,0,.1);
	color: #919191;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
}
.checklist li.current{
	display: block;
	overflow: hidden;
	background: #e3e3e3;
	border: 1px solid #f2f2f2;
}
.checklist li h2{
	font-size: 14px;
	line-height: 38px;
	text-transform: uppercase;
	background: #f2f2f2;
	font-weight: normal;
	margin: 0;
	padding-left: 48px;
	color: #919191;
}
.left-col, .right-col{padding: 10px 40px 40px;}
.left-col h6, .right-col h6{font-size: 14px; line-height: 24px;}
.left-col .cc, .right-col .cc{list-style: none; padding-left: 0;}
.left-col h6 + p, .right-col h6 + p,
.left-col form, .right-col form{padding-left: 15px;}
.left-col h6 + p, .right-col h6 + p,
.left-col label, .right-col label{color: #1f1f1f; font-size: 12px;}
.right-col label{width: 65px;}
.right-col .form-2 input{width: 75%;}
.form-1 .cc li{margin-bottom: inherit;}
.cc li{margin-bottom: 13px;}
.red{color: #fa6f57;}
.cc-btn-group{padding-left: 65px;}
.forgot{margin-bottom: 10px; display: block;}
.checklist li .row{display: none;}
.checklist li.current .row{display: block;}

/*form bill styles*/
.form-bill .left-col{padding-right: 15px}
.form-bill .right-col{padding-left: 15px}
.form-bill h3{font-size: 14px; line-height: 24px; color: #717171; font-weight: normal; margin: 5px 0 20px 0;}
.form-bill label{min-width: 120px; color: #717171;}
.form-bill input{width: 63%;}
.form-bill input[type="checkbox"]{width: inherit; margin-right: 5px;}
.form-bill .cc-btn-group{padding-left: 74px; padding-top: 10px;}
.form-bill .cc-btn-group label{width: inherit;}
.form-bill .full-col{padding: 0 35px 25px;}



/**********************************************************************************/
/**	media queries **/
/**********************************************************************************/

/* Portrait tablet to landscape and desktop */
@media (max-width: 1024px){
	.add-block .panel img {
		height: auto !important;
	}
}
@media (min-width: 769px){
	.panel-two figcaption{height: 120px; bottom: 0;}
}
@media (min-width: 769px) and (max-width: 1025px) { 
	nav > ul > li > a{
		padding-left: 13px !important;
		padding-right: 13px !important;
	}
	nav > ul > li:last-child{
		margin-right: -12px;
	}
	ul.shop-megamenu {left: 24%;}
	.featured-product .prev, .featured-product .next, .featured-product .pager{
		top: 16%;
	}
	.add-block .panel-two figcaption{
		height: 120px;
		bottom: 0;
	}
	.bs-box-desc{max-width: 104px;}
	.sb-size ul li{margin-left: 5px; margin-right: 5px;}
	.sb-price .btn{margin-top: 32px;}
	.btn-group a:first-child,
	.btn-group a:last-child{float: inherit; text-align: center; width: 100%;}
	.product-box-list .btn-group a:first-child,
	.product-box-list .btn-group a:last-child{float: left; text-align: left; width: 110px !important;}
	.product-box-list .btn-group a{margin-right: 10px;}
	.product-display-detail-slider{margin-right: -15px;}
	.display-carousel{left: 305px;}
	.display-slider ul.slides > li{margin-right: 90px !important;}
	.item-short .select-wrap:before, .item-short .select-wrap:after{right: 4px;}
	.numbers-row .button.inc{left: 30px;}
	.numbers-row .button.dec{left: 80px;}
	.right-col .form-2 input{width: 70%;}
	.form-bill input {width: 57%;}
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 641px) and (max-width: 800px){
	
	.panel-two figcaption{
		height: 120px !important;
		bottom: 0;
	}
	.featured-product .prev, 
	.featured-product .next, 
	.featured-product .pager{
		top: 14%;
	}
	.btn-group a:first-child,
	.btn-group a:last-child{float: inherit; text-align: center; width: 100%;}
	.product-box-list .btn-group a:first-child,
	.product-box-list .btn-group a:last-child{float: left; text-align: left; width: 110px !important;}
	.product-box-list .btn-group a{margin-right: 10px;}
	.display-slider ul.slides > li{margin-right: 415px !important;}
	.item-short .select-wrap:before, .item-short .select-wrap:after{right: 98px;}
	.numbers-row .button.inc{left: 12px;}
	.numbers-row .button.dec{left:62px;}
}
/*dvga iphone*/
@media (min-width: 320px) and (max-width: 640px){
	.header-top{max-height: 77px;}
	.logo-wrapper a{text-align: center;}
	.user-meta {text-align: center;}
	.lan-cur, .menu-acc{float: none;}
	.header-main ul {
		text-align: center;
		display: inline-table;
		padding-left: 0;
	}
	nav{margin-bottom: 34px;}
	.panel{margin-bottom: 10px;}
	.pagination{float: left;}
	.product-box-list .product-item-visual{margin-bottom: 5px;}
	.item-price-box{min-height: 80px; border-left: none;}
	.product-box-list .btn-group a:last-child{float: right !important;}
	.display-slider ul.slides > li{margin-right: 290px !important;}
	.product-box-list .product-item-desc h1{margin-top: 15px;}
	.product-box-list .product-item-desc h1,
	.product-box-list .product-item-desc p{
		text-align: center;
	}
	.item-short .select-wrap:before, .item-short .select-wrap:after{left: 98px;}
	.numbers-row .button.inc{left: 8px;}
	.numbers-row .button.dec{left:52px;}
}
@media (min-width: 565px) and (max-width: 572px){
	.display-slider ul.slides > li{margin-right: 210px !important;}
}
@media (min-width: 680px) and (max-width: 687px){
	.display-slider ul.slides > li{margin-right: 250px !important;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.featured-product .prev, 
	.featured-product .next, 
	.featured-product .pager{
		top: 21%;
	}
	.product-box-list .product-item-visual{margin-bottom: 5px;}
	.display-slider ul.slides > li{margin-right: 130px !important;}
	.nav-tabs > li > a {min-width: 140px;}
	.cart-row .price, .cart-row .product-quantity, .cart-row .subtotal-price{padding-left: 5px;}
	.cart-row .remove{padding-left: 10px;}
	.numbers-row input{width: 62px;}
	.numbers-row .button.inc {left: 3px;}
	.numbers-row .button.dec {left: 44px;}
}
@media (min-width: 320px) and (max-width: 479px){
	.header-top{min-height: 112px;}
	.ht-right-block{min-width: inherit;}
	.ht-search-box{width: 190px;}
	.display-carousel {
		top: -346px;
		background: transparent;
		left: 190px;
	}
	.display-slider .flex-viewport {max-width: 200px !important;}
	.display-slider ul.slides > li {
		margin-right: -15px !important;
	}
	.nav-tabs > li > a {
		min-width: 69px;
		font-size: 12px;
		padding-left: 6px;
		padding-right: 6px;
	}
	.cart-row {max-height: inherit; !important;}
	.cart-row .product-name{
		height: inherit;
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}
	.cart-row .price, 
	.cart-row .product-quantity, 
	.cart-row .subtotal-price{
		min-width: 27%;
	}
	.cart-row .remove{
		min-width: 19%;
	}
	.total-price {width: inherit;}
}

/*misc media queries*/ 
@media (max-width: 800px) {
	body{
		overflow-x: hidden;
		overflow-y: scroll;  
	}
/*tiny nav mobile menu styles*/
	/* The CSS */
	select {
	    padding:3px;
	    margin: 0;
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;
	    border-radius:4px;
	    -webkit-box-shadow: 0 1px 0 #919191 inset, 0 1px #fff ;
	    -moz-box-shadow: 0 1px 0 #919191 inset, 0 1px #fff ;
	    box-shadow: 0 1px 0 #919191 inset, 0 1px #fff ;
	    background: #f8f8f8;
	    color:#666;
	    border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	    cursor:pointer;
	}

	/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    select {padding-right:18px}
	}

	nav,.sm-t {position:relative}
	nav:after,.sm-t:after {
	    content:'<>';
	    font:18px "Consolas", monospace;
	    color:#aaa;
	    -webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
	    right:8px; 
	    top:4px;
	    padding:0 0 2px;
	    border-bottom:1px solid #ddd;
	    position:absolute;
	    pointer-events:none;
	}
	nav:before,.sm-t:before{
	    content:'';
	    right:6px; 
	    top:1px;
	    width:20px; 
	    height:20px;
	    background:#f8f8f8;
	    position:absolute;
	    pointer-events:none;
	    display:block;
	}
	.item-short .select-wrap:before, .item-short .select-wrap:after {
		left: 238px;
		width: 15px;
	}
	.checklist{padding-left: 0;}
	.form-bill .right-col {padding-left: 40px;}
	/*widget area for mobile screen style*/
	.widget-area{margin-bottom: 30px;}
	footer{padding-bottom: 10px;}
	.contact-form{padding-right: 0px !important; margin-bottom: 40px;}
	.select{
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0px 10px;
		line-height: 28px;
	}
} 


/* Notification and warning */
#notification{
text-align: center;
font-size: 15px;
color: #666;
}

.success .close{
padding: 8px 10px;
}

.success{
padding: 14px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}

.success a{
color: #fa6f57;
}


.attention{
text-align: center;
font-size: 15px;
color: #666;
padding-top: 14px;
border-top: 1px solid #d7d7d7;
}
.attention .close{
padding: 8px 10px;
}

.attention a{
color: #fa6f57;
}

.success{
text-align: center;
font-size: 15px;
color: #666;
padding: 14px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}
.success .close{
padding: 8px 10px;
}

.success a{
color: #fa6f57;
}

.warning{
text-align: center;
font-size: 15px;
color: #666;
padding: 14px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}
.warning .close{
padding: 8px 10px;
}

.warning a{
color: #fa6f57;
}

.col-sm-3 .product-item-visual .add-to-cart, .col-sm-3 .product-item-visual .view-detail{
display: none;}

.col-sm-4 .product-box .product-item-desc p{
display: none;}

.col-sm-6 .product-item-desc .item-price{
display: none;}

/*buttons*/
.button{
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;

border-radius: 500px;
font-size: 13px; 
line-height: 1;
text-align: center;
min-width: 150px;
font-weight: 600;
background: #5e5b5b;
color:#fff;
text-transform: uppercase;
padding: 10px 30px;
}

.left{
float: left;
}

.right{
float: right;
}

.button:hover{
background: #fa6f57; 
color:#fff;
}

.cart-remove{
background: #1f1f1f;
border-radius: 0;
width: 16px;
height: 16px;
color: #fff;
margin-left: 25px;
display: block;
padding: 0;
line-height: 18px;
font-weight: bold;
margin-top: 19px;
}

.cart-remove:hover{
background: #1f1f1f;
color: #fff;
}

.content {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #f2f2f2;
}






.checklist{
margin-left: 40px;
}

.checklist .check-box{
margin-bottom: 10px;
border: 1px solid #f2f2f2;
}



.checklist > li{
	margin-bottom: 10px;
	counter-increment: customCounter;
	position: relative;
}
.checklist > li:after{
	content: '0' counter(customCounter);
	position: absolute;
	top: 3px;
	left: 5px;
	background: #e3e3e3;
	width: 32px;
	height: 32px;
	border-radius: 500px;
	box-shadow: inset 0 0 4px rgba(0,0,0,.1);
	color: #919191;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
}
.checklist li.current{
	display: block;
	overflow: hidden;
	background: #e3e3e3;
	border: 1px solid #f2f2f2;
}
.checkout-heading{
	font-size: 14px;
	line-height: 38px;
	text-transform: uppercase;
	background: #f2f2f2;
	font-weight: normal;
	margin: 0;
	padding-left: 10px;
	color: #919191;
}

.checkout-heading a{
float: right;
padding-right: 10px;
}

.empty{
color: #f2f2f2;
}

.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #f2f2f2;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #f2f2f2;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #f2f2f2;
}

.buttons{
padding: 20px;
}

.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.rvw{
padding-left: 0px !important;
padding: 6px 3px;
}

.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}


table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border: 1px solid #f2f2f2;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border: 1px solid #f2f2f2;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}



/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}

.form input{
width: 200px;
}


/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #f2f2f2;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #f2f2f2;
}
.wishlist-info tbody .image img {
	border: 1px solid #f2f2f2;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}

.jcarousel-skin-opencart .jcarousel-container {
background: transparent;
}

.refresh{
width: 32px!important;
height: 32px!important;
vertical-align: middle;
border: 2px solid #919191!important;
text-align: center!important;
border-radius: 50%!important;
background: transparent!important;
}


/* pagination */
.results{
float: right;
font-size: 13px;
display: none;
color: #989898;
padding-right: 10px;
}

.links{
float: right;
font-size: 13px;
}

.links a{
color: #989898;
text-decoration:none;
padding: 0 2px;
}

.links a:hover{
color: #ed1c24;
}

.links b{
font-weight:normal;
color: #ed1c24;
}



/*pagination style*/

.pagination {
	margin: 0;
	border-radius: 0;
	float: right;
}
.pagination-top{margin-top: -2px; margin-right: -15px;}
.pagination > li > a, .pagination > li > span{
	background: transparent;
	border: none;
	font-size: 16px;
	line-height: 44px;
	color: #919191;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
	margin-top: 10px;
	font-size: 10px;
	width: 32px;
	height: 32px;
	border: 2px solid #919191;
	line-height: 18px;
	border-radius: 500px;
}
.pagination > .active > a,
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	background: transparent;
	color: #fa6f57;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus{
	background: transparent;
	color: #fa6f57;
}

.current{
color: #fa6f57!important;
}

/**********************************************************************************/
/**	header styles **/
/**********************************************************************************/
#header #cart .heading a {
	float: right;
}
#header #cart {
	position: absolute;
	right: 20px;
	z-index: 9;
	margin-left: 5px;
	margin-right: 1px;
}

#header #cart .content {
	clear: both;
	display: none;
	top: -1px;
	position: relative;
}

#header #cart.active .content {
	display: block;
}

.header-top{
	background: #f2f2f2;
	color: #5a5a5a;
	padding: 6px 0;
	max-height: 44px;
	margin-bottom: 32px;
}

.ht-fl{float: left;}
.header-top p{margin-bottom: 0;}

.ht-icon-phone,
.ht-phone-num,
.ht-open-schedule{
	margin-right: 10px;
}

.ht-phone-num{
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
}
.ht-open-schedule{line-height: 33px;}
.ht-right-block{float: right; display: block;min-width: 305px;}
.ht-search-box,
.ht-share,
.ht-cart{
	margin-left: 5px;
	margin-right: 1px;
	border-radius: 500px;
}
.ht-search-box{
	width: 221px;
	height: 32px;
	background: transparent url(../image/icon/icon-search.png) no-repeat 12px 6px;
	border: 2px solid #919191;
	padding-left: 40px;
}
.button-share{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
	background: transparent;
}
.button-cart{
	display: block;
	width: 32px;
	height: 37px;
	padding-bottom: 4px;
	text-indent: -9999em;
	background: transparent;
}

.button-share{background: url(../image/icon/icon-share.png) no-repeat 0 0;}
.button-cart{background: url(../image/icon/icon-cart.png) no-repeat 0 0;}
.ht-share .dropdown-menu{
	top: 36px;
	right: 0 !important;
	left: auto !important;
	background: #fa6f57;
	padding: 15px 10px;
	border-radius: 0;
	border: none;
}
.ht-cart .dropdown-menu{
	top: 0px;
	right: 0 !important;
	left: auto !important;
	background: #fa6f57;
	padding: 15px 10px;
	border-radius: 0;
	border: none;
}
.ht-share .dropdown-menu{min-width: 246px !important;}
.ht-cart .dropdown-menu{min-width: 255px !important;}
.ht-share .dropdown-menu:after,
.ht-cart .dropdown-menu:after{
	content: '';
	position: absolute;
	top: -1px;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 10px solid #f2f2f2;

}
.ht-share .dropdown-menu li{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 5px;
}
.ht-share .dropdown-menu li > a{
	display: block;
	background: transparent;
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	padding: 0;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 500px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.ht-share .dropdown-menu li > a > .fa{display: initial !important;}
.ht-share .dropdown-menu li > a:hover{
	color: #1f1f1f;
	border-color: #1f1f1f;
}
/*mini-cart*/
.mini-cart-info tr{display:table; margin-top: 5px;margin-bottom: 15px; width: 100%;}
.mini-cart-info td{padding: 0 5px; vertical-align: top;}

.mini-cart-info td.name,
.mini-cart-info td.name a{
	font-size: 12px; 
	line-height: 14px;
	min-width: 145px;
	font-weight: bold; 
	color: #fff;
}

.mini-cart-info td.remove{
	width: 16px;
}
.mini-cart-info .mc-price{
	display: block;
	margin-top: 20px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}
.mini-cart-info .remove a{
	display: block;
	width: 16px;
	height: 16px;
	background: #1f1f1f;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-align: center;
}
.mini-cart-total,.mini-cart-checkout{margin: 0 5px;}
.mini-cart-total{
	display: block;
	background: #fff;
	color: #1f1f1f;
	margin-bottom: 5px;
	padding: 6px;
}
.mini-cart-total span{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.mini-cart-checkout{margin-top: 10px;}
.mini-cart-checkout a{float: right;}