@charset "utf-8";



/*-- Global

----------------------------------------------------------------------*/



* {

	margin: 0;

	padding: 0;

	border: 0;

}



html {

	font-size:62.5%;

}



body {

	width:100%!important;

}





/*-- Header Section

----------------------------------------------------------------------*/

.zoom{
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;
	display: block;
	
}

.zoomcover{
	width: 480px;
	height: 310px;
	display: block;
}

#header {

	width: 100% !important;
	min-width: 1200px;

	height: 76px;

	background: rgba(0, 0, 0, 0.8);

	border-top-width: 61px;

	border-bottom-width: 10px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #32b027;

	border-bottom-color: #32b027;	

	position:absolute;

	z-index:500000;

}



#focus {

	width:100%;

	height:834px;

	/*background:url(../img/body_bg.jpg) no-repeat top center;*/

}

#focus2 {

	width:100%;

	height:575px !important;

	/*background:url(../img/body_bg.jpg) no-repeat top center;*/

}





@media (min-width: 1500px) { 

	#focus2 {

	width:100%;

	height:575px !important;

	background-position:0px -50px !important;

	/*background:url(../img/body_bg.jpg) no-repeat top center;*/

}

}

@media (min-width: 1700px) { 

	#focus2 {

	width:100%;

	height:575px !important;

	background-position:0px -150px !important;

	/*background:url(../img/body_bg.jpg) no-repeat top center;*/

}

}



#focus_box {

	height:233px;

	top:250px;

	margin-left:510px;

	background:url(../img/focus_box.png) no-repeat top center;

}

.black_box {

	width:509px;

	height:100px;

	/*background:rgba(223, 223, 223, 0.7);*/

	position:absolute;

	margin-left:113px;

	font-family: 'Roboto', sans-serif;

	font-weight: 100;

	font-size:61.24px;

	font-size:4.12rem;

	line-height:100px;

	text-align:center;

	text-transform:uppercase;

	color:#fff;

}

.white_box {

	width:509px;

	height:60px;

	/*background:rgba(223, 223, 223, 0.7);*/

	position:absolute;

	margin-left:59px;

	top:124px;

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size:32.12px;

	font-size:2.21rem;

	line-height:60px;

	text-align:center;

	text-transform:uppercase;

	color:#000;

}

.green_box a {

	width:136px;

	height:30px;

	/*background:rgba(223, 223, 223, 0.7);*/

	position:absolute;

	margin-left:466px;

	bottom:0;

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size:16.42px;

	font-size:1.64rem;

	line-height:30px;

	text-align:center;

	text-transform:uppercase;

	color:#fff;

}

.green_box a:hover {

	color:#000;

}

#info_boxes {

	height:200px;

	width:620px !important;

	position:absolute;

	top:550px;

	margin-left:510px;

	z-index:10000;

	padding-left:60px

}

.mini_boxes {

	width:176px;

	height:200px;

	margin:0 10px;

	float:left;

}

.mini_boxes img {

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #32b027;	

	-moz-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.14);

	-webkit-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.14);

	box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.14);

}

.mini_boxes a:hover > img {

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #000;	

	-moz-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.14);

	-webkit-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.14);

	box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.14);

}



#product_slider {

	width:100%;

	height:220px;

	background:#e3e3e3;

	border-top:solid 48px #4ac840;

	border-bottom:solid 8px #000;

}

#product_slider2 {

	width:100%;

	height:0;

	background:#e3e3e3;

	border-top:solid 48px #4ac840;

}

#product_slider3 {

	width:100%;

	height:105px;

	background:#e3e3e3;

	border-top:solid 48px #4ac840;

	border-bottom:solid 8px #000;

}

#slider_header {

	background:#000;

	height:40px;

	/*width:100%;*/

	position:relative;

	top:-40px;

}

#slider_wrap {

	margin-top:-18px;

	height:172px;

	float:left;

	margin-left:30px !important;

}

.box_divider {

	width:378px !important;

	border-right:solid 2px #939393;

}

.box_divider:nth-of-type(3n) {

	border-right:none;

}

.box1 {

	height:172px;

	width:162px !important;

	padding-left:15px;

}

.box_image {

	height:172px;

	width:178px !important;

	margin-top:10px;

}



.readmore a {

	display:block;

	margin-top:5px;

	line-height:36px;

	text-align:center;

	color:#fff;

	width:100%;

	height:36px;

	background:#4ac840;

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size:16px;

	font-size:1.6rem;

}

.readmore a:hover {

	color:#000;

}


.justifyleft{
	text-align: left !important;
}


.nextOption {
position: relative;
margin-top: -40px;
	height: 105px;

}

.option_slider {

	height:310px !important;

	background:url(../img/loading2.gif) no-repeat center center;

	width:480px !important;

}

.option_slider img {

	height:310px !important;

	width:480px !important;

}

.option_slider_mini {

	height:85px !important;

	background:#fff;

	width:96% !important;

	position:absolute !important;

	margin-top:315px;

	margin-left:-490px;

	width:480px !important;
	
	cursor:pointer;

}

.option_slider_mini img {

	margin-right:4px;

}

.option_content {

	min-height:250px;



}

.option_nav {
	margin-top: 15px;
	border-top: solid 2px #27262b;
	height:130px;

	padding-top:15px;

}

#content2 input {

	background: darkslategrey;

	padding: 10px;

	border-radius: 5px;

	box-shadow: #999 2px 2px 2px;

	color: #fff;

	cursor: pointer;

	margin-top:60px;

	float:left;

	

}



/*-- Content Section

----------------------------------------------------------------------*/

	

#content {

	width:100%;

	min-height:250px;

}

#content_box {

	min-height:50px;

	margin-top:30px;

}

#content_box_centered {

	min-height:50px;

	margin-top:30px;
	text-align: center;

}

#content_box_centered .box_divider{

	height: 220px;
	width: 374px !important;
	text-align: left;
	
	border-bottom: 1px solid #000;
	border: 2px solid #d8d8d8;
}

#content_box_centered .box_divider .box1{

	width: 160px !important; 
}

#content_box_centered .box_divider h3{

	font-size: 2.5rem;
}

#swrap{
	
	width: 500px;
	
}

#content_box_text img {

	height:300px;

	margin:50px 10px 20px;

	float:right;

}





/*-- Footer Section

----------------------------------------------------------------------*/



#footer {

	width:100%;

	height:96px;

	background:#000;

	border-bottom:solid 10px #32b027;

}






/*-- media queries Section

----------------------------------------------------------------------*/

@media (max-height: 1000px) { 

	#focus {

	width:100%;

	height:700px !important;

	

	/*background:url(../img/body_bg.jpg) no-repeat top center;*/

}

#info_boxes{
	
	top: 450px;
	
}

#focus_box{
	
	top: 200px;
	
}



}