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

@media screen {
	body {background:#424242; 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:#f24f4f;}
	a:focus {color:#f24f4f;}
	a:hover {color:#f24f4f; 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:#000000; 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-size:100% auto; background-color: #050507; min-height: 720px; background-position: center -135px;}
	.logo {padding:40px 0 0;}
	.logo img{max-width:100%;}
	.slogan {color:#009aff; padding:2px 0 0 0px; font-size:20px; margin:0; text-transform: uppercase; font-family: 'Roboto';}
	
	.sign-in {position:absolute; right:53px; top:40px;}
	.link-login {color:whitesmoke; display:block; font-family: 'Roboto', sans-serif; font-weight:400; font-size:21px; line-height:40px; padding:0;} 
	.link-login:hover,.link-login:focus {color:#fff;} 

	.let-me-look {display:none; cursor: pointer; outline:none; text-transform: uppercase; color:#fff;margin:200px auto 6em; width:320px;font-family:'Roboto', sans-serif; font-weight:700;text-align:center; background:rgba(258,80,80,0.9); line-height: 1.4;  font-size: 22px; padding: 15px 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 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:#424242; padding:60px 0;} 
	.welcome {color:#eee; font-weight:300; overflow:hidden; padding:0 35px 1px 0px;}
	.welcome p {font-size:22px; color: #f5f5f5; margin: 0 0 10px; line-height:1; font-weight:400;}
	.welcome h2, .welcome h3 {font-size:32px; color:#f5f5f5; font-weight:500; padding:0; margin:0; font-family: 'Roboto', sans-serif;}
	.mobile-pic {border-radius:10px;}

	.reg-form {width:310px; margin:0 auto; padding:0;}
	.reg-form-top {position:relative; float:right; margin:30px 0 0 0; padding:0 0 30px; background:rgba(0,0,0,0.55); 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:#ff5252; 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:#fafafa; 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: 400px; margin-left: 60px; }
    .register-descr .register-descr-max .register-descr-max-h { width: 300px; height: 160px; background-color: #212121;-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: #fff; }
    .register-descr .register-descr-max .register-descr-max-m { width: 300px; height: 160px;background-color: #f85050; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; margin-left: 23px; margin-top: 23px; }
	
	.owl-features {padding:40px 0 0;}
	#start h2 {text-align: center; padding: 40px 0 0;  color: #ff5252;  font-size: 25px; font-weight: normal; line-height:1; margin:0;}
	#start .start-box { background: #212121; 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: #fff;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: #eeeeee; line-height:1.1;}
	.more-link {display:none;}
	
	#partner .partner-box { background: #212121; 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: #fafafa; 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: #ff5252; 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:#f44336; font-weight:700; font-size: 23px;text-align: center; margin:0;}
	.post h3 {padding:20px 0; color:#f44336; font-weight:700; font-size: 23px;text-align: left; margin:0;}
	.post .content {line-height:1;}
	.post .content p {color: #fafafa; 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: #f24f4f;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*/
	.visual {background-size:120% auto;}
}
@media only screen and (max-width: 64.063em) { /*1024*/

}
@media only screen and (max-width: 62.063em) { /*980*/
	.visual {background-size:140% 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:150% auto; background-position:center top;}
	.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*/
	.visual {min-height:500px;}
	.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;}
	.sign-in {top:10px;}
	.logo {padding:10px 0 0;}
	.register-descr .register-descr-max .register-descr-max-h {background:rgba(33,33,33,0.9);}
	.register-descr .register-descr-max .register-descr-max-m {background:rgba(258,80,80,0.6);}
	.let-me-look {display:block;}
	.reg-form-top {display:none; margin: 2em auto 0;}
}
@media only screen and (max-width: 30.063em) { /*480*/
	#partner ul {margin-left:0;}
	.sign-in {right:15px;}
	.let-me-look {margin:150px auto 3em;}
}
@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;}
	.visual {background-size:160% auto;}
}
@media only screen and (max-width: 24.063em) { /*385*/
	.let-me-look {margin:120px auto 2.5em; width:94%;}
	.visual {background-size:160% auto;}	
}
@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;}
}