@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');

@media screen {
	body {background:#fff; width:100%; padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-family:1em; color:#fff; font-weight:300; line-height:1.2; position:relative;}
	.row {max-width:71em;position:relative;}
	.column {position:relative;}
	p {line-height:1.2;}
	header {position:relative; padding:10px 0; margin:0; width:100%; z-index:1; border-bottom:1px solid rgba(255, 255, 255, 0.25);}
	
	.content {position:relative; padding:0; margin:0; background:#00313e;}
	.visual {background-repeat: no-repeat; background-position: center top;  min-height:790px; background-color:#000;}
	.visual {background-image:url(../images/visual.jpg); }	
	.logo {position:absolute; height: 315px; width: 472px; left:48%; margin:0 0 0 -236px; top:0px; background:url(../images/logo.png) no-repeat; background-size:100% auto; z-index:1;}
	.logo:focus {outline:none;}
	
	.welcome-text {position:absolute; left:0; bottom:0; width:100%; text-align:center;}
	.welcome-text h1 {font-family: 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase; font-size:32px; line-height:1.4; padding: 0; text-align: center; margin:0;}
	.welcome-text h1 span{color:#db5af3;}
	
	.sign-in {position:absolute; right:67px; top:13px; z-index:1;}
	.link-login a {color:#334cab; font-weight:bold;}

	.welcomecontent {background:url(../images/visual2.jpg) no-repeat center top #fff;   background-size:100% auto;}
	.frontpagecontent {background:url(../images/bgstories.jpg) no-repeat center top #000; padding:65px 0; }

	.welcome {color:#3a3a3a; text-align:justify; width:76%; margin:0 auto 50px; padding:70px 0;}
	.welcome h3 {color:#d90017; font-size:46px; text-transform:uppercase; text-align:center; font-weight:700; margin:0 0 50px; font-family: 'Open Sans', sans-serif;}
	.welcome-title {background: linear-gradient(#7d0101, #d90017);}
	.welcome-title h3 {color: #000;  background: #fff;  mix-blend-mode: lighten;}

	.reglink {background:url(../images/regbutton2.png) no-repeat center top; width:399px; height:108px; font-size:42px; text-transform:uppercase; text-align:center; color:#fff; font-weight:300; line-height:106px; display:block;}
	.reglink:hover,.reglink:focus {color:#fff;}
	.big-reglink {font-size:28px; background:url(../images/regbutton2.png) no-repeat center top; width:399px; height:108px; text-transform:uppercase; text-align:center; color:#fff; font-weight:300; line-height:106px; display:block;}
	.big-reglink:hover,.big-reglink:focus {color:#fff;}

	.reg-form {margin:0;}
	.reg-form-top {margin:240px 80px 100px 0; float:right; background:url(../images/bgregform.png) no-repeat center top; width:590px; height:590px;} 
	.reg-form-bottom {margin:0 auto;}
	.reg-title {color:#b90303; font-family: 'Open Sans', sans-serif;text-align:center; font-size:30px; font-weight:700; margin:15px 15px 10px 0; text-transform:uppercase; padding:45px 0 0; margin:0; line-height:1.2;}
	

	.let-me-in {display:none; position:absolute; top:265px; left:50%; width:320px; margin: 0 0 0 -160px;}
	
	.owl-features {padding:0 0 50px; overflow:hidden;}
	.owl-features .features-item {padding:0 10px 0 40px; overflow:hidden;}

	.owl-features .features-text {text-align:left; color:#6e6e6e;  font-size:15px; font-weight:400; padding:0; margin:0; line-height:1.5;}
	.owl-features .features-title {text-align:left; color:#9d9d9d; font-family: 'Open Sans', sans-serif; font-size:22px; padding:0 0 38px; font-weight:600; padding:12px 0; margin:0; text-transform:uppercase;}
	.owl-features .features-item img {width:auto!important; margin:0;}


	.new-members {display:block; color:#7518aa; font-size:14px; font-weight:400; text-align:center; padding:5px 0 0;}
	.new-members b{font-weight:400;}
	.members-line .owl-stage-outer {z-index:1; margin:0 auto;}
	
	.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-size: 18px;  font-weight: 600;}
	.javascript-notification {width:100%; color:#fff; background:#000; text-align:center; font-size:20px; line-height:2;}

	footer {background:#fff; position:relative; padding:50px 0 20px; margin:0;}
	footer .column:nth-of-type(2) {border:none;}
	.footerLinks {padding:0 0 0 40px;}
	.footerLinks ul {text-align:center; margin:0; padding:0;}
	.footerLinks li {display:inline-block; margin:0; border-right:1px solid #898989; line-height:1.1; padding:0 15px 0 10px;}
	.footerLinks li:last-of-type {border:none;}
	.footerLinks li a {text-decoration:none; color:#898989; line-height:1.1; font-size:14px; font-weight:400;}
	.footerLinks li a:hover {text-decoration:underline;}
	.notification-message {font-size:14px; color:#898989; margin:15px auto 30px; padding:0; line-height:1.2; text-align:center; width:66%;}
	
}

@media only screen and (min-width: 1440px) { 
	.visual {background-size:100% auto;}
}

@media only screen and (max-width: 80.063em) { /*1280*/
	.reglink {background-size:100% auto; width:320px; height:90px; line-height:84px; font-size:32px;}

	.welcome {width:62%; margin:0 auto; padding:50px 0;}
	.welcome h3 {font-size:40px;}
}

@media only screen and (max-width: 64.063em) { /*1024*/
	.visual .logo {width:380px;}
	.owl-blog {width:94%!important;}
	.reg-form-top {margin:220px 80px 100px 0;}
	.welcome {width:56%; margin:0 auto;}
	.welcome h3 {font-size:34px;}
	.notification-message {width:94%;}
	.welcome-text h1 {font-size:24px;}
}

@media only screen and (max-width: 50.063em) { /*800*/
	.welcomecontent {background-position: left top; background-size: 180% auto;}
	.welcome {float: right; margin: 0 50px 0 0;}
	.welcome h3 {font-size:30px; margin:0 0 35px;}
	.sign-in {top:25px; right:35px;}
	.owl-features .features-item {padding:0 0 0 20px;}
	.footerLinks {padding: 0;}
	.policy-popup {left:3%; width:94%; margin:0;}	
	.visual {background-position:left top; background-size: 200% auto;}
	.reg-form-top {min-height:590px; height:auto;}
}

@media only screen and (max-width: 40.063em) { /*640*/
	.reg-title {font-size:24px; margin:10px 15px 10px 0;}
	.visual .logo {width:270px; margin:0 0 0 -135px; left:50%;}
	.reg-form-top {margin: 150px auto 100px; width:100%;}
	.welcomecontent {background-position: left top; background-size: auto 100%;}
	.welcome {background:rgba(255,255,255,0.7); width:100%; float:none; margin:0; padding:50px 25px;}
}

@media only screen and (max-width: 30.063em) { /*480*/
	.reg-form {width:100%;}
	.reg-form-top {position:relative; top:auto; right:auto; margin:100px auto 0; display:none;}
	.sign-in {top:15px; right:20px;}
	.visual .logo {height:200px;}
	.let-me-in {display:block;}

	.owl-blog .image-link {width:auto;}
	.policy-popup {height:350px;}
 	.visual {min-height:500px;}
}

@media only screen and (max-width: 22.563em) { /*360*/
	.visual {background-size: 250% auto;}
	.visual {min-height: 460px;}
	.visual .logo {width:210px;}
	.reg-form-top {margin:100px auto 0;}
	.reg-title {margin:0; padding:30px 0 0; font-size:20px;}
	.let-me-in {top:215px;}
	.owl-features .features-item {width:80%; margin:0 auto;}	
	.welcome-text h1 {font-size:20px;}
	.welcome h3 {font-size:26px;}
	.big-reglink { height: 98px; line-height: 90px; width:98%; font-size:22px; background-size:100% auto;}
}
@media only screen and (max-width: 20.063em) { /*320*/
	.reglink {width:96%; line-height:72px; font-size:30px;}
	.let-me-in {line-height:82px;}
	.big-reglink { height: 80px; line-height: 80px; font-size:20px; }
}