@charset "utf-8";
/* ~~ This the css file for the Responsive Design of Virtual Our Stuff from Ecommerce Templates.
The first section correponds to the maximum width version of 1120 pixels ~~ */

/* ~~ Resets ~~ */

*{
	padding:0px;
	margin:0px;
}

p{
	padding:6px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
body{
	padding:0px;
	margin:0px;
	font: 13px Arial, serif;
background:  url(../images/bg.gif) #000 repeat-x;
}

div, ul, li{
	padding:0px;
	margin:0px;
}

img{
	padding:0px;
	margin:0px;
	border:none;
}

td{
  	padding:2px;
}

img a{
	padding:0px;
	margin:0px;
	border:none;
}

.clear{
	clear:both;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #87317B;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #87317B;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
color: #333;
	text-decoration: none;
}

/* ~~ Header ~~ */
.mainWrapper{
	}
.header{}
.header_top{ background:#333; padding: 1px 0px;}

.header_top ul{ list-style-type:none; float:right;}

.header_top ul li{ float:left;background:url(../images/divider.jpg) no-repeat right 8px; font-family: Arial; font-size:12px;
color:#bebebe; text-decoration:none; padding-right:10px; margin-right:10px; padding-top:6px;}

.header_top ul li a{color:#bebebe; text-decoration:none;}
.header_top ul li img{ float:left;}
.header_top ul li a b{color:#87317B; font-weight:normal; text-decoration:none;}
.header_top ul li a:hover{color:#87317B; text-decoration:none;}
.header_top ul li.last { background:url(../images/bag.png) no-repeat left top; padding-left:22px; margin-right:0px; padding-right:0px; }

.header_bottom{ padding-bottom:12px;}
.header_bottom_top{ }
.header_bottom_top ul{ list-style-type:none; float:right;padding-top:8px;}

.header_bottom_top ul li{ float:left;background:url(../images/bullet.jpg) no-repeat right 8px; font-family: Georgia; font-size:14px;
color:#fff; text-decoration:none; padding-right:10px; margin-right:10px;}

.header_bottom_top ul li a{color:#fff; text-decoration:none;}
.header_bottom_top ul li img{ float:left;}
.header_bottom_top ul li a b{color:#3399cc; font-weight:normal; text-decoration:none;}
.header_bottom_top ul li a:hover{color:#87317B; text-decoration:none;}
.header_bottom_top ul li.last { background:none; margin-right:0px; }

.header_middle{}
.logo{ text-align:center;}

/* ~~ Top search ~~ */
.search_main{ position:relative; margin-top:10px;}
.input_text{
	 width:100%;
	 background:#fff;
	 height:30px;
	 border:1px solid #c1c1c1;
	 padding:0 5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0px;
	font-family: Georgia;
	font-size:14px;
	font-weight: normal;
	color:#333333;
	line-height:normal;
	
 }


.go{
	background:url(../images/go.png) no-repeat;
	background-size:100% 100%;
	width:30px;
	border:0px;
	height:30px;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	text-indent:-9999999px;
}

/* ~~ Main heading ~~ */

h1 {
font-size: 1.2em;
padding:6px;
width:80%;
margin-top:10px;
margin-bottom:12px;
border-bottom: 1px solid #ccc;
}

/* ~~ Top menu ~~ */	
.nav_menu{
  border-top:2px solid #000;
    padding-top:6px;

	}
	
.nav_menu{ margin-top:0px;}
.nav_menu ul{ list-style-type:none; text-align:center;}

.nav_menu ul li{ display:inline;font-family: Georgia; font-size:14px;
color:#fff; text-decoration:none; padding-right:10px; margin-right:10px; text-transform:uppercase;}

.nav_menu ul li a{color:#ccc; text-decoration:none;}
.nav_menu ul li a:hover{color:#F9B781; text-decoration:none;}

.body_contain{
}
.body_contain_top{
	background:#333;
	height:31px;
border-top:2px solid #fff;
border-bottom:2px solid #000;
}

/* ~~ Home images and text ~~ */

.top_products{ margin-top:10px;padding:15px; border:1px solid #c2c2c2;background:#000;}

.top_products h2{font-family: Arial; font-size:18px; color:#c2c2c2; font-weight:normal; margin:0; padding:0; 
	line-height:16px; text-transform:uppercase; padding-bottom:4px;}


  
  div.homeproduct{
	padding:6px;
	width:23%;
	float:left;
	height:150px;
	margin:2px;
}

div.homeprodimage{
	padding-top: 6px;
	text-align:center;
	border:2px solid #87317B;
	background-color:#fff;
}

div.homeprodimage:hover{
	background-color:#fff;
	border: 2px solid #ccc;
}
  
.banner_text{font-family: Georgia; font-size:22px;color:#ccc; text-decoration:none; text-align:center;padding-top:4px}
.banner_text b{ font-weight:normal;color:#ccc; text-decoration:none; padding-left:25px;}

.banner_main{ padding-top:8px;}

.shop_text a{ font-family: Arial; font-size:14px; color:#000; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none;}
.shop_text a:hover{color:#fff; text-decoration:underline;}



.top_most_main{
	margin-top:12px;
}
.top_most_text{ background:#000;font-family: Arial; font-size:22px;color:#fff; text-decoration:none;text-transform:uppercase;}
.top_most_text b{ font-weight:normal;color:#fff; text-decoration:none; padding-left:6px;padding-right:35px;}

.top_most_contain{ margin:2px 0px 2px 9px;}

.top_most_image{ position:relative;}

.top_most_image img{ max-width:100%;}

.top_most_tag{background: rgba(34,34,35, .6); min-height:60px; width:100%; position:absolute; left:0; bottom:0px;
	box-sizing: border-box; -moz-box-sizing: border-box;}
.top_most_tag:hover{background: rgba(134,134,135, .6);}
.top_most_tag h2{font-family: Georgia; font-size:20px; color:#ccc; font-weight:normal; margin:0; padding:0; 
	line-height: 12px; margin-top:23px; text-align:center;}
	.shop_now{ text-align:center;margin-top:14px;}
.shop_now a{ font-family: Arial; font-size:14px; color:#fff; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none; }
.shop_now a:hover{color:#ccc; text-decoration:underline;}

.recomended_main{ background:#e1e1e1; padding:26px 0 10px 0; margin:10px 0% 0 0%;}

.recomended_left{}

.recomended_left h2{font-family: Georgia; font-size:28px; color:#000000; font-weight:normal; margin:0; padding:0; 
	line-height: 36px; text-align:center;}
	.shop_now_txt1{ text-align:center; padding:8px 20px; background:#FFF; width:140px; margin:0px auto;margin-top:50px;box-sizing: border-box; -moz-box-sizing: border-box;}
.shop_now_txt1 a{ background:url(../images/shop_now.png) no-repeat left center;font-family: Arial; font-size:14px; line-height:16px; color:#000; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none; }
.shop_now_txt1 a:hover{color:#2689bb; text-decoration:underline;}

.recomended_right{ margin:0px 2%;}

.recomended_right_top_image{}
.recomended_right_top_image img{max-width:96%;}
.recomended_right_top_text{font-family: Arial; font-size:14px; color:#000000; font-weight:normal; margin:0; padding:12px 0 0 0; 
	line-height:16px; text-align:center;}
.recomended_right_top_text a{ color:#000; text-decoration:none;}

.top_band_main{ margin-top:10px;padding:15px; border:1px solid #c2c2c2;background:#fff;}

.top_band_main h2{font-family: Arial; font-size:14px; color:#000000; font-weight:normal; margin:0; padding:0; 
	line-height:16px; text-transform:uppercase; border-bottom:1px solid #c2c2c2; padding-bottom:14px;}
.top_band_slider{ margin-top:12px;}
.top_band_silder li{ margin-top:18px;}
/* ~~ Footer ~~ */
.footer_main{ margin-top:45px;}
.footer_top{ background:#87317B; padding:14px 0; border-bottom:4px solid #000000;}

.footer_top_text{font-family: Arial; font-size:20px; color:#3399cc; font-weight: bold; margin:0; padding:0; 
	line-height: 36px; text-align:center;}
	
.sub_text{
	 width:100%;
	 background:#fff;
	 height:30px;
	 border:1px solid #bfbfbf;
	 padding:0 5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	 margin:0px;
	 font-family: Arial;
	font-size:12px;
	font-weight: normal;
	color:#919191;
}

.footer_middle{ background:#333; padding:34px 0 24px 0;}
.footer_middle ul{ list-style-type:none;}
h6{ font-family: Arial; font-size:12px; color:#ccc; font-weight: normal; margin:0; padding:0; 
	line-height: 14px; text-transform:uppercase; margin-bottom:16px; }
.footer_middle ul li{ font-family: Arial; font-size:12px; color:#919191; font-weight: normal; margin:0; padding:0; 
	line-height: 24px; }
.footer_middle ul li a{ color:#919191; text-decoration:none; }
.footer_middle ul li a:hover{ color:#919191; text-decoration: underline; }

.footer_middle_right img{ float: left; margin-left:9px;}

.footer_middle_right b{ font-family: Arial; font-size:14px; color:#F9B781; font-weight: normal; margin:0; padding:0; 
	line-height: 30px; padding-top:5px; padding-right:27px; }
	
	.footer_bottom{ padding:20px 0; border-top:1px solid #cccccc;font-family: Arial; font-size:12px; color:#919191; font-weight: normal; text-align:center;}
	
	.footer_bottom a{  color:#919191; text-decoration:none;}
.footer_bottom a:hover{  color:#3399CC; text-decoration: underline;}

.top_band_main ul{ list-style-type:none;}
.top_band_main ul li{ width:auto; float:left; padding:0 3%;}
.top_band_main ul li:first-child{ padding-left:0px;}
.top_band_main ul li:last-child{ padding-right:0px;}

.recomended_right ul{ list-style-type:none;}
.recomended_right ul li{ float:left; width:32%; margin-right:2%;}
.recomended_right ul li:last-child{ margin-right:0%;}

.new-image{ margin-left:2% !important; margin-right:0% !important; }
.new-text1{ margin-left:0px !important; margin-right:2% !important;}
.new-text1 h2{font-family: Arial; font-size:28px; color:#3e3e3e; font-weight: normal; margin:0; padding:0 0 15px 0; 
	line-height: 34px; margin-bottom:16px; border-bottom:1px solid #959494; }
	
.new-text1 p{font-family: Arial; font-size:15px; color:#3e3e3e; font-weight: normal; margin:0; padding:0px; margin-bottom:10px;
	line-height: 22px;  }
.read_more{font-family: Arial; font-size:15px; color:#3e3e3e; font-weight: normal; margin:0;
	line-height: 16px; }
.read_more a{color:#87317B; text-decoration: underline; padding-top:10px; }


/*--------------- Inner pages style -------------------*/

.inner_main_sec{padding-top:18px;background:#fff;}

.side_bar_left_inn{border-right:1px solid #ccc;margin:0; padding:0; max-width:235px; width:100%;}
.side_bar_left_inn h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#fff; background:#3399cc; line-height:36px; padding:0 0 0 17px;
	font-weight:bold; margin-bottom:18px; text-transform:uppercase;}

.clothing_left{margin:0 10px 25px 0; padding:0;}
.clothing_left h3{margin:0 0 15px 0; padding:0 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-transform:uppercase;
	border-bottom:#000 solid 1px; font-weight:bold;}


ul.category_list{margin:0; padding:0; list-style-type:none;}

ul.category_list li a{
padding-left:15px;
display:inline-block;
line-height:22px;
font-size:14px; font-family:Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
text-transform:uppercase;
}
ul.category_list li a:hover{
color:#333;
text-decoration:none;
}
						
.right_side_page_top_sec{margin:0 0 25px 0; padding:0 0 8px 0; width:100%; border-bottom:#000 solid 1px;}
.right_side_page_top_sec_bot{margin:25px 0 0  0; padding:8px 0 0 0; width:100%; border-top:#000 solid 1px;}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	max-width:1144px;
	margin:0px auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 {
	width:4.25%;
}

.container_16 .grid_2 {
	width:10.5%;
}

.container_16 .grid_3 {
	width:16.75%;
}

.container_16 .grid_4 {
	width:23.0%;
}

.container_16 .grid_5 {
	width:29.25%;
}

.container_16 .grid_6 {
	width:35.5%;
}

.container_16 .grid_7 {
	width:41.75%;
}

.container_16 .grid_8 {
	width:48.0%;
}

.container_16 .grid_9 {
	width:54.25%;
}

.container_16 .grid_10 {
	width:60.5%;
}

.container_16 .grid_11 {
	width:66.75%;
}

.container_16 .grid_12 {
	width:73.0%;
}

.container_16 .grid_13 {
	width:79.25%;
}

.container_16 .grid_14 {
	width:85.5%;
}

.container_16 .grid_15 {
	width:91.75%;
}

.container_16 .grid_16 {
	width:98.0%;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_1 {
	padding-left:6.25%;
}

.container_16 .prefix_2 {
	padding-left:12.5%;
}

.container_16 .prefix_3 {
	padding-left:18.75%;
}

.container_16 .prefix_4 {
	padding-left:25.0%;
}

.container_16 .prefix_5 {
	padding-left:31.25%;
}

.container_16 .prefix_6 {
	padding-left:37.5%;
}

.container_16 .prefix_7 {
	padding-left:43.75%;
}

.container_16 .prefix_8 {
	padding-left:50.0%;
}

.container_16 .prefix_9 {
	padding-left:56.25%;
}

.container_16 .prefix_10 {
	padding-left:62.5%;
}

.container_16 .prefix_11 {
	padding-left:68.75%;
}

.container_16 .prefix_12 {
	padding-left:75.0%;
}

.container_16 .prefix_13 {
	padding-left:81.25%;
}

.container_16 .prefix_14 {
	padding-left:87.5%;
}

.container_16 .prefix_15 {
	padding-left:93.75%;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .suffix_1 {
	padding-right:6.25%;
}

.container_16 .suffix_2 {
	padding-right:12.5%;
}

.container_16 .suffix_3 {
	padding-right:18.75%;
}

.container_16 .suffix_4 {
	padding-right:25.0%;
}

.container_16 .suffix_5 {
	padding-right:31.25%;
}

.container_16 .suffix_6 {
	padding-right:37.5%;
}

.container_16 .suffix_7 {
	padding-right:43.75%;
}

.container_16 .suffix_8 {
	padding-right:50.0%;
}

.container_16 .suffix_9 {
	padding-right:56.25%;
}

.container_16 .suffix_10 {
	padding-right:62.5%;
}

.container_16 .suffix_11 {
	padding-right:68.75%;
}

.container_16 .suffix_12 {
	padding-right:75.0%;
}

.container_16 .suffix_13 {
	padding-right:81.25%;
}

.container_16 .suffix_14 {
	padding-right:87.5%;
}

.container_16 .suffix_15 {
	padding-right:93.75%;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .push_1 {
	left:6.25%;
}

.container_16 .push_2 {
	left:12.5%;
}

.container_16 .push_3 {
	left:18.75%;
}

.container_16 .push_4 {
	left:25.0%;
}

.container_16 .push_5 {
	left:31.25%;
}

.container_16 .push_6 {
	left:37.5%;
}

.container_16 .push_7 {
	left:43.75%;
}

.container_16 .push_8 {

	left:50.0%;
}

.container_16 .push_9 {
	left:56.25%;
}

.container_16 .push_10 {
	left:62.5%;
}

.container_16 .push_11 {
	left:68.75%;
}

.container_16 .push_12 {
	left:75.0%;
}

.container_16 .push_13 {
	left:81.25%;
}

.container_16 .push_14 {
	left:87.5%;
}

.container_16 .push_15 {
	left:93.75%;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .pull_1 {
	left:-6.25%;
}

.container_16 .pull_2 {
	left:-12.5%;
}

.container_16 .pull_3 {
	left:-18.75%;
}

.container_16 .pull_4 {
	left:-25.0%;
}

.container_16 .pull_5 {
	left:-31.25%;
}

.container_16 .pull_6 {
	left:-37.5%;
}

.container_16 .pull_7 {
	left:-43.75%;
}

.container_16 .pull_8 {
	left:-50.0%;
}

.container_16 .pull_9 {
	left:-56.25%;
}

.container_16 .pull_10 {
	left:-62.5%;
}

.container_16 .pull_11 {
	left:-68.75%;
}

.container_16 .pull_12 {
	left:-75.0%;
}

.container_16 .pull_13 {
	left:-81.25%;
}

.container_16 .pull_14 {
	left:-87.5%;
}

.container_16 .pull_15 {
	left:-93.75%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.header_top{padding: 1px 0px 2px 0px;}
}

/*This is the first breakpoint and contains styles for screens 1024px to 780px*/


@media all and (max-width: 1024px) {
.top_band_main ul li{ width:auto; float:left; padding:0 2% 0 2%;}
body
{
background-image:none;
}
  div.homeproduct{width:45%;}

}

/*This is the second breakpoint and contains styles for screens 780px to 480px*/


@media all and (max-width: 780px) {
.top_band_main ul li{ width:auto; float:left; padding:0 1%;}
.recomended_right ul li{ float:left; width:32%; margin-right:2%;}
.side_bar_left_inn{display:none}
.container_16 .grid_12 {width:98%;}
.container_16 .grid_4 {width:98%;}
.right_banner{float:left; width:31%; margin:6px;}
.top_most_contain .grid_4{ width:48%; padding-top:10px; text-align:center;}
.new-text1{ margin-left:10px !important;}

}

/*This is the third breakpoint and contains styles for screens under 480px*/

@media all and (max-width: 480px) {
	.container_16 .grid_16{ width:92%; margin:0 3%;}
	.header_top{ height:auto; text-align:center; padding-bottom:10px;}
	.header_top ul li{ float:none; display: inline; margin-right:8px; padding-right:8px;}
	.header_middle .balnk{ display:none;}
	.header_middle .grid_4{ width:92%; margin-right:4%;	padding-bottom:10px;}
	.container_16 .grid_8{ width:98%; padding-top:10px;}
	.body_contain_top{ height:auto;}
	.banner_main .grid_12{ width:98%; padding-top:10px;}
	.banner_main .grid_4{ width:98%; padding-top:10px;}
	.right_banner{ text-align:center; width:100%}
	.top_most_contain .grid_4{ width:98%; padding-top:10px; text-align:center;}
	.recomended_main .grid_12{ width:92%; padding-top:10px; margin-left:4%; margin-right:4%;}
	.recomended_main .grid_4{ width:98%; padding-top:10px;}
	.footer_top .grid_9{ width:98%; padding-top:10px; text-align:center;}
	.footer_top .grid_5{ width:98%; padding-top:10px; text-align:center;}
	.footer_top .grid_2{ width:98%; padding-top:10px; text-align:center;}
	.footer_top .grid_9{ width:98%; padding-top:10px; text-align:center;}
	.footer_middle .grid_3{ width:98%; padding-top:10px;}
	.footer_middle .grid_2{ width:98%; padding-top:10px;}
	.footer_middle .grid_4{ width:98%; padding-top:10px;}
	.top_band_main ul li{ width:auto; float:none; padding:0 1%; margin:0px auto;}
	.recomended_right ul li{ float:none; width:32%; margin:0px auto;}
  div.homeproduct{width:95%;}

}