/* generic */

body, html{
	display:block;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#79797a;
	position:relative;
}

.top_arrow{
	position:fixed;
	bottom:70px;
	right:20px;
	background-image:url(../img/uparrow.png);
	display:block;
	width:40px;
	height:40px;
}

.wrapper{
	width:1240px;
	margin:0px auto;
}

.clear:after{
	clear:both;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clear{
	display:block;
}

.light_grey{
	background-color:#f5f5f5;
	color:#777777;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
}

.dark_grey{
	background-color:#1a191e;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
}

/* header */

.header{
	background-color:#000;
	color:#fff;
	padding-top:5px;
}

.header #cssmenu ul, .header #cssmenu ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}

.header #cssmenu ul li a{
	display:block;
	color:#e60513;
	text-decoration:none;
	height:57px;
	line-height:57px;
	padding:5px;
	margin-right:5px;
}

.header #cssmenu ul li a:hover,.header #cssmenu ul li a.current{
	background-color:#e60513;
	color:#fff;
}

.header #cssmenu ul li a.logo{
	background-image:url(../img/header_logo.jpg);
	width:357px;
}

.header #cssmenu ul li a.login{
	background-image:url(../img/login_key.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	margin-left:45px;
}


.header .sub{
	background-color:#f1f1f1;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	color:#777777;
	font-size:16px;
}

.header .sub ul, .header .sub ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline-block;
	line-height:30px;
}

.header .sub ul li.tagline{
	color:#6abe51;
	margin-right:100px;
}

.header .sub ul li.tagline strong{
	color:#e60513;
}

.header .sub ul li.sep{
	border-right:solid 1px #cfcfcf;
	padding-left:10px;
	padding-right:10px;
}

.header .sub form{
	margin:0px;
	padding:0px;
	padding-right:10px;
}

.header .sub form input{
	border:1px solid #e5e5e5;
	padding:0px;
	margin:0px;
	font-size:14px;
	padding:5px;
	color:#777777;
	width:150px;
}

.header .sub a{
	color:#777777;
	text-decoration:none;
}

.header .sub .phone{
	background-image:url(../img/phone.jpg);
	background-repeat:no-repeat;
	text-indent:20px;
	background-position:10px 6px;
	padding-right:20px;
}

.header .sub a.social{
	padding:0px;
	margin:0px;
	height:30px;
	width:30px;
	margin-right:1px;
	display:inline-block;
	text-decoration:none;
}

.header .sub ul li.basket{
	padding-left:10px;
	font-size:14px;
	background-image:url(../img/basket.jpg);
	background-repeat:no-repeat;
	text-indent:30px;
	background-position:10px 3px;
}

/* content */

.body{
}

.new_prod_text{
	width:20%;
	float:left;
	margin-left:5%;
}

.new_prod_text h2{
	text-transform:uppercase;
	color:#444444;
}

.new_prod_text h3{
	text-transform:uppercase;
	color:#777777;
	font-weight:normal;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:20px;
}

.new_prod_text p{
	padding-bottom:20px;
}

.round_button{
	border-radius:10px;
	padding:10px;
	text-decoration:none;
}

.round_button.green{
	background-color:#6abe51;
	color:#fff;
}

.round_button.grey{
}

.quote{
	text-align:center;
}

.quote h2{
	width:70%;
	margin:0px auto;
	font-weight:normal;
	padding-bottom:20px;
	font-size:20px;
	text-transform:uppercase;
}

.quote h3{
	width:70%;
	padding:0px;
	margin:0px auto;
	font-weight:normal;
	text-transform:uppercase;
}

/* sliders */

.slider{
	overflow:hidden;
}

.slider img{
	width:100%;
}

.slider2{
	width:75%;
	float:left;
}

.slider3{
	position:relative;
}

.slider4 .item img{
	width:95%;
	margin-bottom:10px;
	margin-top:30px;
}

.slider4 .item{
	text-align:center;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

.slider4 .item .circ_container{
	top:-20px;
}

/* circles */

.item{
	position:relative;
}

.circ_container{
	width:100px;
	height:100px;
	position:absolute;
	top:0px;
	right:0px;
}

.circ_container .circ_top_green{
	border-radius:50%;
	width:35px;
	height:35px;
	background-color:#6abe51;
	color:#dadada;
	position:absolute;
	top:0px;
	right:30px;
	z-index:3;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}

.circ_container .circ_mid_grey{
	border-radius:50%;
	width:70px;
	height:70px;
	text-align:center;
	background-color:#dadada;
	color:#6abe51;
	position:absolute;
	top:20px;
	right:40px;
	z-index:2;
	display: flex;
	align-items: center; /* align vertical */
}

.circ_container .circ_mid_grey div{
	text-align:center;
	font-size:10px;
}

.circ_container .circ_mid_grey div strong{
	font-size:14px;
}

.circ_container .circ_bottom_green{
	border-radius:50%;
	width:60px;
	height:60px;
	text-align:center;
	background-color:#6abe51;
	color:#dadada;
	position:absolute;
	top:70px;
	right:20px;
	z-index:2;
	display: flex;
	align-items: center; /* align vertical */
	font-size:10px;
}

.circ_container .circ_bottom_green div{
	text-align:center;
}
.circ_container .circ_bottom_green div strong{
	font-size:12px;
}

/* footer */

.footer{
}

.footer .twentyfive, .footer .twentyfive li{
	list-style:none;
	margin:0px;
	padding:0px;
}

.footer .twentyfive li{
	float:left;
	width:24%;
	margin-right:1%;
}

.footer .twentyfive li:last-child{
}

.footer .twentyfive li h2{
	font-size:16px;
	color:#666666;
}

.footer .twentyfive li img{
	width:100%;
}

.footer .twentyfive .fproducts, .footer .twentyfive .fproducts li{
	float:none;
	margin:0px;
	padding:0px;
	width:100%;
}

.footer .twentyfive .fproducts li a{
	text-decoration:none;
	color:#666666;
	display:block;
}

.footer .twentyfive .fproducts li a:hover{
	text-decoration:underline;
}

.footer .twentyfive li .form_control{
	border:1px solid #dedede;
	float:left;
	margin:0px;
	padding:5px;
	margin-bottom:20px;
}

.footer .twentyfive li .button{
	background-color:#dedede;
	border:none;
	width:295px;
	padding:10px;
	text-transform:uppercase;
}

.footer .footer_nav ul, .footer .footer_nav ul li{
	list-style:none;
	margin:0px;
	padding:0px;
}

.footer .footer_nav ul li{
	border-right:1px solid #777777;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}

.footer .footer_nav ul li a{
	text-decoration:none;
	color:#777777;
	display:block;
	text-align:center;
	font-size:10px;
}

.footer .footer_nav ul li:first-child{
	padding-left:0px;
}

.footer .footer_nav ul li:last-child{
	border-right:none;
	padding-right:0px;
}



.footer .bottom_footer ul, .footer .bottom_footer ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline-block;
}

.footer .bottom_footer ul li{
	padding-left:40px;
	padding-right:40px;
	border-right:1px solid #fff;
}

.footer .bottom_footer ul li a{
	text-decoration:none;
	color:#fff;
}

.footer .bottom_footer ul li:first-child{
	padding-left:0px;
}

.footer .bottom_footer ul li:last-child{
	border-right:none;
	padding-right:0px;
}

.footer_logos{
	border-top:1px solid #dedede;
	padding-top:20px;
}

.footer_cards{
	float:right;
}