@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';

@media screen {
	body {background:#eceff1; width:100%; padding:0; margin:0; font-family: 'Roboto', sans-serif; font-family:1em; color:#fff; font-weight:300; line-height:1.2; position:relative;}
	a {color:#607d8b;}
	a:focus {color:#607d8b;}
	a:hover {color:#607d8b; text-decoration:none;}
	.row {position:relative;max-width:73em;}
	.column {position:relative;}
	p {line-height:1.2; margin:0;}
	
	header {background:#050507; min-height:120px;}
	.visual header {background:transparent; min-height:auto; position:relative; padding:0; margin:0; width:100%; z-index:1;}
	footer {background:#37474f; position:relative; padding:55px 0 100px; margin:0;}
	
	.content {position:relative; padding:0; margin:0;}
	.visual {background-repeat: no-repeat; background-image:url(../images/custom/visual-top.jpg);background-color: #050507; min-height: 720px; background-position: 44% -22px;}
	.logo {padding:40px 0 0;}
	.logo img {max-width:100px;}
	.articles .logo {padding:20px 0;}
	.slogan {color:#009aff; padding:2px 0 0 0px; font-size:20px; margin:0; text-transform: uppercase; font-family: 'Roboto';}
	
	.sign-in {position:absolute; right:30px; top:40px; background-color:rgba(120, 144, 156, 0.2); border-radius:5px;}
	.link-login {color:whitesmoke; display:block; font-family: 'Roboto', sans-serif; font-weight:400; font-size:21px; line-height:40px; padding:0px 25px;} 
	.link-login:hover,.link-login:focus {color:#fff; text-decoration:underline;} 

	.let-me-look {display:none; cursor: pointer; outline:none; text-transform: uppercase; color:#fff;margin:270px auto 6em; width:70%;font-family:'Roboto', sans-serif; font-weight:700;text-align:center; box-shadow: 0px 5px 0px rgba(0,0,0,0.15); background:rgba(0, 0, 0, 0) linear-gradient(rgb(0, 203, 255), rgb(0, 137, 255)) repeat scroll 0% 0%; border-width: 0 1px 2px; border-style: solid; border-color: rgba(0, 220, 255, 0.7);  line-height: 1.4;  font-size: 22px; padding: 15px 0; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; text-shadow:0 2px 0 rgba(88,88,88,0.1);}
	.let-me-look:hover,.let-me-look:focus {color:#fff;outline:none; border-color:rgba(76, 230, 255, 0.7); box-shadow: 0px 5px 0px rgba(0,0,0,0.1), 0 -5px 5px rgba(12, 121, 139, 0.2) inset;}	
 
	.welcome-content {background:#eceff1; padding:60px 0;} 
	.welcome {color:#eee; font-weight:300; overflow:hidden; padding:0 35px 1px 0px;}
	.welcome p {font-size:24px; color: #708692; margin: 0 0 15px; line-height:1; font-weight:400;}
	.welcome h2, .welcome h3 {font-size:32px; color:#708692; font-weight:700; padding:0; margin:0 0 15px; font-family: 'Roboto', sans-serif; line-height:1;}
	.mobile-pic {border-radius:10px; width:100%;}

	.reg-form {width:310px; margin:0 auto; padding:0;}
	.reg-form-top {position:relative; float:right; margin:31px 0 0 0; padding:0 0 30px; background:#fff; width:446px; border-radius:8px;}
	
	.reg-title {color:#666;  font-family: 'Roboto', sans-serif; text-align:center; font-size:28px; font-weight:700; margin:0;}
	.reglink {padding:14px 40px; font-size:26px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; font-family: 'Roboto', sans-serif; font-weight:700; box-shadow: 0px 5px 0px rgba(0,0,0,0.15); background:rgba(0, 0, 0, 0) linear-gradient(rgb(0, 203, 255), rgb(0, 137, 255)) repeat scroll 0% 0%; border-width: 0 1px 2px; border-style: solid; border-color: rgba(0, 220, 255, 0.7);color:#fff;text-transform:capitalize;margin:160px auto 140px;display:inline-block; min-width:240px; text-shadow:0 2px 0 rgba(88,88,88,0.1);}	
	.reglink:hover,.reglink:focus {color:#fff;outline:none; border-color:rgba(76, 230, 255, 0.7); box-shadow: 0px 5px 0px rgba(0,0,0,0.1), 0 -5px 5px rgba(12, 121, 139, 0.2) inset;}	

	.policy-popup {display:none; width:48%; position:fixed; top:18%; left:50%; margin-left:-24%; height:500px; background:#fff; z-index:1003; padding:20px; box-shadow:0 0 5px rgba(0,0,0,0.6);}
	.policy-popup iframe {border:none; overflow-y:scroll;}
	.policy-popup .close-popup {position:absolute; right:10px; top:5px; color:#222; font-family: "Alegreya Sans SC",sans-serif; font-size: 18px;  font-weight: 600;}
	.javascript-notification {width:100%; color:#fff; background:#000; text-align:center; font-size:20px; line-height:2;}
	
	.footerLinks ul {text-align:center; margin:0; padding:0px 0 30px;}
	.footerLinks li {display:inline-block; margin:0 25px;}
	.footerLinks li a {text-decoration:none; color:#677d88; font-size:20px; font-weight:500;}
	.footerLinks li a:hover {text-decoration:underline;}
	.footerLinks li a:focus { color:#ff5252;}
	.notification-message {font-size:18px; text-align:center; margin:0; color:#677d88; padding:0 30px;}
	
	.footer-logo img{display:block;margin:0 auto;}
	
	.form .label {background:none;}
	label {line-height:normal;}
	
	.register-descr {float:left; position:relative;}
	.register-descr .register-descr-min { width: 70px; height: 52px; -webkit-border-radius: 8px; border-radius: 8px; margin-top: -5px; position: relative; }
    .register-descr .register-descr-min .register-descr-min-h { width: 62px; height: 45px;background-color: #708692; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; }
    .register-descr .register-descr-min .register-descr-min-m { width: 62px; height: 45px;background-color: #fff; -webkit-border-radius: 8px; border-radius: 8px;  position: absolute; margin-left: -6px;margin-top: -6px; }
	.register-descr .register-descr-max { width: 315px; height: 185px; margin-top: 150px; margin-left: 60px; }
    .register-descr .register-descr-max .register-descr-max-h { width: 300px; height: 160px; background-color: #fff; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; z-index: 999; }
    .register-descr .register-descr-max .register-descr-max-h p {line-height: 1.5; padding: 25px; font-size: 21px; font-family: Roboto; font-weight: bold;        color: #455a64; }
    .register-descr .register-descr-max .register-descr-max-m { width: 300px; height: 160px; background-color: #708692; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; margin-left: 23px; margin-top: 23px; }
	
	.owl-features {padding:40px 0 0;}
	#start {background:#eceff1;}
	#start h2 {text-align: center; padding: 40px 0 0;  color:#8096a2;  font-size: 25px; font-weight: normal; line-height:1; margin:0;}
	#start .start-box { background: #fff; margin-top: 60px; -webkit-border-radius: 8px;  border-radius: 8px;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding-bottom: 30px;  margin-bottom: 30px; }
	#start .start-box .title {font-weight: bold;color: #607d8b;padding-bottom: 10px;height: 50px;line-height: 20px;margin-bottom: 20px; }
	#start .all-news .title {  padding-top: 10px; }
	#start .start-box .news .title {text-align:center; padding:0; margin:10px 0;}
	#start .start-box .photo {padding-bottom: 10px; }
	#start .start-box .photo img {  width: 100%;  -webkit-border-radius: 5px;  border-radius: 5px; }
	#start .start-box .descr p {color: #607d8b; line-height:1.1; font-weight:400;}
	.more-link {display:none;}
	
	#partner .partner-box { background: #fff; margin: 60px 0;  -webkit-border-radius: 8px;  border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding-bottom: 10px;}
	#partner h2 {text-align: center; padding: 35px 0 30px; color: #8096a2; font-size: 25px; font-weight: normal; margin:0;}
	#partner ul { -webkit-box-pack: center; -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; list-style:none; text-align:center;}
	#partner ul li {margin: 0 15px; margin-bottom: 10px; display: inline-block;}
	#partner ul li a { color: #607d8b; font-weight: 500; text-decoration:none;}
	#partner ul li a:hover {text-decoration:underline;}
	
	.post {padding:0 0 50px;}
	.post h2 {padding:30px 0; color:#333; font-weight:700; font-size: 23px;text-align: center; margin:0;}
	.post h3 {padding:20px 0; color:#333; font-weight:700; font-size: 23px;text-align: center; margin:0;}
	.post .content {line-height:1;}
	.post .content p {color: #333; line-height:1; font-size:16px; font-weight:400;}
	.post .content .link-all-news {text-align:left;}
	
	.link-all-news {display: block;text-align: center;color: #607d8b;text-decoration: underline;font-size: 20px;margin-top: 30px;}
	.link-all-news:hover {text-decoration: none;}
	
	.clearfix::after, .row::after, .row::before { clear: both;content: " ";display: table;}
}

@media only screen and (max-width: 90.063em) { /*1440*/

}
@media only screen and (max-width: 81.063em) { /*1300*/
	.row {max-width:62em;}
}
@media only screen and (max-width: 69.063em) { /*1100*/

}
@media only screen and (max-width: 64.063em) { /*1024*/

}
@media only screen and (max-width: 62.063em) { /*980*/
	.visual {background-size:120% auto;}
	.register-descr .register-descr-max {margin-left:20px;}
	.reg-form-top {width:390px;}	
}
@media only screen and (max-width: 48.063em) { /*800*/
	.visual {background-size:180% auto;}
	.register-descr {float:none;}
	.register-descr .register-descr-max {margin:60px auto 0;}
	.register-descr .register-descr-max .register-descr-max-h, .register-descr .register-descr-max .register-descr-max-m {height:115px;}
	.register-descr .register-descr-max .register-descr-max-h p {font-size:18px;}
	.reg-form-top {float:none; margin:0 auto;}
}
@media only screen and (max-width: 40.063em) { /*640*/
	.welcome h2, .welcome h3 {line-height:1.1; margin:10px 0;}
	.welcome {padding:0 5%;}
	.mobile-pic {margin:0 5%; display:block; max-width:90%;}
	.post .image img {margin:0 auto 15px; display:block;}
	.post .content .link-all-news {text-align:center;}
	.logo {padding:8px 0 0;}
	.sign-in {top:10px;}
	.visual {background-position: 44% 0px;}
	.register-descr .register-descr-max .register-descr-max-h, .register-descr .register-descr-min .register-descr-min-m {background:rgba(255,255,255,0.8);}
	.register-descr .register-descr-max .register-descr-max-m, .register-descr .register-descr-min .register-descr-min-h {background:rgba(112,134,146,0.6);}
	.let-me-look {display:block;}
	.reg-form-top {display:none; margin:2em auto 0; background: rgba(22,57,83,0.85);}
}
@media only screen and (max-width: 30.063em) { /*480*/
	#partner ul {margin-left:0;}
	.sign-in {right:15px;}
	.let-me-look {margin:150px auto 4em;}
}
@media only screen and (max-width: 25.063em) { /*400*/
	.reg-form-top {width:100%;}
	.sign-in {right:5px;}
	.link-login {font-size:16px;}
	#partner ul li, .footerLinks li {display:block; margin:0 0 5px;}
}
@media only screen and (max-width: 24.063em) { /*385*/

}
@media only screen and (max-width: 20.063em) { /*360*/
	.register-descr .register-descr-max .register-descr-max-h p {padding:20px;}
	.register-descr .register-descr-max .register-descr-max-h, .register-descr .register-descr-max .register-descr-max-m {width:290px;}
}