@charset "utf-8";
html, body, div, p, h1, {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
	margin: 0;
}


/* HTML Styles */


.row{
	padding:0;
	margin:0;	
}
/* CSS Document */

.body {
	background:#fff;
	margin: 0;
  	font-family: 'dosis' !important;
  	font-weight:400;
  	font-size: 12px;
    color: #333;
  	transition: .3s all ease-out;
}

.container{
	margin: 0 auto;
}

.cart {
	float: left;
	width: 100%;
	margin: 25px 0 0 0;
}

.cart img {
	float: right;
	width: 6%;
	height: 50%;
}

.shop {
	width: 100%;
}
.main_header {
	padding: 0 0 20px 0;
}
.top_bg {
	background:#fff;
}
.logo {
	float:left;
	width:100%;
	margin-top:3px;
}

.logo img{
	width: 100%;

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	padding: 0;
	float:left;
	width: 100%;
}	

.navbar-default {
	margin: 0px;
	padding: 0px;
   	float: right;
}

.nav {
	padding-left:10px;
	width:100%;
	margin-top: 17%;
	color:#333;
	
}



.nav > li {
	float: left;
}

.nav > li > a {
        float: left;
    text-align: center;
    font-family: 'dosis' !important;
    margin-right: 1px;
    line-height: 25px;
    font-size: 17px!important;
	font-weight:bold;
    color: #333;
    padding: 5px 15px!important;
    text-decoration: none;
    letter-spacing: 1px;
	/*background-color: #90EE90;*/
	background-color: #90EE90;
	border: 1px solid #32A410;

    
}

.nav > li > a:hover {
	/*background-color:#008000!important;
	background-color:#65ac59!important;*/
	background-color:#7FFF00!important;
	
	background-color:transparent;
	border-bottom: 1px solid #32A410;

	
}


.active{
	color:#333;
	background-color:transparent;
	border-bottom: 1px solid #32A410;
	
	
}

.banner_img {
	float: left;
    position: relative;
    background-size: contain;
    background: url(images/banner2.jpg);
    background-position: center;
    margin: 0 15px;
    height: 219px;
    padding: 0 22px;
	
}

.img {
	max-width: 100%;
	
}

.txton_banner {
	float: left;
	max-width: 100%;
	margin: 4.5% 0;
}

.txton_banner p{

color: #fff; 
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; 
font-size: 28px;
font-family: cursive !important;
text-align: center; 
}



/*.txton_banner p{
	font-size: 30px;
	font-weight: bold;
	-webkit-text-stroke: 2px black;
	
	text-align: center;
	font-family: cursive !important;
	color: #ffffff;
	text-shadow: 2px 6px 6px #020202;
	
}*/
/*
.banner_img .txton_banner {
    text-align: center;
    vertical-align: middle;
}*/

/*
.slider{
	float:left;
	width:100%;
	height: 300px;
	}
/*
.flex-direction-nav a {
	width: 50% !important;
	height: 50% !important;
}
*/


.boxes{
	float:left;
	width:100%;	
	margin-top:20px;
	padding: 0px 15px;
}

.box_wrap{
	float: left;
    width: 100%;
    background: #2F1AD7;
    padding: 15px 18px;
    margin-bottom: 20px;


}

.box_wrap:hover {
	background:#000099;
	color: #32A410;
}
.box{
	position: relative;
	float: left;
	width: 100%;
	
	
}
.product-box{width:300px; margin: 0 auto;}
.highlight2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.highlight2 .box2 {
    width: 223px;
	width: 250px;
    min-height: 370px;
	/*min-height: 285px;*/
    float: left;
    margin-right: 30px;
    margin-left: 10px;
    margin-top: 10px;
    background: #FFF;
    border: 2px solid #2e1bd7;
	/*border: 2px solid #1f1f1f;*/
    text-align: center;
}
.box2 > h3{

font-size:15px!important;
font-weight:bold;

}
.box > a > img {
	float: left;
	max-width: 100%;
}


.prod_name {
	float: left;
	width: 100%;
	color: #f5f5f5;
	text-align: center;
	 font-family: 'dosis' !important;
	 font-weight: bold;
	 -webkit-transform: translate(0%,6%);
    -moz-transform: translate(0%,6%);
    -ms-transform: translate(0%,6%);
    -o-transform: translate(0%,6%);
    transform: translate(0%,6%);

}
.prod_name:hover {
	color:#32A410;
	cursor: pointer;
	}

.shipping_content {
	float: left;
	width: 100%;
	margin:60px 0;
	font-family: 'dosis' !important;
	font-weight: 400;
}

.content {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 15px;

}

.content img {
	margin-bottom: 15px;
}

.content p {
	color: #777;
}

.bottom-content-bg {
	
	width: 100%;
 	background: rgba(204, 204, 204, 0.22);
	background-image:url(images/leaves111.png);
	/*background: url(images/leaves-adobed.png) top;
	background: url(images/leaves2.jpg) top;*/
	background-repeat: repeat-x;
	

}

.bottom-content {
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'dosis' !important;
	font-weight: 400;
	padding: 50px;

}

.bottom-content h2 {
	float: left;
	width: 100%;
	text-align: center;
	color:#6D6D6D!important;
}

.bottom-content h2 a{
	text-decoration:none;
	color:#6D6D6D!important;
}

.bottom-content h2 a:hover{
	text-decoration:none;
}


.bottom-content p {
	float: left;
	width: 100%;
	text-align: center;
}
footer.main-footer-inverted {

    background-color: #333 !important;
}

.main-footer.footer-bottom-vertical {
    text-align: center;
}
.main-footer {
    background: 0 0;
}
.main-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
}
.ftr_nav{
	float:left;
	width:100%;
	text-align: center;
       /* padding: 25px 0px 20px 20%; */
	  padding: 25px 0px 20px 0px;  
}

.ftr_nav li{
	float:left;
	
}

.ftr_nav li a{
	float: left;
	width: 100%;
    text-align: center;
	font-family: 'dosis' !important;
	font-weight: 400;
	line-height:25px;
	color: #fff;
	font-size: 15px;
   /* padding: 5px 10px!important;*/
    padding: 5px 5px!important;
    margin: 18px 0px 0px 14px;
    text-decoration: none;
    letter-spacing: 1px;
    

}

.copyrights p {
	float: left;
	width: 100%;
	color: #fff;
	font-family: 'dosis' !important;
	font-weight: 400;
}

a.back-to-top {
	
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #333 url("images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	transition: all .5s ease;
}
a:hover.back-to-top {
	background-color: #FF4F40;

}




.productdiv {float:left; position: relative; margin:5px; border-radius: 5px; width:225px; height:275px; background-color:#ffffff;}

.productdiv:hover .proprice {
    opacity: 1; 
    
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.productdiv:hover .protitle {
    opacity: 5; 
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.protitle {width:225px; padding:10px 0px 10px 0px; text-align:center; position: absolute; top: 0px; opacity: 0; color: #000000; text-decoration: none; border-radius: 0 0 5px 5px;}
.proprice {width:225px; height: 50px; padding:0px; text-align:center; position: absolute; opacity: 0; color: #fff; text-decoration: none; border-radius: 5px 5px 0 0; }
.propricespan{line-height: 50px; color: #777; font-size: 24px;}
.protitlespan{line-height: 18px; font-size: 10px; width: 150px; margin:0 auto;}
.prolink {width:100%; background-color:#5e0001; padding:10px; text-align:center;}
.prolink a {color:#f79d27;  font-family:comic sans ms, arial;}

.leftcolumn {width:172px; padding:0px; text-align:left; vertical-align:top;}
.rightcolumn {width:830px; padding:0px; text-align:left; vertical-align:top;}

.divmain input[type=text] {height:30px; width:240px; margin: 2px; border: 1px solid #cccccc;}
.divmain input[type=password] {height:30px; width:240px; margin: 2px; border: 1px solid #cccccc;}
.divmain input[type=submit], input[type=reset] {padding:10px; cursor:pointer; margin: 2px; border: 1px solid #cccccc;}
input[type=submit], input[type=reset] {padding:10px; cursor:pointer; margin: 2px; border: 1px solid #cccccc;}
.divmain textarea {height:100px; width:240px; margin: 2px; border: 1px solid #cccccc;}

.divmain {margin:0px; padding:0px; min-height:400px;}

.div1 {float:left; margin:0px 15px 0px 15px;}
.div2 {float: left;
    margin: 0px 15px 0px 0px;
    width: 100%;
    padding: 5%;
    border-top: 15px solid #3ea909;
    border-left: 15px solid #3ea909;
    border-bottom: 15px solid #3ea909;
    border-radius: 45px;
    background-image: url(images/border.png);
    background-repeat: no-repeat;
    background-position: right -44px bottom 7px;}
.div3 {float:left; margin:0px 0px 0px 15px;}
.div4 {float:left; margin:0px 15px 0px 0px;}
.div5 {float:left; margin:0px 15px 0px 15px;}
.div6 {float:left; margin:0px 0px 0px 15px;}
.div7 {float:left; margin:8px;}
.div8 {float:left; margin:8px;}
.div9 {float:left; margin:8px;}

.gallerycell {margin:5px; border:0px solid #333333; text-align:center; width:50px;}
.galleryimage {width:50px; height:50px;margin:5px; border:1px solid #bfbcbc; }

.eventname {text-align:left; vertical-align:top; background:#ebf1f5;}
.eventname2 {text-align:left; vertical-align:top; background:#fafdff;}

.fieldname {text-align:right; background-color:#e1e1e1; width:150px; color:#000000;}
.fieldbox {text-align:left;}

.blogleft {background-color:#e0e1e2; width:30%; text-align:left; vertical-align:top; color:#000000;}
.blogright {background-color:#e8e9ea; text-align:left; vertical-align:top;}
.blogheader {background-color:#808285; text-align:left; vertical-align:top; color:#FFFFFF;}

.catalog {padding:5px;}

.starcell img {float:none;}


.membersdiv {margin-left:20px;}
.membersnav {margin-top:20px; margin-bottom: 0px;}

.storebreadcrumbs {border:0px solid #1b1f1b; padding:0px; color:#000000;}
.storemaincell {border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.storebottomlinks {border:0px solid #1b1f1b; color:#c1c8d3;}
.storeproductcell {border-top:5px solid #cccccc; border-bottom:0px solid #cccccc; padding:0px;}

.cart {background-color:#f5f5f5; color:#000000; }
.cartheaders {padding:3px; background-color:#e9e7e9; color:#000000;}
.cartitem {border-right:1px solid #e9e7e9; border-bottom:1px solid #e9e7e9; border-left:1px solid #e9e7e9;}

.cartbox {background-color:#f5f5f5; color:#000000; margin:30px auto; padding: 5px; border-collapse: separate;}
table.cartbox td{ margin:0; padding:2px; border-collapse: separate;}
table.cartbox tr{ margin:0; padding:0px; border-collapse: separate;}

.checkout {background-color:#f5f5f5; color:#000000;}
.checkoutheader {padding:5px; background-color:#d4d6d4; color:#000000;}
.checkoutcellleft {padding:5px; background-color:#e9e7e9; color:#000000; width:200px;}
.checkoutcellright {padding:5px;}

.servicename {border-bottom:1px dotted #1055ac; font-size:14px;}
.serviceprice {border-bottom:1px solid #1062c9; text-align:right; font-size:10px; background-color:#105ab5;}

.profilename {border-bottom:1px dotted #1055ac; font-size:14px;}

.estimateform {background-color:#808080; border:1px solid #000000; color:#ffffff; width:200px; height:28px; vertical-align:middle; margin-top:3px; font-size:12px;}

.socialprofile { vertical-align:top; text-align:left;}
.socialprofileleft2 {text-align:right; vertical-align:top; background-color:#eff0f1; font-size:14px; width:170px;}
.socialprofileright2 {text-align:left; vertical-align:top; font-size:12px;}

.socialcommentcell { vertical-align:top; text-align:left; border-bottom:1px solid #0f226b; width:100px;}
.socialcommentcell2 { vertical-align:top; text-align:left; border-bottom:1px solid #0f226b;}
.socialcommentcell3 { vertical-align:bottom; text-align:left; border-bottom:1px solid #0f226b; width:150px;}

.custombutton {padding:0;margin:0;border:none;background:none;cursor:pointer;}

* html .custombutton {cursor:hand;} /* alternate cursor style for ie */

.viewcartoptions {margin-left:20px; font-weight:400; font-size:10px;}

 #sortlist {
	width: 550px;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #a5a1a1;
	text-align:center;

	}
#sortlist div.sorting {
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	}
	
#sortlist div.sorting:hover { 
	float: left;
	margin: 4px;
	padding: 4px;
	background-color:#DEE7EB;
	cursor: move;
	}
.heading{
	    border-bottom: 15px solid #3ea909;
    border-radius: 45px;
    background-image: url(images/border.png);
    background-repeat: no-repeat;
    background-position: right -45px bottom -51px;
    width: 39%;
    text-align: center;
	font-family: 'dosis' !important;
}