/* ~~ This the css file for the Responsive Design of Virtual Mod Cons from Ecommerce Templates.
The first section correponds to the maximum width version of 995 pixels ~~ */

body {
	background:#63bfbf;
	font: 100%/1.5 Arial, Verdana, Helvetica, sans-serif;
/*	color:rgba(190, 0, 50, 1);*/
	margin:0;
	line-height:1.42857;
	padding:0;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, select, div, textarea {
	padding: 0px;
	margin: 0px;
}
img {
	border: none;
	max-width:100%;
    height:auto;
}

.clear{margin:0; padding:0; clear:both;}

a {
	text-decoration: underline;
	padding:0;
	margin:0;
	outline: none;
  color: #0033CC;
}
a:hover {
	text-decoration: none;
}

/* ~~ The header section ~~ */

.header{margin:0; padding:0; width:100%;}
.header_top{margin:0; padding:0 0 0px 0; width:100%;}
.header_top_sub{margin:0 auto; padding:0; max-width:995px; width:99%;}
.header_top_sub2{margin:0 auto; padding:4px; max-width:983px; background:#18B23D; border:2px solid #006666;}
.logo{margin:16px 0; float:left; max-width:266px; width:100%;}
.right_top_sec{padding:0px 0 0px 0; float:right; display:block;}
.right_top_sec_mob{ display:none;}

ul.my_cart{margin:0 0 0px 0; padding:0; list-style-type:none; float:right;}
ul.my_cart li{margin:0; padding:0 0px; list-style-type:none; float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#472e06; font-weight:bold;}
ul.my_cart li a{margin:0; padding:0; list-style-type:none; float:left; text-decoration:none; color:#472e06;}
ul.my_cart li.cart{margin:0; padding:0 0 0 0px; list-style-type:none; background:none; float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#472e06; font-weight:bold;}
ul.my_cart li.cart a{margin:0; padding:0 0 0 2px; list-style-type:none; text-decoration:none; color:#472e06;}
ul.my_cart li a:hover{text-decoration:underline;}
ul.my_cart .topcart{ padding-right:8px;}
ul.my_cart .topsearch{ padding-right:8px;}
ul.my_cart .tophelp{}

.impinfo{ background:#CCFF99;font-size:14px; padding:5px 0px 0px 0px;}
.homeset{ padding:0px 0px 30px 0px; margin:0 auto; font-size:14px;}
.homeset ul { padding-left:25px;}
/* ~~ The top search field ~~ */

.topsearchbox{width:100%;}
.topsearchbox input[type="text"]{float:left; background:#f9e7d2; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6c4f1e; padding:8px 5px;border:none; display: inline-block; width:99%;}
.topsearchbox input[type="submit"]{float:right; background:#bc7909; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; padding:4px 20px 4px 20px;border:none; font-weight:bold; cursor:pointer; margin-top:-26px;}
.topsearchbox input[type="submit"]:hover{background:#333;}

/* ~~ The left search ~~ */
.leftsearchbox{width:80%; margin-top:20px; margin-bottom:20px; float:left;}
.leftsearchbox input[type="text"]{float:left; border:1px solid #CCC; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6c4f1e; padding:8px 5px;display: inline-block; width:99%;}
.leftsearchbox input[type="submit"]{float:right; background:#006666; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#CCFFCC; padding:4px 20px 4px 20px;border:none; font-weight:bold; cursor:pointer; margin-top:-26px; margin-right:-4px;}
.leftsearchbox input[type="submit"]:hover{background:#333;}
.left{ width:100%; float:left;}

.leftsearch{width:91%; margin-top:0px; margin-bottom:20px; float:left; margin-left:6px;}
.leftsearch input[type="text"]{float:left; border:1px solid #CCC; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6c4f1e; padding:8px 5px;display: inline-block; width:99%;}
.leftsearch input[type="submit"]{float:right; background:#ff6600; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; padding:4px 20px 4px 20px;border:none; font-weight:bold; cursor:pointer; margin-top:-27px; margin-right:-7px;}
.leftsearch input[type="submit"]:hover{background:#FF9966;}
/* ~~ The top navigation ~~ */

.header_bot{margin:0; padding:0; background:#006666; border: 2px solid #ccccff; clear:both;}
.header_bot_sub{margin:0 auto; padding:0; max-width:995px; width:99%;}
.nav{width:auto; float:left; margin:7px 0;}
.nav ul{margin:0; padding:0; list-style-type:none;}
.nav ul li{margin:0; padding:0 14px; background:url(../images/div.jpg) repeat-y left top; float:left; line-height:26px;}
.nav ul li.nav_frst{padding-left:0; background:none;}
.nav ul li a{margin:0; padding:0; font-family: 'Exo 2', sans-serif; font-size:18px; color:#CCFFCC; text-decoration:none;}
.nav ul li a:hover{color:#000;}

/* ~~ The phone number ~~ */
.phonepad{ padding:4px 15px 0px 0px;}
.phone_sec{float:right; background:url(../images/ph.png) no-repeat; padding:0 0 0 42px; line-height:22px; font-family: 'Exo 2', sans-serif; font-size:18px;color:#CCFFCC; margin:7px 0;}

/* ~~ The main content ~~ */

.content_sec{margin:0 auto; max-width:995px; width:99%; background:#FFFBF2;}

/* ~~ The home page graphics ~~ */

.top_baner{margin:0 0 28px 0; padding:0; width:100%; position:relative;}
.top_baner_tag{background:url(../images/baner_bg.png) repeat; min-height:150px; width:100%; position:absolute; bottom:0; left:0;font-family: 'avantgarde_bk_btbook'; padding:10px 0; color:#fff; font-size:24px; text-align:center;}
.top_baner_tag h2{font-family: 'avantgarde_bk_btbook'; font-size:67px; color:#fff; font-weight:normal; margin:0; padding:0; text-transform:uppercase;	line-height: 64px;}
.top_baner_tag p{font-family: 'avantgarde_bk_btbook'; font-size:24px; color:#fff; font-weight:normal; margin:0; padding:0;}
.top_baner_tag p a{font-family: 'avantgarde_bk_btbook'; font-size:17px; color:#ff8400; font-weight:normal; margin:0; padding:0; text-decoration:none;}
.top_baner_tag p a:hover{color:#fff; text-decoration:underline;}

.box1{max-width:46%; width:100%; float:left; margin-right:3%; position:relative; margin-bottom:30px; margin-left:2%;}
.box2{max-width:46%; width:100%; float:right; margin-right:0%; position:relative; margin-bottom:30px; margin-top:18px; margin-right:2%;}

.box_a{max-width:31%; width:100%; float:left; margin-right:3.5%; position:relative; margin-bottom:30px;}
.box_a_tag{position:absolute; top:55px; left:0; width:100%; background:url(../images/box_bg.png) repeat; padding:8px 0; text-align:center; color:#010100;}
.box_a_tag h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#010100; padding-bottom:8px; font-weight:normal;}
.box_a_tag p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#010100;}

.box_b{max-width:31%; width:100%; float:right; margin-right:0; position:relative; margin-bottom:30px; overflow:hidden;}
.box_b_tag{position:absolute; top:55px; right:0; width:80%; background:url(../images/box_bg.png) repeat; padding:8px 0; text-align:right; color:#010100; padding-right:2%;}
.box_b_tag h2{font-family: 'Exo 2', sans-serif; font-size:24px; color:#331d1d; padding-bottom:5%; font-weight:normal;}
.box_b_tag h2 span{font-family: 'Exo 2', sans-serif; font-size:40px; color:#c22e2e; font-weight:bold;}
.box_b_tag p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#010100; padding-bottom:9%; line-height:19px; width:84%; float:right;}
.box_b_tag p a{font-family: 'Exo 2', sans-serif; font-size:17px; color:#9c1414; text-decoration:none;}
.box_b_tag p a:hover{text-decoration:underline;}


.box_c{max-width:648px; float:left; width:100%;}
.box_c_img{float:left; margin-right:7px;}
.box_c_text{float:left; max-width:425px; width:100%;}
.box_c_text h2{font-family: 'Alegreya Sans', sans-serif; font-size:30px; color:#bd6a3b; padding-bottom:6px; padding-left:7px; font-weight:normal;border-bottom:#d0cecd solid 2px; margin-bottom:12px;}
.box_c_text p{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#777474; line-height:22px; padding-bottom:18px; padding-bottom:19px; padding-left:7px;}
.box_c_text p a{font-family: 'Alegreya Sans', sans-serif; font-size:18px; color:#ff8400; text-decoration:none;}
.box_c_text p a:hover{text-decoration:underline;}

.box_d{width:283px; float:right; padding:8px 9px; border:#e9e6e6 solid 1px; background:#f4f3f3; margin-top:5px; position:relative;}
.percent_off{position:absolute; top:-6px; right:-5px;}

/* ~~ The testimonials section ~~ */

.testimonial{width:100%; background:url(../images/wood.jpg) repeat top left; margin:36px 0 24px 0; padding:12px 0 0 0; min-height:185px;}
.testimonial_sub{max-width:995px; width:100%; margin:0 auto;}
.testimonial_sub h2{font-family: 'Alegreya Sans', sans-serif; font-size:30px; color:#160c02; padding-left:7px; font-weight:normal; border-bottom:#785b3c solid 2px; margin-bottom:27px;}

.coment_sec_main{width:100%;}


.coment_sec{float: left; margin: 0 33px 30px; max-width: 422px; width: 100%;}
.coment_sec_img{background: none repeat scroll 0 0 #FFFFFF;  border-radius: 50%;  height: 100px;  width:100px;}
.coment_sec_txt{margin:0; padding:10px; width:64%; float:right; background:url(../images/com_bg.png) repeat; border-radius:4px; min-height:80px;color:#ffdda9; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.coment_sec_txt h3{font-family: 'Alegreya Sans', sans-serif; font-size:18px; color:#fff; padding-bottom:6px; font-weight:normal; line-height:27px; text-align:left;}
.coment_sec_txt h3 span{font-family: 'Alegreya Sans', sans-serif; font-size:16px; color:#000;}
.coment_sec_txt p{color:#ffdda9; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0; line-height:16px; text-align:left;}

/* ~~ The footer section ~~ */

.footer{background:#18B23D; padding:16px 0 0 0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#987a59;}
.footer_sub{max-width:995px; width:99%; margin:0 auto;}
.footer_top{background:url(../images/footer_line-2.png) repeat-x bottom left; padding-bottom:22px;}

.footer_link_sec{margin:0; padding:0; float:left; width:67%; color:#0033CC;}
.footer_link_sec ul{margin:0 10% 0 0; padding:0; list-style-type:none; float:left;}
.footer_link_sec ul li{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#0033CC;}
.footer_link_sec ul li strong{margin:0; padding:0 0 11px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e2b16f; font-weight:bold; display:inline-block;}
.footer_link_sec ul li h2{margin:0; padding:0 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e2b16f; font-weight:bold; display:inline-block;}
.footer_link_sec ul li a{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#0033CC; text-decoration:none;}
.footer_link_sec ul li a span{color:#977958; line-height: 19px; font-size:11px;}
.footer_link_sec ul li a:hover{text-decoration:underline; color:#CC0000;}

.footer_falow_sec{margin:0; padding:0; float:right; width:32%;}
.footer_falow_sec h2{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; padding-bottom:3px; border-bottom:#eeeeee solid 2px;margin-bottom:8px;}
ul.icon_a{margin:0; padding:0 0 12px 0; list-style-type:none; display:inline-block;}
ul.icon_a li{margin:0; padding:0 5px 0 0; float:left;}
ul.icon_a li a{margin:0; padding:0; float:left; width:27px; height:28px; background:url(../images/icon_a2.png) -3px -2px no-repeat;}
ul.icon_a li a:hover{background-position:-3px -32px;}
ul.icon_a li a.t{margin:0; padding:0; float:left; width:27px; height:28px; background:url(../images/icon_a2.png) -32px -2px no-repeat;}
ul.icon_a li a.t:hover{background-position:-32px -32px;}
ul.icon_a li a.g{margin:0; padding:0; float:left; width:27px; height:28px; background:url(../images/icon_a2.png) -62px -2px no-repeat;}
ul.icon_a li a.g:hover{background-position:-62px -32px;}
ul.icon_a li a.p{margin:0; padding:0; float:left; width:29px; height:28px; background:url(../images/icon_a2.png) -91px -2px no-repeat;}
ul.icon_a li a.p:hover{background-position:-91px -32px;}

.search_foot{clear:right;}
.search_foot input[type="text"]{float:left; background:#412d16; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9f6f37; padding:7px 5px;
	border:none; display: inline-block; width:69%;}
.search_foot input[type="submit"]{float:left; background:#734d1d; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#dea14d; padding:6px 10px;
	border:none; font-weight:bold; cursor:pointer;}

.footerinfo{ color:#033; font-size:14px; padding-top:20px; text-align:center;}
.footerinfo span { padding-right:50px;}

.footer_bot{text-align:center; color:#033; padding:20px 0;}
.footer_bot a{color:#755c3f; text-decoration:none;}
.footer_bot a:hover{color:#ae905f; text-decoration:underline;}

/* ~~ The inner page layout ~~ */

.left_side_bar{width:25%; float:left; padding-top:24px;}
.pro_category_sec{background:#CCFFCC; padding-top:13px; padding-bottom:14px; border-bottom:0px solid #c5aa83; margin-bottom:28px;}
.pro_category_sec h2{padding:0 0 8px 6px; border-bottom:#ccc solid 2px; margin-bottom:8px; font-family: 'Exo 2', sans-serif; font-weight:normal; font-size:20px;
	color:#006666;}
.pro_category_sec ul{margin:0; padding:0; list-style-type:none;}
.pro_category_sec ul li{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#8e765f; line-height:24px;}
.pro_category_sec ul li a{margin:0; padding:0 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0033CC; line-height:24px;
	display:block; background:url(../images/aro_a2.png) no-repeat 7px 8px; text-decoration:none;}
.pro_category_sec ul li a{color:#0033CC; text-decoration:none;}
.pro_category_sec ul li a:hover{color:#CC0000; text-decoration:underline;}

.add_sec{background:#fff; padding:0px 0px 26px 22px ;}

.right_side_bar{width:72%; float:right; padding-top:24px;font-size:14px;margin-right:15px;}
.right_side_bar p{margin:10px;}

/*This is the first breakpoint and contains styles for screens 980px to 800px*/

@media only screen and (max-width: 980px) {
.box_c{max-width:61%; width:100%;}
.box_c_text{max-width:48%; width:100%;}

}

/*This is the second breakpoint and contains styles for screens 800px to 700px*/

@media only screen and (max-width: 800px) {
.header_top_sub2{ text-align:center; float:left; padding:4px 4px 0px 0px;}	
.right_top_sec_mob{ display:block;}	
.right_top_sec{ display:none;}
.box_c{margin:0 auto; float:none; max-width:648px; width:100%;}
.box_c_text{max-width:425px; width:100%;}
.impinfo{ display:block; float:left; margin-top:15px; color:black;}

.right_top_sec_mob .cartset{ padding:4px 0px 8px 0px;}
.right_top_sec_mob .cartset a{color:#0033CC; text-decoration:none; font-size:14px; padding:0px 10px;}
.right_top_sec_mob .cartset a:hover{color:#CC0000; text-decoration:underline;}
.right_top_sec_mob .topsearchbox{ padding:0px 0px 0px 0px;}

.box_d{margin:0 auto; float:none; clear:left;}
.box_b_tag h2{font-size:20px; padding-bottom:3%;}
.box_b_tag h2 span{font-size:36px;}
.box_b_tag p{font-size:14px; padding-bottom:5%;}

.box1{max-width:100%; width:auto; float:left; margin-right:0%; position:relative; margin-bottom:30px;}
.box2{max-width:100%; width:auto; float:left; margin-right:0%; position:relative; margin-bottom:30px;}


.footer_link_sec{clear:both; display:inline-block; float:none; padding-left:30px;}
.footer_falow_sec{float:none; width:100%; margin-top:20px; text-align:center;}

}

/*This is the third breakpoint and contains styles for screens 700px to 670px*/

@media only screen and (max-width:700px) {
.box_a{float:none; max-width:307px; margin:0 auto 30px auto;}
.box_b{float:none; max-width:307px; margin:0 auto 30px auto;}
.box_b_tag h2{font-size:24px; padding-bottom:5%;}
.box_b_tag h2 span{font-size:40px;}
.box_b_tag p{font-size:14px; padding-bottom:9%;}

}

/*This is the fourth breakpoint and contains styles for screens 670px to 575px*/

@media only screen and (max-width:670px) {
.logo{margin:2px 0;}
.box_c_text {max-width: 100%; width: 100%;}
div.left_side_bar {display:none;}
.right_side_bar {margin:0 auto; width: 88%; margin-right: 20px;}

}

/*This is the fifth breakpoint and contains styles for screens 575px to 525px*/

@media only screen and (max-width: 575px) {
.footer_link_sec ul{margin:0 7% 0 0;}
.phone_sec{float:none; clear:both; margin:10px auto 7px auto; width:130px;}

}

/*This is the sixth breakpoint and contains styles for screens 525px to 480px*/

@media only screen and (max-width: 525px) {
.right_top_sec{width: 100%; clear:both;}
ul.my_cart{float:none;}
.search{float:none; margin-left:0; width:100%;}
.coment_sec{max-width:100%; width:100%;  margin:0 0 30px 0;}
.coment_sec_txt{width:90%; margin:0 auto; float:none;}

.coment_sec_img{display:list-item; margin:0 auto 10px auto;}

}

/*This is the seventh breakpoint and contains styles for screens 480px to 425px*/

@media only screen and (max-width:480px) {

.footer_link_sec ul{margin:0 5% 0 0;}

}

/*This is the eighth breakpoint and contains styles for screens below 425px*/


@media only screen and (max-width:425px) {
.footer_link_sec ul{margin:0; width:45%;}


}

.style8 {font-size: 14px}
.style37 {color: #003333}
.style53 {
	color: #05D7AF;
	font-style: italic;
	font-weight: bold;
}
.style56 {
	color: #009933;
	font-weight: bold;
}
.style73 {color: #05D7AF; font-weight: bold;}
.style94 {color: #800040}
.style101 {font-weight: bold; color: #CC0000; font-size: 14px; }
.style102 {font-weight: bold; color: #BB1F1F; font-size: 14px; }
.style106 {
	color: #FFFFFF
}
.style107 {
	color: #294B9A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}
.style24 {	font-size: 36px;
	font-weight: bold;
	color: #660033;
}
.style27 {color: #FF3300}
.style108 {font-size: 18px}
.style109 {font-family: Arial, Helvetica, sans-serif}
.style110 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
}
.style113 {color: #666666}
.style115 {color: #FF0000}	

.discountsapply{
    float: left;
    padding-right: 5px;
    
}