html, body{
	height: 100%;
	margin:0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	background: #f4f4f4;
	color: #4f5963;
}
h4{margin-bottom: 0px; font-weight: normal; font-size: 16px;}
.clear{clear:both}
.more{float: right;}
.main-width{
	width: 1180px;
	margin: 0px auto;
	position: relative;
}
#menu a, form input[type="submit"]{;
	transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-webkit-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
}
a{
	text-decoration: none;
	color: #4f5963;
}
header{
	height: 140px;
	position: relative;
}
header ul.share-btn{ float: right; width: auto; margin: 10px 20px; }
header ul.share-btn li{  list-style: none; margin: 5px 10px; display: inline-block; }
header ul.article-share{ float: right; width: auto; margin: 5px 20px; }
header ul.article-share li{ display: inline-block; list-style: none; margin: 0px 10px;}
#tagline{ color: #5a80b7; font-weight: bold; font-size: 22px; position: absolute; left: 20%; margin-left: 90px; top: 20px;}
#tagline span{color: #ccac00;}
#logo{
	display: block;
	background: url(../img/logo.png);
	height: 152px;
	width: 152px;
	position: absolute;
	left: 20%;
	top: 5px;
	margin-left: -68px;
	z-index:10
}

#menu::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left-width: 48px;
	border-left-style: solid;
	border-left-color: #f4f4f4;
	border-top: 48px solid transparent;;;
	left: 0px;
	top:-4px;
}
#menu{
	width: 93%;
	line-height: 40px;
	background: #5a80b7;
	position: absolute;
	right: 0px;
	top: 55px;
	z-index: 1;
	box-sizing: border-box;
	padding-left: 20%;
	border-top: 4px solid #ccac00;
	border-bottom: 4px solid #ccac00;
	box-shadow: inset 1px 1px 3px #475870;
}
#menu a{
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 30px;
	color:rgba(255,255,255,0.9);
}
#menu a:hover{color:#fff;text-shadow: 2px 2px 3px #4f5963;}

header form {position: absolute; right: 22%; top: 15px;}
header form input{padding: 3px 5px; height: 26px}
header form input[type=search]{float: left; border-radius: 3px 0px 0px 3px; border: 1px #ccc solid;}
header form input[type=submit]{background: #ccac00; color: #fff; font-weight: bold; border: none; text-align: center; width: 80px;font-family: 'Lato', Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius: 0px 3px 3px 0px;}

.box{box-sizing: border-box; margin-right: 5%; padding: 20px; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); width: 30%; float: left; margin-bottom: 30px; position: relative; font-size: 13px;}
.box.transparent{background: none; box-shadow: none; padding: 0px;}
.double-box{width: 65%;}
.no-margin{margin-right: 0px !important;}
.half-box{width: 45%; margin-right: 10%; float: left;}
.top-box{height: 340px;}

.box-right{float:right}
.box h2{margin: 0px; background: #ccac00; color: #fff; text-transform: uppercase; padding: 5px 20px; position: absolute; top: -15px; left: -5px; font-size: 16px;height: 22px; text-shadow: 1px 1px 2px #998100;
	box-shadow: 1px 1px 3px #ccc;z-index: 11;}
.box h2::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left-width: 32px;
	border-left-style: solid;
	border-left-color: #ccac00;
	border-bottom: 32px solid transparent;
	right: -32px;
	top:0px;
	z-index: 11;
}

.break{border-top: 1px #ccc dotted;margin-bottom: 30px;}

.news-box > div:first-of-type{border: none;}
.news-item{  border-top: 1px #ccc dotted; padding-bottom: 10px;}
.news-item h3{font-size: 16px;}
.news-item a, .box a, .intro-box strong{color: #5a80b7;}
.intro-box{font-size: 18px; line-height: 30px;}





.blog-item:nth-of-type(1){ margin-right: 15px;}
.blog-item:nth-of-type(2){margin-right: 15px;}

.blog-item:nth-of-type(3) h2{display: none;}
.blog-item:nth-of-type(2) h2{display: none;}


.blog-item p{ padding: 0px; margin: 0px;}
.blog-item img{ height: 100%; max-width: 100%; width: auto; }
.blog-item .date{color: #999; font-size: 12px; margin: 5px 0px;}

.blog-item h4{height: 44px; overflow: hidden;}
.blog-item .descr{height: 88px; overflow: hidden;}

.prices{position: relative; overflow: hidden; height: 300px; top:20px}	
.prices iframe{position: relative;	 top: -24px;}
		
		
		

footer{
	background: -webkit-linear-gradient(90deg, #e1e1e1 40%, #f4f4f4 41%);
    background: -o-linear-gradient(90deg, #e1e1e1 40%, #f4f4f4 41%);
    background: -moz-linear-gradient(90deg, #e1e1e1 40%, #f4f4f4 41%);
    background: linear-gradient(90deg, #e1e1e1 40%, #f4f4f4 41%);
	height: 48px;
	width: 100%;
	margin: 40px 0px 10px;
}
#footer-line{
	width: 95%;
	line-height: 48px;
	background: #e1e1e1;
	position: absolute;
	/*left: 0px;*/
	color: #666;
	z-index: 1
}
#footer-line::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left-width: 48px;
	border-left-style: solid;
	border-left-color: #e1e1e1;
	border-bottom: 48px solid transparent;
	right: -48px;
}
#footer-line span{margin-right: 5%;}
#disclaimer{ font-size: 13px; color: #999;margin-bottom: 30px;}

@media only screen and (min-width: 1000px){
	.prices{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2); left: 30px; top: 50px;}	
	.text-box{font-size: 16px;}
}
@media only screen and (max-width: 1260px){
	.main-width{ width: 980px}
	header form {right: 3%; top: 15px;}
}
@media only screen and (max-width: 1000px){
	.main-width{ width: 850px;}
	#menu{width:99%;}
	body{margin-top: 40px;}
	header form{top: -25px}
}
@media only screen and (max-width: 1260px) and (min-width: 871px){
	.scale-box{width: 40%;}
	.double-box{width: 55%}
}
@media only screen and (max-width: 870px){
	.main-width{ width: 640px;}
	.double-box{width: 100%; float: none; margin-right: 0px;}
}
@media only screen and (max-width: 870px) and (min-width: 661px){
	.scale-box, .blog-item{width: 47.5%;}

	.blog > div:nth-of-type(2){margin-right: 0px;}
	.blog > div:nth-of-type(3){display: none;}
	.box-right{position: absolute; top: 368px; right: 0px;}
	.prices{-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9); left: -15px; top: 20px; overflow: visible;}	
	.prices iframe{width: 300px !important;}
}
@media only screen and (max-width: 660px){
	.main-width{ width: 100%; box-sizing: border-box; padding: 0px 10px;}
	.box, .scale-box, .half-box{width: 100%; float: none; margin-right: 0px;}
	.prices-chart, .prices{height: 200px;}
	body{margin-top: 0px;}
	header, .top-box {height: auto; }
	header form{top: -35px}
	#logo, #header, #tagline, #menu{position:static; z-index: 1;}
	#menu{width: 100%; padding-left: 0px; text-align: center;}
	#menu a{margin:0px 10px;}
	#menu::before, #footer-line::after{display: none;}
	#logo{margin: 40px auto 10px;}
	#tagline{margin: 0px 0px 5px; text-align: center;}
	footer{ background: #e1e1e1;}
	.blog-item .descr, .blog-item h4, .blog-item .photo {height: auto;}
	.blog-item p img{display: block; max-width: 350px; margin: 0px auto;}
	
	header ul.article-share { position: absolute; right: 0px; bottom: 130px; z-index: 2; margin: 0px;}
	header ul.article-share  li { float: none !important; margin-bottom: 5px; display: block; }
	header ul.share-btn{ position: absolute; z-index: 2; left: 5px; margin: 0px; float: left; top: 100px; padding: 0px; }
	header ul.share-btn li { display: block; margin: 7px 0px; text-align: left;  }
	


}
@media only screen and (max-width: 400px){
	#menu a{margin:0px 5px; font-size: 12px;}
	#tagline{font-size: 16px;}
	
}
@media only screen and (max-width: 360px){
	#footer-line span{display: block;}
	footer{height: 96px;}
	#disclaimer{font-size: 11px;}
}