@charset "utf-8";
/* CSS Document */
body{ padding:0 0 0 0; margin:0; color:#4a4a4a; font-size:14px; font-weight:normal; line-height:17px; background:#fff; width:100%; }
*{padding:0; margin:0;}
img{border:0; padding:0; margin:0;}

form,input, select, textarea{outline:0;}
p strong{ font-weight:normal; font-size:15px;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

ul,li,a{ 
	list-style:none; 
	text-decoration:none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.clear{ clear:both;}
.left{ float:left !important;}
.right{ float:right !important;}

#wrapper{padding:0; margin:0;}	
.content{ width:1000px; margin:0 auto;}	

/*======================== Header ===================*/
#header{ width:100%; }
#header .logo{ margin:10px auto; text-align:center; }
#header .bottomBlock{ background:#ff4500; padding:15px 0; text-align:center;}
#header .bottomBlock h2{ color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif;}

/*=========================Body===================*/
#bodyBlock{width:100%; }
#bodyBlock .block{ border-bottom:1px solid #dadadc; width:100%; padding:40px 0;}
#bodyBlock .block .ltBlock{ float:left; width:624px;}
#bodyBlock .block .ltBlock img{ display:block; width:100%;}
#bodyBlock .block .rtBlock{ float:right; width:330px;} 
#bodyBlock .block .rtBlock h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:27px; color:#5f5f5f; line-height:30px; text-transform:uppercase; padding-bottom:17px;}
#bodyBlock .block .rtBlock p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#767676; line-height:20px; padding-bottom:35px;}
#bodyBlock .block .rtBlock h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; line-height:20px;background:#00c70e; border-radius:4px; text-align:center; padding:6px; width:35%; float:left;}
#bodyBlock .block .rtBlock h3 a{ color:#fff;}
#bodyBlock .block .rtBlock h3 a:hover{ color:#faf448;}
#bodyBlock .block .rtBlock h3.btn2{ background:#cd4e27; margin-left:25px;}
#bodyBlock .block .rtBlock h3.btn2 a{ color:#fff;}
#bodyBlock .block .rtBlock h3.btn2 a:hover{ color:#628e03;}
#bodyBlock .block.bottom{ border:none; margin-bottom:50px;}


/*----------FULL-VIEW----------*/
.erb-image-wrapper{
    max-width:100%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
}
.erb-image-wrapper img{
    width:100%;
    min-height:1218px;
    display:block;
}
#footer{ background:#525252; padding:30px 0; }
#footer h4 a{ text-align:left; font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:18px;line-height:20px; float:left; width:50%; }
#footer h4 a:hover{ color:#f7f7f7;}
#footer h3 a{ text-align:right; font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:18px;line-height:20px; float:right; width:50%; }
#footer h3 a:hover{ color:#f7f7f7;}

/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width:1025px) {
		.content{ width:92%; }
		#bodyBlock .block{ width:100%; padding:20px 0;}
		#bodyBlock .block .ltBlock{ float:left; width:55%;}
		#bodyBlock .block .ltBlock img{ width:100%;}
		#bodyBlock .block .rtBlock{ float:right; width:40%;}
/*----------FULL-VIEW----------*/		
		.erb-image-wrapper{
		max-width:1024px;
		height:auto;
		position: relative;
		display:block;
		margin:0 auto;
	}
	.erb-image-wrapper img{
		width:1024px;
		min-height:1218px;
		display:block;
	}
	}
@media screen and (max-width:500px) {
		#bodyBlock .block{ width:100%; padding:20px 0;}
		#bodyBlock .block .ltBlock{ float:inherit; width:100%;}
		#bodyBlock .block .rtBlock{ float:inherit; width:100%;}
/*----------FULL-VIEW----------*/		
		.erb-image-wrapper{
		max-width:500px;
		height:auto;
		position: relative;
		display:block;
		margin:0 auto;
	}
	.erb-image-wrapper img{
		width:1000px;
		 min-height:1218px;
		display:block;
	}
	}