/*body {font-family:'Source Sans Pro', arial;}*/
body {font-family:Arial, Helvetica, sans-serif;}

a { text-decoration: none; }
h1 { font-size: 24px ; color: #00abe0; line-height: 30px; margin-top: 10px;}
h2 { color: #ffffff; font-size: 27px; line-height: 38px; text-align: center;}

nav { margin-top: 39px;}
ul { list-style: none; list-style-type: none;}
ul.language li {float: left; border: 1px solid #e1e1e1; width: 36px;}
ul.language li.last {border-left: 0px;}
ul.language a{ line-height: 32px; font-size: 15px; color: #00abe0; display: block; text-align: center;}
ul.language li.active a {color: #d5d5d5;}
a.bigbutton {display: block; text-align: center; color: #00abe0;line-height: 32px; font-size: 15px;border: 1px solid #e1e1e1;}
nav ul.language, nav .bigbutton {margin-top: 77px;}
.sitelogo { text-align: center;}
.sitelogo img { display: inline;}
header {margin-top: 34px;border-top: 1px solid #e1e1e1;}
.sy-controls .sy-prev a:after { background-image: url(../images/slider-left.png); background-position: center center; background-color: transparent; opacity: 1; border-radius: 0px; background-size: initial;width: 32px;
height: 54px;
left: 50%;
top: 50%;
margin-top: -27px;
margin-left: -16px;}
.sy-controls .sy-next a:after { background-image: url(../images/slider-right.png); background-position: center center; background-color: transparent; opacity: 1; border-radius: 0px;background-size: initial;width: 32px;
height: 54px;
left: 50%;
top: 50%;
margin-top: -27px;
margin-left: -16px;}
.sy-controls li a:link, .sy-controls li a:visited { opacity: 1 !important;}
.subheader { float: left; width: 100%; padding-bottom: 20px; background-image: url(../images/header-arrow-down.png); background-position: center bottom; background-repeat: no-repeat;}
.blueband { padding-top: 35px; padding-bottom: 35px; float: left; width: 100%; background-color: #60cbec;}

.content {float: left; width: 100%; margin-top: 60px;}
.content .block { float: left; width: 25%;}
.content .block .blockcontent {border: 1px solid #e1e1e1; border-right: 0px; padding-top: 17px; height: 215px;}
.content .block .blockcontent.last {border-right: 1px;}
.content .block.infoblock { background-color: #4b575f;}
.content .block .blockcontent p {margin-top: 22px; font-size: 17px; line-height: 23px; color: #4b575f; text-align: center;}
	.content .block .blockcontent p.fr {margin-top:12px;}

.content .block.infoblock { text-align: center; height: 234px;}
.content .block.infoblock h3 {font-size: 34px; line-height: 35px; color: #ffffff; margin-top: 30px;}
.content .block.infoblock h3 span {color: #60cbec;}
.content .block.infoblock p {margin-top: 22px; font-size: 17px; line-height: 23px; color: #ffffff; text-align: center;}

.downloadcta { text-align: center; margin-top: 70px;}
.downloadcta a { font-size: 16px; color: #60cbec; line-height: 56px; padding-right: 39px; padding-left: 75px; background-image: url(../images/acrymur-download.png);background-position: 22px center; background-repeat: no-repeat;
				display: inline-block; border: 1px solid #e1e1e1 ; }

.advantages {text-align: center; margin-top: 45px;}
.advantages h2 {font-size: 47px; line-height: 38px; color: #60cbec; margin-bottom: 35px;}
.advantages ul {}
.advantages ul li {font-size: 17px; line-height: 23px; color: #4b575f;margin-bottom: 5px;}
.advantages ul li i {background-image: url(../images/acrymur-bullet.png);background-repeat: no-repeat;width: 25px;display: inline-block;background-position: left center;}

footer { padding-bottom: 20px; text-align: center; padding-top: 42px; margin-top: 62px; background-color: #0085af; background-image: url(../images/header-arrow-down-white.png); background-position: center top; background-repeat: no-repeat; float: left; width: 100%;}
footer img { margin-bottom: 12px;}
footer p { margin-top: 24px; color: #ffffff;font-size: 16px;line-height: 20px;}
footer a { color: #ffffff;font-size: 16px;line-height: 20px; text-decoration: underline;}


@media only screen and (max-width: 959px) and (min-width: 768px) {
	.blockcontent img { width: 100%;}
	.content .block .blockcontent {height: 200px;}
	.content .block .blockcontent p {margin-top: 30px;font-size: 15px;line-height: 21px;}
	.content .block.infoblock p {margin-top: 14px;font-size: 15px;line-height: 21px;}
	.content .block.infoblock {height: 219px;}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
	.blueband {padding-top: 20px;padding-bottom: 20px;}
	h2 {font-size: 24px;line-height: 30px;}
	.content .block { float: left; width: 100%;}
	.content .block .blockcontent img { display: inline-block;}
	.content .block .blockcontent {border: 1px solid #e1e1e1; border-bottom: 0px solid #e1e1e1;; border-right: 1px solid #e1e1e1;; text-align: center;}
	.content .block .blockcontent.last {border-bottom: 1px solid #e1e1e1;; border-right: 1px solid #e1e1e1;;}	
	.content .block.infoblock { width: 100%;}
	.advantages h2 {font-size: 41px;line-height: 40px;}

	nav a.bigbutton {float: right; display: inline-block; padding-left: 10px; padding-right: 10px;}
	nav ul.language, nav .bigbutton {margin-top: 0px; }
	nav .grid_2.right {position: absolute;top: 0px;right: 0px; width: 33%;}
	nav .grid_2.left {position: absolute;top: 0px;left: 0px; width: 33%;}
	nav .container_12 {position: relative;}
	

}
@media only screen and (max-width: 479px) {

	.blueband {padding-top: 20px;padding-bottom: 20px;}
	h2 {font-size: 18px;line-height: 24px;}
	.content .block { float: left; width: 100%;}
	.content .block .blockcontent img { display: inline-block;}
	.content .block .blockcontent {border: 1px solid #e1e1e1; border-bottom: 0px solid #e1e1e1;; border-right: 1px solid #e1e1e1;; text-align: center;}
	.content .block .blockcontent.last {border-bottom: 1px solid #e1e1e1;; border-right: 1px solid #e1e1e1;;}	
	.content .block.infoblock { width: 100%;}
	.advantages h2 {font-size: 35px;line-height: 35px;}
	.advantages ul li {font-size: 16px;line-height: 21px;}
	.content .block.infoblock h3 {font-size: 31px;}
	nav a.bigbutton {float: right; display: inline-block; padding-left: 10px; padding-right: 10px;}
	nav ul.language, nav .bigbutton {margin-top: 0px; }
	nav .grid_2.right {position: absolute;top: 0px;right: 0px; width: 33%;display: none;}
	nav .grid_2.left {position: absolute;top: 24px;left: 0px; width: 33%;}
	.sitelogo img { float: right; }
	nav .container_12 {position: relative;}
	.sitelogo { margin-top: 0px;}
	.sitelogo h1 {padding-top: 80px;}
	.downloadcta a {
		padding-top:10px; padding-bottom:10px; line-height:20px;	
	}
}
