@media screen {	
	@font-face {font-family: MuseoSansCyrl_100; src: local("MuseoSansCyrl"), url(../fonts/museo-sans-cyrillic/MuseoSansCyrl_100.otf);}
	@font-face {font-family: MuseoSansCyrl_300; src: local("MuseoSansCyrl"), url(../fonts/museo-sans-cyrillic/MuseoSansCyrl_300.otf);}
	@font-face {font-family: MuseoSansCyrl_500; src: local("MuseoSansCyrl"), url(../fonts/museo-sans-cyrillic/MuseoSansCyrl_500.otf);}
	@font-face {font-family: MuseoSansCyrl_700; src: local("MuseoSansCyrl"), url(../fonts/museo-sans-cyrillic/MuseoSansCyrl_700.otf);}
	@font-face {font-family: MuseoSansCyrl_900; src: local("MuseoSansCyrl"), url(../fonts/museo-sans-cyrillic/MuseoSansCyrl_900.otf);}
	@font-face {font-family: Intro-Bold-Caps; src: local("Intro"), url(../fonts/Intro-Bold-Caps.otf);}
   
	body {background:#282828; width:100%; padding:0; margin:0; font-family: MuseoSansCyrl_300,sans-serif; font-family:1em; color:#fff; font-weight:300; line-height:1.2; position:relative;}
	.column {position:relative;}
	.row {max-width: 62rem;}
	p {line-height:1.2;}
	header {position:relative; padding:0; margin:0; width:100%; z-index:1;}
	
	.content {position:relative; padding:0; margin:0; background:#fff;}
	.visual {background-repeat: no-repeat; background-position: center top; }
	
	.slogan {position:absolute; right:80px; bottom:0px; font-family: MuseoSansCyrl_500; color:#fff; text-transform:uppercase; font-weight:500; font-size:22px; margin:0;}
	
	.sign-in {position:absolute; right:-25px; top:2px; opacity: 0.5;}
	.link-login {display:block;}
	.link-login button, .link-login a {cursor:pointer;}
		
	.welcomecontent {padding:20px 0 75px; background-repeat:no-repeat; background-position:center bottom; background-color: #fff;}
	.storiescontent {background:url(../images/leather.jpg) no-repeat center top #000; padding:80px 0;}
	.frontpagecontent {padding:90px 0;}
	.featurescontent {padding:40px 0 20px; background:#fff;}

	.line {background:url(../images/gold-line.png) no-repeat; position:absolute; top:120px; width:323px; height:8px;}  
	.leftline {left:0;}  
	.rightline {right:0;}  
	
	.reg-form {width:290px; margin:0; padding:0px;}
	.reg-form-top { margin:210px 38px 240px 0px; float:right; width:310px;}
	.reg-form-bottom { margin:0 0 0 100px;}
	.reg-title {color:#fbe655; font-family: MuseoSansCyrl_700,sans-serif; text-align:center; font-size:26px; line-height:1.2; font-weight:700; margin:15px 15px 0px 0; text-transform:uppercase;}
	.new-members {font-family: MuseoSansCyrl_100,sans-serif; font-size:14px; text-align:center; color:#fff; margin:0 0px 15px 0; text-transform:capitalize;}
	
	.reglink {cursor: pointer;  border: none; outline: none; display: block; margin: 15px auto 0;  min-width: 308px; font-size:32px; font-weight:700; 	text-transform:uppercase; padding:0; line-height:104px; height:101px; background:url(../images/reg-link-bg.png) no-repeat center center; color:#131514; font-family: MuseoSansCyrl_900; text-align:center;}
	.reglink:hover, .reglink:focus{color:#131514; }

	.let-me-in {display:none; position:absolute; top:365px; left:50%; width:205px; margin: 0 0 0 -102px; background-size:100% auto; background:url(../images/cta-bg.png) no-repeat center center; height:67px; line-height:70px; font-size:22px;}
		
	.owl-features {padding:0;}
	.owl-features .features-item {width:75%; margin:0 auto;}
	.owl-features .features-text {text-align:center; color:#aaa; font-family: MuseoSansCyrl_700; font-size:16px; font-weight:700; padding:0; margin:0;}
	.owl-features .features-title {text-align:center; color:#e58f19; font-family: MuseoSansCyrl_700; font-size:22px; padding:20px 0 5px; font-weight:700;}
	.owl-features .features-item img {width:auto!important; margin:0 auto;}


	.owl-numbers {padding:0 50px 65px;}
	.owl-numbers .numbers-item {width:80%; margin:0 auto;}
	.owl-numbers .numbers-text {text-align:center; color:#252525; font-family: MuseoSansCyrl_500; font-size:30px; font-weight:500; padding:15px 0 0; margin:0;}
	.owl-numbers .numbers-title {text-align:center; color:#e58f19; font-family: MuseoSansCyrl_500; font-size:24px; padding:0; font-weight:500; line-height:1.2;}
	.owl-numbers .numbers-item img {width:auto!important; margin:0 auto;}

	.content-title {border:4px solid #dd971d; color:#dd971d; font-size:26px; text-transform:uppercase; font-family: monospace, serif; font-weight:bold; padding:10px 15px; margin:0 auto; display:inline-block;}
	
	.welcome {color:#3a3a3a; text-align:justify; font-family: MuseoSansCyrl_100; font-weight:100; font-size:14px; line-height:1.2; margin:0 auto; width:80%;}
	.welcome h2 {font-size:26px; line-height:1.2; font-family: MuseoSansCyrl_500; font-weight:500; margin:0 0 25px; color:#3a3a3a;}
	
	.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:50px; top:2px; 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:40px 0 20px; margin:0;}
	.footerLinks {padding:0;}
	.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 10px 0 5px;}
	.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:80%;}
	
}

@media only screen and (max-width: 90.063em) { /*1440*/
	.owl-numbers {padding: 0 120px 65px;}
}
@media only screen and (max-width: 80.063em) { /*1280*/
	.line {width:150px;}
	.welcomecontent {background-position:left bottom;}
	.welcome {width:70%; float:right; margin:0;}
}
@media only screen and (max-width: 68.763em) { /*1100*/
	.sign-in {right:0;}
}
@media only screen and (max-width: 64.063em) { /*1024*/
	.owl-blog {width:94%!important;}
}
@media only screen and (max-width: 61.363em) { /*980*/
	.owl-blog .blog-content {width:200px; padding:0 15px;}
	.owl-blog .blog-text {line-height:1.2;}
	.slogan {right:20px;}
	.reg-form-top {margin:210px 10px 240px 0;}
}

@media only screen and (max-width: 50.063em) { /*800*/
	.welcome {width:66%;}
	.owl-blog.owl-carousel .owl-stage-outer {text-align:center;}
	.owl-blog .blog-item {width:220px; margin:0 auto;}	
	.owl-blog .blog-content {padding: 0 15px 20px; width: 219px;}
	.owl-blog .blog-text {text-align:left;}
	.owl-numbers {padding: 0 60px 65px;}
	.line {width:50px;}
	.visual {background-position: 55% top;  background-size: 185% auto;}
	.reg-form-top {margin: 185px 10px 180px 0; width:280px;}
	.welcomecontent { background-position: 10% bottom;}
}
@media only screen and (max-width: 48.063em) { /*768*/
	.policy-popup {left:3%; width:94%; margin:0;}	
}

@media only screen and (max-width: 40.063em) { /*640*/
	.reg-form-top {width:270px; margin:150px 0;}
	.visual {background-position: 60% top; background-size: 200% auto;}
	.owl-numbers {padding: 0 30px 65px;}
	.owl-numbers .numbers-title {font-size:18px;}
	.owl-numbers .numbers-text {font-size:24px;}
}

@media only screen and (min-width: 30.062em) { /*481*/
	.visual {background-image:url(../images/visual.jpg);}
	.welcomecontent {background-image:url(../images/visual2.jpg); }
}
@media only screen and (max-width: 30em) { /*480*/
	.visual {background-image:url(../images/visual-mobile.jpg); background-size:100% auto; background-position:center top;}
	.reg-form-top {margin: 170px auto 120px; width:320px; float:none;}
	.welcome {float: none; margin: 0 auto; width: 96%;}
	.owl-blog .image-link {width:auto;}
	.link-login {background:none;}	
	.policy-popup {height:350px;}
	.slogan {right: 0; text-align: center; width: 100%; font-size:18px;}
}

@media only screen and (max-width: 25.063em) { /*400*/
	.reg-form-top { margin: 120px auto 200px; }
	.slogan {position:relative; color:#222;}	
}
@media only screen and (max-width: 22.563em) { /*360*/
	.link-login a { padding: 0 15px; line-height:24px;}
	.reg-form-top { margin: 110px auto 160px; padding: 0 0 0 10px;}
	.joinbutton {padding:0; width:94%;}

	.welcomecontent {padding:50px 0 60px;}
	.owl-features .features-item {width:80%; margin:0 auto;}	
}

@media only screen and (max-width: 20.063em) { /*320*/
	.reg-form-top { margin: 90px auto 125px; padding: 0 0 0 10px; width:285px;}
	.reg-title {font-size:24px;}	
	.reglink {min-width:280px; background-size:100% auto; font-size:30px;}
	.welcome h2 {font-size:22px;}
}