@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300";
/*
	Stellar by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	body {
		line-height: 1;
	}

	
	body {
		-webkit-text-size-adjust: none;
		-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}


	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
.ul-ar li{
	font-size: 20px;
}

/* Basic */



	body {
		background-color: #8D8D8C;
	}
	.clr{clear:both}
/* Type */
html{height:100%;}
body {min-height:100%;}

body, input, select, textarea {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.27;
}
a, a:visited {
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s
	transition: all 0.3s ease 0s;
	text-decoration: none;
	color: #32327b;
}

	a:hover {
		text-decoration: underline;
	}
	strong, b{font-weight:800;}
	em, i{font-style:italic;}
	p.indent{margin-left:20px;}
	ul.indent{margin-left:50px !important;}
.button{padding:20px; text-transform:uppercase;font-size:24px;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s
	transition: all 0.3s ease 0s;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}
.button.green{background:#acc42a; color:#FFF;}
.button.green:hover{background:#00add5; text-decoration:none;}
.button.blue{background:#00add5;}
.button.blue:hover{background:#acc42a;text-decoration:none;}

/* Wrapper */
#wrapper{width:100%;position:relative;}
#main{width:100%;}
.row{width:100%;}
#header{width:100%;}
/** white **/
.white{background:#FFF;}
.white h1 {
	font-size:18px;
	line-height:18px;
	color:#FFFFFF;
	font-family: "Gotham SSm A", "Gotham SSm B";
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
}
.white h2 {
	font-size: 18px;
	line-height:22px;
	font-family: 'Roboto', sans-serif;
	margin-bottom:8px;
	font-style: normal;
	font-weight: 500;
	color:#636363;
}
.white p {
	font-size:14px;
	line-height:22px;
	margin-bottom:25px;
	color:#8C8C8C;                       
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.white ul{margin:-20px 0 25px 30px;}
.white ul li{font-size:14px;
	line-height:22px;
	color:#8C8C8C;                       
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400; list-style:disc;}
.white ol {
    margin-left: 16px;
    margin-bottom: 25px;
}
.white ol li {
	    font-size: 14px;
	    color: #8C8C8C;
	    line-height: 22px;
	}
	.faq ul{margin:0px 0 25px 30px !important;}
	.faq ul li{clear:both;}
	.faq ul li img{float:right;padding:5px;}
	
.white #main{padding-top:30px;}
.white .row{width:100%; padding:0 16px }
.white #header{background:#418FDE; padding:36px 0 18px; position:relative;}
.back{background:url(../images/icon_back.svg); position:absolute; width:16px; height:16px;bottom: 17px;left: 15px;}
/** puple**/
.purple{background:#5b5377;}
.purple #main{padding-bottom:50px;}
.info-grey{
	opacity: 0.4;
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.42;
	color: #ffffff;
	padding:10px 0 20px;
}
.info-white{
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.42;
	color: #ffffff;
	padding:10px 0 20px;
}
.purple h2 {
	font-size: 18px;
	line-height:1.17;
	font-family: "Gotham SSm A", "Gotham SSm B";
	margin-bottom:15px;
	font-style: normal;
	font-weight: 700;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
}
.purple p {
	font-size:14px;
	line-height:1.5;
	margin-bottom:25px;
	color:#FFF;                       
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.purple .row {max-width:980px; margin:0 auto;padding:0 20px ;}
.purple .logo{margin:auto 0; text-align:center;max-width:100%;}
.purple .logo img {width: 100%;height: auto;max-width: 104px;}
.purple #header{background: #5B5377;padding: 18px 0 20px;overflow:hidden;}
.purple input.submit{width:100%;}
.purple input{
	width:100%;
	border-bottom:1px solid #9792A9;
	padding: 0 20px 18px;
	font-size:16px;
	color:#9792A9;
	background-color:#5B5377;
}
.purple input.valid {
    background: url(../images/icon_valid.svg) 97% top no-repeat;
}
.purple input.invalid{background:url(../images/icon_invalid.svg) 97% top no-repeat;}
.purple input.submit:hover {
    background: #FFF;
    border-color: #FFF;
	color:#5B5377;
    cursor: pointer;
}
.purple input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9792A9;
  opacity: 1;
}
.purple ::-moz-placeholder { /* Firefox 19+ */
  color: #9792A9;
  opacity: 1;
  
}
.purple :-ms-input-placeholder { /* IE 10+ */
  color: #9792A9;
  opacity: 1;
  
}
.purple :-moz-placeholder { /* Firefox 18- */
  color: #9792A9;
  opacity: 1;
  
}
.purple input:focus::-moz-placeholder {
    color:#FFF;
}

.purple input:focus::-webkit-input-placeholder {
    color: #FFF;
}
.purple input:focus:-moz-placeholder {
    color: #FFF;
}
.purple input:focus:-ms-input-placeholder {
    color:#FFF;
}
/** steps **/
.center{text-align:center;}
.three-steps{margin:0 auto 20px; display:table;}
.three-steps .col-3{max-width:100px;margin-left:15px;padding:55px 0 0 0;}
.step1{background:url(../images/icon_mobile@2x.png) no-repeat center top;background-size:28px;}
.step2{background:url(../images/icon_click@2x.png) no-repeat center top;background-size:34px;}
.step3{background:url(../images/icon_thumb@2x.png) no-repeat center top;background-size:38px;}
.three-steps p{color:#ffffff;font-size:12px;line-height:1.42;text-align:center;margin-bottom:0;}
/** blue **/
.blue{background:#418FDE;}
.blue h2 {
	font-size: 20px;
	line-height:21px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	margin-bottom:20px;
	font-style: normal;
	font-weight: 700;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
}
.blue p {
	font-size:18px;
	line-height:23px;
	margin-bottom:25px;
	color:#FFF;                       
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}

.ar__{
	margin-top: -55px;
}
.rus__{
	margin-top: -55px;
}
.blue .row {max-width:980px; margin:0 auto;padding:0 120px;}
.blue #header{background:#2D639A; padding:105px 0 25px;overflow:hidden;}
.logo {max-width: 360px;}
.logo img{width:100%; height:auto;}
.blue #main{padding-top:20px;}
/** form **/
input{color:#FFF;padding:18px 0; font-size:18px; line-height:21px; border:none; background:#418FDE; width: 87.9%; float:none;}
label{display:none;}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
  opacity: 1;
  
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
  opacity: 1;
  
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
  opacity: 1;
  
}
input:focus::-moz-placeholder {
    color:#8CBBEB
}

input:focus::-webkit-input-placeholder {
    color: #8CBBEB;
}
input:focus:-moz-placeholder {
    color: #8CBBEB;
}
input:focus:-ms-input-placeholder {
    color:#8CBBEB
}
input:focus, input:hover{;outline:none;}
input.pass1{border-bottom:1px solid #8CBBEB !important;}
input.pass2{margin-bottom:20px;}
input.valid{background:url(../images/icon_valid.svg) center right no-repeat;}
input.invalid{background:url(../images/icon_invalid.svg) center right no-repeat;}
input.submit{background:none; border:1px solid #FFF; color:#FFF; text-transform:uppercase;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s
transition: all 0.3s ease 0s;
padding:14px 0  13px !important;
text-align:center;
width:200px;
}
/** home **/
.home{background:#2B4C88;}
.home h1, .home .h1{
	font-size: 24px;
	line-height:26px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	margin-bottom:20px;
	font-style: normal;
	font-weight: 700;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
	padding:20px 0 20px 72px;
	background:url('../images/icon_blue.png') no-repeat center left;
	background-size:62px;
}
.home .h1-ar{
	font-size: 24px;
	line-height:26px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	margin-bottom:20px;
	font-style: normal;
	font-weight: 700;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
	padding:20px 70px 20px 72px;
	background:url('../images/icon_blue.png') no-repeat center right;
	background-size:62px;
}

.home h2 {
	font-size: 18px;
	line-height:23px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	margin-bottom:13px;
	font-style: normal;
	font-weight: 700;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
}
.home p {
	font-size:14px;
	line-height:23px;
	margin-bottom:25px;
	color:#FFF;                       
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.home .row {max-width:1020px; margin:0 auto;padding:0 20px;}
#hero{background:url('../images/bg_hero.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:670px; width:100%;}
  #hero-ar{background:url('../images/bg_hero_ar.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:670px; width:100%;}
  .hero-holder{background:url('../images/bg_curve.png') no-repeat center 80px; 
	   -webkit-background-size: cover;
	   -moz-background-size: cover;
	   -o-background-size: cover;
	   background-size: cover;
  height:670px; width:100%;}
    .hero-holder-ar{background:url('../images/bg_curve_ar.png') no-repeat center 80px; 
	   -webkit-background-size: cover;
	   -moz-background-size: cover;
	   -o-background-size: cover;
	   background-size: cover;
  height:670px; width:100%;}

 .hero-holder-ar .col-8 img {
    float: left;
    margin-top: 20px;
}

.home .logo {max-width: 242px; margin:200px auto 22px; display:block;}
.tagline {color: white;margin: 0 auto 15px;text-align: center;}
.home .logo img{width:100%; height:auto;}
#hero .butt-holder{margin-bottom:70px;overflow:hidden;} 
.logo-bott img {
    display: block;
    margin: 0 auto;
}
.butt-holder a:nth-last-child(1) > img {
    margin-right: 0 !important;
}
.butt-holder.col-3{width:19.5%;}
.butt-description{padding-top:5px;float:right !important;}
.butt-description a, .butt-description a:visited{color:#FFFFFF;}
.home #main{padding:70px 0 120px; background:url('../images/line_color.png') repeat-x top;}
.home ul {margin: -25px 0 20px 17px;}
.home .ul-ar {margin: -25px 17px 20px 17px;}
ul li{font-size:14px;line-height:23px;color:#FFF;font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 400; list-style:disc;}
/** columns **/
.butt-holder.col-3{width:19.5%;}
.col-3{width:33%;float:left;padding-right:60px;}

.col-4{width:34%;float:left;}
.col-8{width:66%;float:left;}
.col-8 img{float:right;margin-top:50px;}
.col-9 {width: 80%;float: left;}

.hero-holder .col-8 img{margin-top:20px;}
/** language box **/
.lang-box {padding: 5px;background: #2B4C88;margin: 0 0 0;border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;  font-size: 14px;display: inline;float: right;color:#FFF;}
.lang-box a, .lang-box a:visited{color:#FFF;text-decoration:none;padding: 0 5px;}
.lang-box a:hover{color:#FFF;text-decoration:underline;}
/** language box **/
.lang-box-ar {padding: 5px;background: #2B4C88;margin: 0 0 0;border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;  font-size: 14px;display: inline;float: left;color:#FFF;}
.lang-box-ar a, .lang-box-ar a:visited{color:#FFF;text-decoration:none;padding: 0 5px;}
.lang-box-ar a:hover{color:#FFF;text-decoration:underline;}
.col-holder{margin:60px 0 20px;}
.circle-holder{position:relative;}
.circle-holder-ar{position:relative;}
.icon-circle{position:absolute; top:0; right:20px;}
.icon-circle-ar{position:absolute; top:0; left:20px;}
.icon-circle img{width:60px; height:auto;}
.icon-circle-ar img{width:60px; height:auto;}
.img-circle{border:4px #3482DC solid; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;width:204px; height:204px;overflow:hidden; margin:0 auto 20px;}
.butt-holder img{width:156px; height:auto; float:left; margin:0 10px 10px 0;}
.butt-holder-ar img{width:156px; height:auto; float:right; margin:0 10px 80px 0;}
.butt-holder-ar-b img{width:156px; height:auto; float:right; margin:0 10px 10px 0;}
/** card coloums **/
.prizes .col-holder{margin: 0 0 25px;overflow:hidden;padding: 5px; padding-left: 120px;}
.prizes p{font-size:22px;line-height:1.21;}
.prizes h1{font-size:34px;font-weight:700;margin-bottom: 37px;}
.prizes h2{font-size:24px;line-height:0.96;font-weight:700;margin-bottom:25px;}
.col-4.card-holder {
    max-width: 228px;
    width: 100%;
    margin-right: 19px;
    padding-bottom: 10px;
}
.card-holder{
	-webkit-border-radius: 11px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 11px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 11px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background:#FFF;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}
.card-holder:last-child {margin-right:0 !important;}

.card-holder ul {margin:0;}
.card-holder ul li{
	list-style:none;
	padding:7px 25px;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	line-height:1.25;
}

.card-holder ul li.card-date{background:url('../images/bg_card-date.png') #418FDE no-repeat center center;background-size:211px;color:#FFF;font-size:32px;line-height:0.72;font-weight:700;padding:20px 0 15px !important;font-family: "Gotham SSm A", "Gotham SSm B";-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.card-holder ul li.card-level{background:#efefef;color:#418fde; font-size:22px; font-weight:600;}
.card-holder ul li.card-qualify{font-size:20px;}
.card-holder ul li.card-qualify.username{color:#46a12e;}
.card-holder ul li.card-qualify span{text-transform:none !important; display:block;}
.card-holder ul li.card-qualify.no-winner{color:#c18f1e;}
.card-holder ul li.card-qualify.no-draw{color:#a8afb2;}

#footer{background:#3482DC;padding:20px 0; width:100%;}
#footer p{margin:0;color:#FFF;}
.prizes #footer p{
	font-size:14px;
	line-height:1.5;
}
#footer a, #footer a:visited{color:#FFF;}
#footer a:hover{text-decoration:underline;}
/** form **/
input.submit:hover{background:#2B4C88; border-color:#2B4C88; cursor:pointer;}

	@media screen and (max-width: 480px) {
		.col-3{padding:0;}
		.icon-circle{ right:50px;}
		.icon-circle-ar{ left:50px;}
		.butt-holder img {width: 130px;}
		.col-3{max-width:325px; margin:0 auto; float:none;width:100%; padding:0;}
		.three-steps .col-3{max-width:92px;margin-left:0;float:left;}
		.home #main{padding: 70px 0 60px;}
	}
	@media screen and (max-width: 500px) {
		.prizes h1{font-size:25px;}
		.prizes h2{font-size:20px;}
		.prizes p{font-size:18px;}
		.prizes .col-holder {
		    margin: 0 auto 25px;
		    max-width: 235px;
		}
		.col-4.card-holder {
			margin: 0 auto 20px;
		}
		.col-9.butt-description{float:left !important;}
	}
	@media screen and (max-width: 859px) {
		.blue .row {padding:0 16px;}
		#hero, #hero-ar{height:470px;}
		.hero-holder{height:470px;}
		.hero-holder-ar{height:470px;}
		.home .logo{max-width:140px; margin-top:100px;}
		.home .row{padding:0 20px;}
		.butt-holder {
			margin: 0 auto;
			display: table;
		}
		.butt-holder-ar img {
		    float: none;
		    margin: 0 10px 45px 0;
		}
		.butt-holder-ar{
			text-align: center;
		}
		.butt-holder-ar-b{
			text-align: center;
		}
		.butt-holder-ar-b img {
		    float: none;
		}
		.logo-bott img{margin:0 auto; display:block;}
		.col-8{display:none;}
		.col-4{width:100%;}
		.hero-holder-ar .col-8{display:block;}
		.hero-holder-ar .col-8 img{display:none;}
		.lang-box-ar{width: 377px; margin-left: -6px;}
		.lang-box{width: 366px;}
		
	}
	@media (min-width:859px) and (max-width:1026px) {

		.butt-holder-ar img {
		    margin: 0 10px 25px 0;
		}

	}

	@media (max-width:1050px) and (min-width:500px) {
		.prizes h1 {
		    font-size: 30px;
		    line-height: 1;
		}
		.prizes h2{
		    font-size: 22px;
		}
		.prizes .col-holder {
		    margin: 0 auto 25px;
		    max-width: 485px;
		}
		.col-4.card-holder {
			margin-bottom:20px;
		}
		.col-4.card-holder:nth-child(2){margin-right:0;}
	}
	@media (max-width:650px) and (min-width:480px) {
		.col-3{width:100%;float:none; clear:both;}
		.three-steps .col-3{float:left;clear:none;}
		.circle-holder{max-width:150px;float:left;margin-right:25px;}
		.circle-holder-ar{max-width:150px;float:right;margin-right:-57px;}
		.img-circle{width:150px;height:150px;}
		.col-content{max-width:52%;float:left;}
		.col-content-ar{max-width:52%;float:right;margin-right: 30px;}
		.icon-circle{right:-20px;}
		.icon-circle-ar{left:-20px;}
		
	}
	@media (max-width:1200px) and (min-width:650px) {
		.col-3{width:100%;float:none; clear:both;}
		.three-steps .col-3{float:left;clear:none;}
		.circle-holder{max-width:150px;float:left;margin-right:25px;}
		.circle-holder-ar{max-width:150px;float:right;margin-right:-57px;}
		.img-circle{width:150px;height:150px;}
		.col-content{max-width:65%;float:left;}
		.col-content-ar{max-width:65%;float:right;margin-right: 30px;}
		.icon-circle{right:-20px;}
		.icon-circle-ar{left:-20px;}
	}
	@media screen and (min-width: 1200px) {
		.home .logo{min-height:135px;}
	}

	@media (min-width:860px) and (max-width:988px) {
		.rus__{
			margin-top: -96px;
		}
		.ar__{
			margin-top: -53px;
		}
	}