/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html,body {
	margin:0;
	padding:0;
}
html{
	overflow-y: scroll;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* IMPORT FONTS
----------------------*/
@font-face {
  font-family: 'Lato';
  src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'),  
       url('font/Lato-Regular.woff') format('woff'), 
       url('font/Lato-Regular.ttf')  format('truetype'), 
       url('font/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('font/Lato-Bold.eot?#iefix') format('embedded-opentype'),  
       url('font/Lato-Bold.woff') format('woff'), 
       url('font/Lato-Bold.ttf')  format('truetype'), 
       url('font/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}

/*DEFAULTS
-------------------*/
html, body {
  height: 100%;
}
body, input, textarea{
	font-family: 'Raleway', sans-serif;
	font-size: 1.15vw;
}
a{
	text-decoration:none;
}
ul,li{
	padding:0;
	margin:0;
}


/*NAVIGATION
--------------------*/
#nav{
	width:100%;
	position:fixed;
	font-family:'Lato', sans-serif;
	font-size:0px;
	font-weight:700;
	text-align:center;
	top: 0px;
    right:0;
    z-index:20;
}
#nav ul{
	background-color:#FFF;
}
#nav li{
	position:relative;
	display:inline-block;
	font-size: 0.71vw;
    line-height: 2.2vw;
}
#nav li:hover{
	background-color:#0095D9;
}	
#nav li a{
	color:#005895;
	display:block;
	padding:0 22px;
}
#nav li:hover a{
	color:#fff;
}
#nav li > ul{
	position: absolute;
	display:none;
    text-align: right;
	background-color:#FFF;
}
#nav li:hover > ul{
	display:block;
}
#nav li > ul a{
	padding:0 0.4vw;
}
#nav li > ul li{
	width: 100%;
}
#nav li:hover > ul a{
	color:#005895;
}
#nav li:hover > ul li:hover a{
	color:#fff;
}
#nav #lang{
	position:absolute;
	right:0;
	top:0;
}
#nav #lang ul li a{
	color: #FFF;
	background-color:#005895;
	padding: 0 14px;
	cursor:pointer;
}
#nav #lang ul li a:before, #nav #lang ul li a:after{
	display:none;
}
#nav #lang {    
	position: absolute;
    top: 0;
    right: 0;
}
#nav #lang ul li {display: none;}
#nav #lang ul li.active{display:inline-block;}
#nav #lang ul li.active:hover < li{display: inline;}
#nav #lang ul {
	position: relative;
	display:inline-block;
}
#nav #lang ul.responsive li{
	display:inline;
}
/* BOX
--------------------*/
.box{
	width:100%;
	min-height:100%;
	padding-top:2.2vw;	
}

/* Pack
-----------------------*/

#pact{
	background-image:url(/assets/img/pack_bg.jpg);
	background-position:center bottom;
	background-size:cover;
	background-attachment: fixed;
	background-color:rgb(41,80,125);
	min-height:100%;
	margin-top:2.2vw;
	padding-bottom: 2.2vw;
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
}
.pact_header{
	width: 38.83%;
	margin: auto;
	text-align: center;
	border-bottom: 1px solid #ffffff;
}
.pact_header img{
	width: 83.90%;
	margin-right: 6.44%;
}
.pact_header_text{
	margin: 1.7em 0 1em 2.70%;
	font-size: 1.6em;
}
.pact_header_text span, .pact_header_text i{
	display: inline-block;
	vertical-align: middle;
}
.pact_header_text b{
	font-weight: 900;
}
.pact_header_text i{
	padding: 0.2em 0.4em;
	font-style:normal;
	margin: 0 18px;
	background-color: #ffffff;
	border-radius: 50px;
	color:rgb(41,80,125);
}
.pact_questions{
	width: 41.65%;
	margin: auto;
}
.pact_questions ul{
	margin: 4.8em 0 3.3em 0;
}
.pact_questions ul li{
	font-weight: 600;
	font-size: 1.5em;
	padding: 0.57em 0.2em;
	display: inline-block;
	vertical-align: middle;
	width:calc(20% - 5px);
	text-align: center;
	cursor: pointer;
	border:solid 0.1em transparent;
}
.pact_questions ul li.active, .pact_questions ul li:hover{
	color:#5CF28E;
	border-radius: 3em;
	border-color:#5CF28E;
}
.pact_questions_ans{
	display:none;
	width:93.22%;
	margin:auto;
	text-align: center;
}
.pact_questions_ans p{
	margin: 1.6em 0;
	font-size: 0.8em;
    line-height: 1.6;
}

#pact_points_wrap{
	position: relative;
	width: 61.9%;
	margin: 10em auto 2.3em auto;
	text-align: center;
}
#pact_slider_wrap{
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	color: #666666;
	border-radius: 4.4em;
	text-align: center;
}
.control_prev{
	left: 0;
	top: 0;
	bottom:0;
	margin:auto 0;
	display: block;
    height: 1%;
	position: absolute;
	padding: 3.9em 0.9em 3.9em 1.18em;
	background-color: #e6e6e6;
	border-top-right-radius: 0.7em;
	border-bottom-right-radius: 0.7em;
	z-index: 1;
}
.control_prev::before{
	content: "";
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.7em solid #b3b3b3;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.control_next{
	right: 0;
	top: 0;
	bottom:0;
	margin:auto 0;
	display: block;
    height: 1%;
	position: absolute;
	padding: 3.9em 1.18em 3.9em 0.9em;
	background-color: #e6e6e6;
	border-top-left-radius: 0.7em;
	border-bottom-left-radius: 0.7em;
	z-index: 1;
}
.control_next::before{
	content: "";
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-left: 0.7em solid #b3b3b3;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#pact_pont_number{
	position: absolute;
    background-color: #33CC66;
    width: 19%;
    color: #ffffff;
    font-size: 1.8em;
    font-weight: 600;
    top: -1.75em;
    left: 0;
    right: 0;
    margin: auto;
	border-top-left-radius: 132px;
	border-top-right-radius: 132px;
	padding-top: 0.8em;
    padding-bottom: 0.9em;
	z-index: 1;
}
.curent_slide, .total_slide{
	width:40%;
	display:inline-block;
}
.curent_slide{
	text-align:right;
}
.total_slide{
	text-align:left;
}
#pact_point_container{
	margin:0;
	padding:0;
	position: relative;
}
#pact_point_container::after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	background-image:url(/assets/img/points_bottom_line.png);
	left: 0;
    background-size: cover;
	height: 5px;
}
.pact_point{
	width: 100%;
	position: relative;
	display: block;
	float: left;
	margin: 0;
  	padding: 0;
}
.point_header{
	display: flex;
	align-items: center;
	padding: 0 22.66%;
    justify-content: center;
	height: 5.9em;
	background-color: #33CC66;
	color:#ffffff;
	font-weight: 600;
	font-size: 1.62em;
	/*border-top-left-radius: 100px;
	border-top-right-radius: 100px;*/
	border-bottom: 5px solid #e4e6e5;
}
.point_body{
	display: flex;
    align-items: center;
    padding: 0 18.70%;
    justify-content: center;
    height: 14.5em;
    font-weight: 600;
    font-size: 0.93em;
    border-bottom: 5px solid #e4e6e5;
    padding-bottom: 3.6em;
	line-height: 1.65;
}
#pact_point_bullets{
	width: 52.86%;
    margin: auto;
    position: absolute;
    bottom: 1.4em;
    left: 0;
    right: 0;
}
#pact_point_bullets li{
	display: inline-block;
	width: calc(16.66% - 5px);
	text-align: center;
	cursor: pointer;
}
#pact_point_bullets li svg{
	stroke: #ffffff;
	width: 2.5em;
	height: 2.5em;
	stroke-width: 0.45em;
}
#pact_point_bullets li:hover svg, #pact_point_bullets li.active svg{
	stroke: #e6e6e6;
}

#pact_download{
	width: 14.76%;
	margin: 5.5em auto;
	text-align: center;
}
#pact_download a{
	color:#ffffff;
}
#pact_download a svg{
	width: 38.71%;
}
#pact_download a b{
	display: block;
	width: 100%;
	background-color: #33CC66;
	border-radius: 55px;
	line-height: 3.6;
	margin: 16px auto;
}
#pact_download a span{
	display: block;
	font-weight: 600;
}

/* Home
-----------------------*/
#home{
	background-image:url(/assets/img/map_bg_big.jpg);
	background-position:center center;
	background-size:cover;
	background-color:#22709a;
	display:table;
	text-align:center;
	height:130%;
	margin-top:2.2vw;
	padding-top: 0;
}
#home #text{
	display:table-cell;
	vertical-align: middle;
	margin:auto;
	padding-bottom:19vw;	
}
#home .logo{
	width: 14vw;
	text-align:center;
}
#home .typewriter{
	text-align:left;
	padding-bottom:2.3vw;
	width: 36vw;
    margin: auto;
}
#home h1{
	font-size: 4.2vw;
	font-weight:800;
	font-style:italic;
	color:#fff;
	text-align:left;
}
#home h2{
	font-size:1.33vw;
	font-weight:600;
	font-style:italic;
	color:#fff;
	text-align:center;
}
#home #sign h1{
	font-size: 4.2vw;
	font-weight:800;
	font-style:italic;
	color:#fff;
	text-align:center;
}
#home #sign{
	text-align:center;
	display:none;
}
#home #sign .sign, #sign_in #inner .sign{
	display: inline-block;
    /* border: 4px solid rgba(128,130,132,0.7); */
    font-size: 0;
    margin-top: 5px;
}

#home #sign a{
	display: inline-block;
    color: #FFF;
    font-size: 2.5vw;
    font-weight: 800;
    background: #4bfd87;
    background: -moz-linear-gradient(top, #4bfd87 0%, #34cf68 100%);
    background: -webkit-linear-gradient(top, #4bfd87 0%,#34cf68 100%);
    background: linear-gradient(to bottom, #4bfd87 0%,#34cf68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bfd87', endColorstr='#34cf68',GradientType=0 );
    text-transform: uppercase;
    border-radius: 2.2vw;
    padding: 0.7vw 1.7vw;
    margin-top: 1vw;
    margin-bottom: 3vw;
}
#home #sign a:hover{
    background: #34cf68;
}
#home #sign a#form2, #sign_in #inner a#form2{
	background-color:#E5412A;
}


/* Home Upgrade
-----------------------*/
#home_2{
	background-image:url(/assets/img/thank_you_3.jpg);
	background-position:center center;
	background-size:cover;
	background-color:#22709a;
	height:100%;
	position:relative;
	font-family: 'Montserrat', sans-serif;
	padding-top:0;
}
#home_2 .logo{
	position:absolute;
	width: 10.26vw;
	right:3.021vw;
	top:4.7vw;
}
#home_2 .days_left{
	position: absolute;
    width: 10.26vw;
    right: 3.021vw;
    top: 9.7vw;
    font-size: 1.5vw;
    text-align: center;
    color: #fff;
    background-color: #FF002F;
    padding: 0.5vw;
    border-radius: 0.6vw;
    font-weight: 600;
}
#home_2 #result_table{
	width:21.14583333333333%;
	height:100%;
	background-color:rgba(50,52,77,0.7);
	color:#fff;
	font-size:0;
}
#home_2 #result_table div{
	line-height:4.375vw;
}
#result_table .DENMARK span,
#result_table .DENMARK b,
#result_table .HUNGARY span,
#result_table .HUNGARY b, 
#result_table .ROMANIA span,
#result_table .ROMANIA b, 
#result_table .SPAIN span,
#result_table .SPAIN b,
#result_table .CROATIA span,
#result_table .CROATIA b,
#result_table .LATVIA span,
#result_table .LATVIA b,
#result_table .ITALY span,
#result_table .ITALY b,
#result_table .LITHUANIA span,
#result_table .LITHUANIA b,
#result_table .SLOVAKIA span,
#result_table .SLOVAKIA b,
#result_table .SLOVENIA span,
#result_table .SLOVENIA b,
#result_table .BULGARIA span,
#result_table .BULGARIA b,
#result_table_m .DENMARK span,
#result_table_m .DENMARK b,
#result_table_m .HUNGARY span,
#result_table_m .HUNGARY b, 
#result_table_m .ROMANIA span,
#result_table_m .ROMANIA b, 
#result_table_m .SPAIN span,
#result_table_m .SPAIN b,
#result_table_m .CROATIA span,
#result_table_m .CROATIA b,
#result_table_m .LATVIA span,
#result_table_m .LATVIA b,
#result_table_m .ITALY span,
#result_table_m .ITALY b,
#result_table_m .LITHUANIA span,
#result_table_m .LITHUANIA b,
#result_table_m .SLOVAKIA span,
#result_table_m .SLOVAKIA b,
#result_table_m .SLOVENIA span,
#result_table_m .SLOVENIA b,
#result_table_m .BULGARIA span,
#result_table_m .BULGARIA b{
	color:#6AA84F !important;
}
#home_2 #result_table span, #home_2 #result_table b{
	font-size: 1vw;;
	display:inline-block;
	width:60%;
	text-align:right;
	padding-right:0.5vw;
	box-sizing:border-box;
	text-transform:uppercase;
}
#home_2 #result_table b{
	color:#8085BD;
	width:40%;
	font-weight:700;
	padding-left:0.5vw;
	text-align:left;
}
#home_2 #result_table .mCSB_scrollTools_vertical{
	right: auto;
    left: 1.2vw;
}
#home_2 #result_table .mCSB_scrollTools{
	height: 85% !important;
}

#home_2 #result_table .mCSB_container{
	margin-left: 2vw;
	margin-right:0;
}
#home_2 #progress{
	position:absolute;
	width:78.85416666666667%;
	right:0;
	bottom:4vw;	
}
#home_2 #progress h1{
	font-size: 2.55vw;
    color: #fff;
    text-align: center;
}
#home_2 #signatures_bar{
	margin:1.8vw auto;
	width:81.10964332892999%;
	background-color:#2C6E44;
	height:1vw;
	border-radius:0.5vw;
}
#home_2 #signatures_bar span{
	background-color:#33CC66;
	height:1vw;
	border-radius:0.5vw;
	display: block;
}
#home_2 #progress #numbers{
	font-weight: 600;
    font-size: 1.05vw;
    text-align: center;
    color: #fff;
}
#home_2 #progress #numbers span{
	margin-left:0.3vw;
	margin-right:1.8vw;
	color:#33CC66;
}
#home_2 #progress #numbers span:last-child{
	margin-right:0;
	color:#FF4400;
}

#home_2 #center{
	position: absolute;
    width: 53%;
    right: 14vw;
    top: 12vw;
    color: #fff;
}
#home_2 #center img{
	width:15.625vw;
	float:left;
	margin-right:4.4vw;
}
#home_2 #center h1{
	font-weight: 400;
    font-size: 2.62vw;
    display: inline-block;
}
#home_2 #center h2{
	display: inline-block;
    font-weight: 800;
    font-size: 3.2vw;
    text-transform: uppercase;
    background-color: #FF002F;
    border-radius: 2vw;
    padding: 1.65vw 2.25vw;
    margin: 1vw 0;
}
#live{
	display:none;
	background-image:url(/assets/img/thank_you.jpg);
	background-position:center center;
	background-size:cover;
	background-color:#22709a;
	min-height:100%;
	height:100%;
	position:relative;
	font-family: 'Montserrat', sans-serif;
}
#live a{
	display: block;
    height: 100%;
}
#home_mobile{display:none}


/* NEXT
--------------------*/
#next{
	background: #0B3658;
	line-height:1.35;
}
#next h1{
	width:61.9%;
	margin:auto;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size: 2vw;
	color:#fff;
	padding:2em 4em;
	text-transform:uppercase;
	font-weight:600;
}
#next .box:before{
	content:"";
	position:absolute;
	width:4.94vw;
	height:4.94vw;
	background-image:url(/assets/img/check.png);
	background-position:center center;
	background-size:cover;
	top:50%;
	transform: translateY(-50%);
	left:5.2%;
}
#next .done:before{
	background-image:url(/assets/img/check_done.png);
}
#next .arrow:before{
	background-image:url(/assets/img/arrow_right.png);
}
#next .box{
    align-items: center;
    text-align:left;
	width:61.9%;
	margin:6px auto;
	background-color: #F5F5F5;
	border-radius:9px;
	color:#4D4D4D;
	padding:1.5em 6.5% 1.5em 16.4%;
	font-size:1.05vw;
	position:relative;
	min-height: 10vw;
}
#next p{
	width:61.2%;
	margin:auto;
	color:#fff;
	padding:2em;
}
/* SIGN IN upgrade 
----------------------*/

.sign_in_2{
	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ececec 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ececec 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.sign_in_2 #inner #animation_wrapper{
	position:relative;
	padding-top:2vw;
	display:none;
}
.sign_in_2 #inner #animation_wrapper #stars{
	position: absolute;
    top: 2.5vw;
    left: 30vw;
    width: 40vw;
    height: 30vw;
	z-index: 7;
}

.sign_in_2 #inner #animation_wrapper #stars text{
	display:none;
}
.sign_in_2 #inner .tachometer{
	position:relative;
}

.sign_in_2 #inner .tachometer svg{
	position: absolute;
    top: 3.75vw;
    left: 38.9vw;
    width: 21.459vw;
    height: 21.459vw;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotate(-135deg);
}
.sign_in_2 #inner .tachometer #total{
	z-index: 4;
}
.sign_in_2 #inner .tachometer #online{
	z-index: 5;
}
.sign_in_2 #inner .tachometer #total path.color0 {
	fill: #FF6554;
}
.sign_in_2 #inner .tachometer #online path.color0 {
	fill: #2C74BB;
}
.sign_in_2 #inner .tachometer path:last-child {
	fill: transparent;
}
.sign_in_2 #inner .logo{
	width: 43vw !important;
    padding-bottom: 0vw !important;
    padding-top: 2vw;
    display: block;
    margin: auto;
    z-index:6;
    position: relative;
}
.sign_in_2 #inner .hour_hand{
	position: absolute;
    top: 7.9vw;
    left: 43.3vw;
    width: 13vw;
    z-index: 7;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotate(0deg);
    transition: transform 1.5s;
}

.sign_in_2 #inner .tachometer:before{
	content: attr(data-before);
	position:absolute;
	bottom: 6.8vw;
    left: 30.7vw;
    font-size: 1.5vw;
	color:#307dc9;
	font-weight:800;
}
.sign_in_2 #inner .tachometer:after{
	content: attr(data-after);
	position:absolute;
	top: 11.7vw;
    left: 27.9vw;
    font-size: 1.5vw;
	color:#ff6554;
	font-weight:800;
}


.sign_in_2 #inner .sign{
	border:none !important;
	margin-right: 0 !important;
}
.sign_in_2 h1{
	color:#336699;
    font-size: 3.16vw !important;
    text-align:left;
}
.sign_in_2 h3{
	text-align:left;
	font-size: 0.91vw !important;
    line-height: 1.5vw !important;
    padding: 0.8vw 0 !important;
}
.sign_in_2 #inner a{
	background-color: #307dc9 !important;
	min-width: 14.35vw;
    margin-right: 2vw;
    line-height: 4.7vw !important;
    border-radius: 3vw;
    font-size: 1.25vw !important;
}
.sign_in_2 #inner .column{
	display:block;
	vertical-align:middle;
	margin:2vw;
}
.sign_in_2 #inner .column h1, .sign_in_2 #inner .column h3{
	text-align: center !important;
}
.sign_in_2 #inner a:last-child{
	background-color: #264261 !important;
	margin-right: 0;
}
.sign_in_2 #inner a:hover{
	background-color:#33cc66 !important;
}
.sign_in_2 #inner .sign:after{
	display:none;
}

/* SIGN IT fix
----------------------*/
#sign-it-fix{
	right:-5px;
	display:none;
	position: fixed;
	top: 49%;
}
#sign-it-fix a.eu_fbtrack{
	background-color:#33cc66;
	border-top-left-radius:2vw;
	border-bottom-left-radius:2vw;
	color: #FFF;
    font-size: 2vw;
    font-weight: 800;
    padding: 0.7vw 1.5vw;
    text-transform: uppercase;
}

/* About
-----------------------*/
#about{
	overflow:auto;
	background-image:url(/assets/img/about_bg_new.jpg);
	background-position:top;
	background-size:100%;
	background-color:#174568;
	background-repeat:no-repeat;
	text-align:center;
	color:#FFF;
	line-height: 1.5;
	padding-top: 6.8vw;
}
#about h2{
	font-weight:800;
	font-style:italic;
	font-size:1.5vw;
}
#about h1{
	font-weight: 800;
    font-style: italic;
    font-size: 3.7vw;
	margin-bottom: 0.4vw;
}
#about h1.last{
	margin-top: 6.3vw;
}
#about h1 span{
	color:#2ecc71;
}
#about h3{
	font-weight:800;
	font-size:1.6vw;
	text-transform:uppercase;
	padding-top: 3vw;
}
#about #secret{
	position:relative;
	font-weight: 400;
    color: #fff;
    text-align: justify;
    width: 36.5%;
    margin: 0 auto;
    line-height: 1.8;
    padding-top: 5vw;
    font-size: 1vw;
}
#about #secret #secret_text{
	opacity:0;
}
#about #secret #lock{
	position: absolute;
    width: 7.5vw;
    height: 7.5vw;
    background-image: url(/assets/img/lock.png);
    background-size: cover;
	background-repeat:no-repeat;
    left: 14.5vw;
    right: 0;
    top: 6.5vw;
	cursor:pointer;
}
#about #secret #lock span{
	position: absolute;
    text-align: center;
    top: 8vw;
    width: 200%;
    margin-left: -50%;
    color: #FFF;
    font-weight: 600;
}
#about #secret .shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  /*transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;*/
}
#about #more_text{
	width:70%;
	margin:0 auto;
	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
     -webkit-column-gap: 2.8vw; /* Chrome, Safari, Opera */
    -moz-column-gap: 2.8vw; /* Firefox */
    column-gap: 2.8vw;
	text-align:justify;
	vertical-align:top;
	display:none;
	padding-bottom: 3vw;
}
#about .more{
	position: relative;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin: 3.8vw auto;
    line-height: 3.2vw;
    background-image: url(/assets/img/button_bg.png);
    background-repeat: repeat-x;
    background-size: contain;
    cursor: pointer;
    padding: 0 4vw;	
}
#about .more:before, #about .more:after{
	content:"";
	position:absolute;
	margin-top:1.1vw;
	width:1.1vw;
	height:1.1vw;
	background-image: url(/assets/img/arrow_d.png);
    background-size: cover;
	background-repeat:no-repeat;	
}
#about .more:before{
	left: 1.65vw;
}
#about .more:after{
	margin-left:1.1vw;
}
#about #more_text p{
	margin-bottom:1em;
}

/*SIGN IN
-------------------*/
#form, #form2{
	cursor: pointer;
}
#sign_in{
	background-color: #FFF;
	display:table;
	text-align:center;
	color:#32506E;
	padding-top:0;
	height:100%;
}
#sign_in #inner{
	display:table-cell;
	vertical-align:middle;
}
#sign_in #inner .logo{
	width:10vw;
	padding-bottom:6.8vw;
}
#sign_in #inner .sign{
	border:6px solid #e5e6e6;
	position:relative;
	margin-right: 5.5vw;
}
#sign_in #inner a {
    display: inline-block;
    color: #FFF;
    font-size: 1.88vw;
    line-height: 3.5vw;
    font-weight: 800;
    background-color: #F79223;
    padding: 0 13px;
}
#sign_in #inner .sign:after{
	content:"";
	position:absolute;
	width:3.5vw;
	height:3.5vw;
	background-image:url(/assets/img/sign.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin-left: 2vw;
}
#sign_in h1{
	font-weight:800;
	font-size: 2.85vw;
}
#sign_in h3{
	font-weight: 400;
    font-size: 1.4vw;
	line-height:2vw;
	padding:1.5vw 0;
}

/* Stories
-----------------------*/
#stories{
	overflow: hidden;
	background-color:#fff;
	text-align:center;
	color:#FFF;
	font-size:0;
	padding:0;
}
#stories .story{
	display:inline-block;
	width:50%;
	height: 20vw;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
}
#goaitsen{background-image:url(/assets/img/hatterek_01.jpg);}
#harn_armelle{background-image:url(/assets/img/hatterek_02.jpg);}
#adam_anna{background-image:url(/assets/img/hatterek_03.jpg);}
#frederik{background-image:url(/assets/img/hatterek_04.jpg);}
#italians{background-image:url(/assets/img/hatterek_05.jpg);}
#stateless{background-image:url(/assets/img/hatterek_06.jpg);}

#stories h1{
	position: absolute;
    left: 50%;
    top: 3vw;
	height:5.5vw;
	line-height:5.5vw;
    transform: translate(-50%, 0);
    text-transform: uppercase;
    white-space: nowrap;
    display:table;
}
#stories h1 span{
	display: table-cell;
  	vertical-align: bottom;
	font-size: 2.4vw;
	line-height:2.8vw;
    font-weight: 800;
    cursor:pointer;
}
#stories .more{
	position:absolute;
	left: 50%;
	bottom: 4.8vw;
    transform: translate(-50%, 0);
	margin:auto;
	border:1px solid #FFF;
	padding: 1.3vw;
    font-size: 1.25vw;
	white-space: nowrap;
	cursor:pointer;
}
#stories .more:hover{
	background-color:rgba(255,255,255,0.3);	
}

/* FAQ
-----------------------*/
#faq{
	overflow:auto;
	background-color:#fff;
	text-align:center;
	color:#33506E;
}
#faq h1{
	font-size:3vw;
	font-weight:600;
	padding-bottom: 2vw;
}
#faq .accordion{
	width:46%;
	margin:auto;
	text-align:left;
}
#faq .accordion-toggle {
	cursor: pointer;
	margin: 0;
	padding: 10px 0;
	position: relative;
}
#faq .accordion-toggle span{
	padding-left: 35px;
	width: 100%;
	display: block;
}
#faq .accordion-toggle span:hover{
	color: $color-blue;
}

#faq .accordion-toggle.active{
	color: $color-blue;
}

#faq .accordion-toggle.active:after{
	content: " ";
	width:1.4vw;
	height:1.4vw;
	background-image:url(/assets/img/faq_arrows.png);
	background-position:0 1.4vw;
	background-size:cover;
    position: absolute;
    top: 8px;
    left: 0;
}
#faq .accordion-toggle:before{
	content: " ";
	width:1.4vw;
	height:1.4vw;
	background-image:url(/assets/img/faq_arrows.png);
	background-size:cover;
    position: absolute;
    top: 8px;
    left: 0;
}
#faq .accordion-toggle:hover:before{
	background-position:0 2.8vw;
}
#faq .accordion-toggle.active:before{display:none;}
#faq .accordion-content {
	display: none;
}
#faq .accordion-content	p{
	background-color: #E5E6E7;
	padding: 0.9vw 2.8vw;
	margin-left: 2.2vw;
    font-size: 0.97vw;
    line-height: 1.8;
    font-family: "Lato";
}
#faq .accordion-content	ul, #faq .accordion-content	ol{
	background-color: #E5E6E7;
	padding: 0.9vw 4vw;
	margin-left: 2.2vw;
}
#faq .accordion-content	ul{
	list-style:inherit;
}
#faq .accordion-content	ol{
	list-style:decimal;
}
#faq .accordion-content	li{
	padding:0.4vw 0;
	font-size: 0.97vw;
    line-height: 1.8;
    font-family: "Lato";
}


/* HELP
-----------------------*/
#help{
	overflow:auto;
	background-color:#fff;
	text-align:center;
	color:#33506E;
}
#help h1{
	font-size:3vw;
	font-weight:600;
	padding-bottom: 4vw;
}
#help h2{
	font-size:1.5vw;
	font-weight:600;
	padding-top: 4vw;
	padding-bottom: 1.5vw;
	text-transform: uppercase;
	clear: both;
}
#help h3{
	font-size: 2.2vw;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 2vw;
	color:#373435;
}
#help h4{
	font-size: 1.1vw;
    font-weight: 600;
    margin: 2vw auto;
}
#help p{
	width: 36.5vw;
    margin: 0 auto 3vw auto;
    text-align: justify;
    font-size: 0.97vw;
    line-height: 1.8;
    font-family: "Lato";
	color:#373435;
}
#help .no_space{
	margin-bottom:0;
}
#help ul{
	padding-left:3vw;
}
#help li{
	width: 36.5vw;
    margin: 0 auto;
	text-align:left;
	list-style:disc;
	color:#373435;
	font-size: 0.97vw;
    line-height: 1.8;
    font-family: "Lato";
}
#help .italic{
	font-style:italic;
}
#help section{
	width:80%;
	margin:auto;
}
#help section li{
	float: left;
    width: 18%;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
	list-style:none;
	background-color:#ECECEC;
	border-radius:5px;
	text-align:center;
	line-height:3vw;
}
#help section li a{
	color:#373435;
	display:block;
}
#help section li:hover{
	background-color:#373435;
}
#help section li:hover a{
	color:#fff;
}
#help #donate a{
	width: fit-content;
    background-color: #2ECB71;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0.8vw 1.2vw;
    border-radius: 10px;
    font-size: 1.65vw;
}
#help #print #download, #help #print section, video{
	width:40vw;
	margin:auto;
}
#help #print #download a{
	display: inline-block;
    width: 7.1vw;
    margin-bottom: 10px;
    margin-left: 0.3vw;
    margin-right: 0.3vw;
    background-color: #ECECEC;
    color: #373435;
    border-radius: 5px;
    text-align: center;
    line-height: 2.5vw;
    font-size: 1vw;
    cursor: default;
    vertical-align: middle;
}
#help #print #download a:not([href='#']), #help #print section li a {
	border-radius:5px;
	background: #0064aa;
	color: #fff;
	cursor: pointer;
}
#help #print #download a:hover:not([href='#']), #help #print section li a:hover{
	background-color:#373435;
	color:#fff;
	cursor: pointer;
}
#help #print #download #paper{
	margin-top:10px;
	display:table;
}
#help #print #download #paper .col{
	display:table-cell;
	vertical-align:middle;
}
#help #print section ul{
	padding:0;
}
#help #print section li{
    display: inline-block;
	width: 9.4vw;
    margin-bottom: 10px;
    margin-left: 0.3vw;
    margin-right: 0.3vw;
	list-style:none;
	text-align:center;
	line-height:3vw;
}

#help #print #download #paper .flyer{
	width:5vw;
}
#help #print #download #paper .booklet{
	width:11vw;
}

#help #share{
	clear:both;
}
#help #share a{
	margin-top:-2vw;
	margin-right:2vw;
	display:inline-block;
	width:2.6vw;
	height:2.6vw;
	background-image: url(/assets/img/fb.png);
	background-size:cover;
	background-repeat:no-repeat;
}
#help #share a.tw{
	background-image: url(/assets/img/tw.png);
}
#help #share a.email{
	margin-right:0;
	background-image: url(/assets/img/email.png);
}
#help #touch{
	padding-bottom:5vw;
}
#help #touch a{
	display: inline-block;
    font-size: 1.6vw;
}

/*COUNTDOW
----------------*/

#countdown{
	position:relative;
	background-color:#0F5C7D;
	text-align:center;
	min-height:44vw;
	height:44vw;
	background-image:url(/assets/img/countdown_bg.jpg);
	background-position:center center;
	background-size:cover;
}
#countdown.full{
	height:100% !important;
	padding-top:14vw;
}
#countdown #timer{
	padding-top: 10vw;
	font-size:0;
}
#countdown.full #timer{
	padding-top: 0vw;
}
#countdown.full h2{
	font-weight:700;
	font-size:2.4vw;
	line-height:1.4;
	color:#fff;
	/*text-transform:uppercase;*/
}
#countdown #timer div{
	display:inline-block;	
	font-family:"Lato";
	font-weight:700;
	font-size:1vw;
	color:#fff;
	text-transform:uppercase;
}
#countdown #timer div span{
	display:block;
	background-color:#fdfdfd;
	color:#0D5878;
	border-radius:6px;
	font-size: 2.8vw;
    padding: 2.2vw 2.2vw;
	margin:0.9vw;
}
#countdown #timer div#c_seconds span{
	background-color:#EC3053;
	color:#fdfdfd;
}
#countdown #progress_bar{
	margin:3vw auto;
	width:47.5vw;
	background-color:#fdfdfd;
	height:0.5vw;
	border-radius:6px;
}
#countdown.full #progress_bar{
	margin:3vw auto 0 auto;
}
#countdown #progress_bar span{
	background-color:#2ECB71;
	height:0.5vw;
	border-radius:6px;
	display: block;
}
#countdown #copyright{
	width:100%;
	position:absolute;
	bottom:3vw;
	font-size:0.6vw;
	color:#fdfdfd;
}
#countdown #copyright img{
	vertical-align: middle;
	width:4.44vw;
	padding-right:1.8vw;
}
#countdown.full #copyright img{
	vertical-align: middle;
	padding-right:2vw;
	height: 3.44vw;
	width:auto;
}

/*JOIN US
-----------------------------*/

#joinus{
	background-image: url(/assets/img/map_bg_big.jpg);
    background-position: center center;
    background-size: cover;
    background-color: #22709a;
    display: table;
    text-align: center;
    height: 130%;
    color:#fff;
    font-family: "Lato";
    font-size: 1.5vw;
}
#joinus form{
	width: 36vw;
    margin: 2vw auto;
    background: rgb(0,0,0);
    background: transparent\9;
    background: rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc);
    padding: 2vw 3vw;
}
#joinus label{
	display: block;
    margin: 1vw 0 0.5vw 0;
    text-align:left;
}
#joinus label[for=privacy]
{
    font-size: 1vw;
}
#joinus label[for=privacy] a{
	color:#68b6ff;
	cursor:pointer;
	font-weight:bold;
}
#joinus a{
	color:#68b6ff;
}
#joinus input, #joinus select{
	border: 1px solid #e6e7e8;
    line-height: 2vw;
    padding: 0 0.5vw;
    width: 100%;
    display: block;
    font-family: "Lato";
    font-size: 1.2vw;
    color: #3e3e3e;
}
#joinus select{
	padding: 0 0.8vw;
}
#joinus input[type='checkbox']{
	float: left;
    height: 0.8vw;
    width: 0.8vw;
    margin-top: 1.2vw;
    margin-right: 0.5vw;
}
#joinus input[type='submit']{
	width:10vw;
	margin:2vw auto 0 auto;
	cursor:pointer;
	font-weight:bold;
	background:#68b6ff;
	color:#fff;
	border:none;
}
#joinus input[type='submit']:disabled {
    background: #dddddd;
    color: #8e8e8e;
    cursor:auto;
}
#privacy_statement .popup, #privacy_banner .popup{
	color:#3e3e3e;
}
#privacy_statement .popup p, #privacy_banner .popup p, #privacy_banner .popup span{
	width:auto;
	text-align: justify;
    font-size: 1vw;
    line-height: 1.6;
    font-family: "Lato";
}
#privacy_banner .popup p{
	margin-top:0;
}
#privacy_statement .popup p{
	margin-top:0;
	margin-bottom:0.5vw;
}
#optout{
	font-weight:600;
}
#privacy_statement .popup h2, #privacy_banner .popup h2{
	margin-bottom:1vw;
}
#privacy_banner .popup h1{
	padding-top:1vw;
}
#privacy_banner .popup ul{
    text-align: justify;
    font-size: 1vw;
    line-height: 1.6;
    font-family: "Lato";
    list-style-type: disc;
    padding-left: 1.5vw;
    margin-bottom:2vw;
}

#privacy_statement .mCSB_dragger_bar, #privacy_statement .mCSB_draggerRail, #privacy_banner .mCSB_dragger_bar, #privacy_banner .mCSB_draggerRail{
	background-color:#3e3e3e;
}
#privacy_statement .mCSB_inside > .mCSB_container, #privacy_banner .mCSB_inside > .mCSB_container{
	margin-right: 50px;
}
/*FORM
-----------------*/

#form_full{
	text-align:center;
}
#form_full h1{
	position:relative;
	display:inline-block;
	margin-left: 18vw;
	background-color:#E74C3C;
	color:#fff;
	text-transform:uppercase;
	font-weight:800;
	border: 0.5vw solid #e5e6e6;
    padding: 0.85vw 1.41vw;
    font-size: 1.9vw;
    vertical-align: middle;
}
#form_full h1:after{
	content: '';
    position: absolute;
    left: 42%;
    top: 131%;
    width: 0;
    height: 0;
    border-left: 1.2vw solid transparent;
    border-right: 1.2vw solid transparent;
    border-top: 1.4vw solid #e8e8e8;
    clear: both;
}
#form_full a{
	position: relative;
    display: inline-block;
    margin-left:4vw;
    background-color: #F79537;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    border: 0.3vw solid #e5e6e6;
    padding: 0.45vw 0.9vw;
    font-size: 1.1vw;
    vertical-align: middle;
}
#form_full a:after{
	content: '';
    position: absolute;
    left: 109%;
    top:10%;
    width: 0;
    height: 0;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-left: 1.2vw solid #e8e8e8;
    clear: both;
}
#form_full #form_head{
	margin-top:2vw;
	margin-bottom:6vw;
}
#form_full #regForm label{
	font-family:"Lato";
	font-size: 1.5vw;
	display:block;
	margin:1vw 0 0.5vw 0;	
}
#form_full #ajaxinfo{
	padding-top:2vw;
}
#form_full #regForm input{
	border:1px solid #e6e7e8;
	line-height:2vw;
	padding:0 0.5vw;
	width:36.5vw;
	display: block;
    margin: auto;
	font-family:"Lato";
	font-size: 1.2vw;
	color:#3e3e3e;
}
#form_full #regForm img{
	padding-bottom:0.5vw;
}
#btn_sendform {
	background-color:#e6e7e8;
	border:none;
	padding:0.5vw;
	width:25%;
	margin-top:1vw;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4vw;	
}
#form_full #regForm select{
	border:1px solid #e6e7e8;
	padding:0.9vw 0.5vw;
	width:36.5vw;
	font-family:"Lato";
	font-size: 1.2vw;
	color:#3e3e3e;
}
#form_full .text{
	width:36.5vw;
	margin:2vw auto;
}
#form_full .text p{
	margin-bottom:1vw;
	line-height:1.8;
	text-align:justify;
}
#form_full .text h3{
	text-decoration:underline;
	margin-bottom:1vw;
}
#form_full .text p.center{
	text-align:center;
	margin:2vw auto;
}

/*POP UP-s
-------------------*/
.overlay{
	content:"";
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:10;
}
.overlay .close{
	display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 7%;
    right: 6%;
    z-index: 20;
    color: #fff;
}
.overlay .close:after{
	display: inline-block;
    content: "\00d7";
    line-height: 0.5;
    font-family: lato;
    font-size: 4em;
    font-weight: normal;
}
.popup{
	position:fixed;
	text-align:center;
	width:92%;
	height:92%;
	max-height:92%;
	top: 4%;
	left: 4%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.3);
	color:#FFF;
	overflow:auto;
	padding: 4.3vw 10vw 2vw 12vw;
	z-index:15;
}
#popups #popup_nav{
	position: fixed;
	display:none;
    left: 6vw;
    text-align: left;
    top: 15vw;
    font-size: 0.92vw;
    font-weight: 600;
    color:rgba(255,255,255,0.5);
    cursor:pointer;
    z-index: 15;
}
#popups #popup_nav li{
	float: left; 
	clear: left;
	padding: 0.5vw 1vw;
	margin: 0.68vw 0;
	border:1px solid transparent;
}
#popups #popup_nav li.active, #popups #popup_nav li:hover{
	color:rgb(255,255,255);
	border:1px solid #fff;
	border-radius:15px;
}
.popup .flag{
	height:3.5vw;
}
.popup h1{
	padding: 3.6vw 0 1vw 0;
    font-size: 2.13vw;
    font-weight: 800;	
}
.popup h2{
	font-size:1.3vw;
	font-weight:600;
}
.popup .img_center{
	position:realtive;
}
.popup .face{
	height: 9.7vw;
	margin-top: 3.5vw;
}
.popup .hy{
	position: absolute;
    height: 2.45vw;
    margin-top: 6.3vw;
    margin-left: -4.8vw;
}
#harn_armelle_full .popup .hy{
	margin-left: -7vw;
}
#adam_anna_full .popup .hy{
	margin-left: -11vw;
}
#italians_full .popup .hy{
	margin-left: -6.8vw;
}
.popup h3{
	padding-top:2vw;
	font-size: 1.1vw;
	font-weight:600;
}
.popup .d_arrow{
	width: 1vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.popup p{
	width: 36.5vw;
    margin: 2vw auto;
    text-align: justify;
    font-size: 1vw;
    line-height: 1.6;
    font-family: "Lato";
}
.popup h4{
    font-weight: 400;
    font-size: 1.95vw;
    display: inline-block;	
}
.popup .solution{
	width:36.5vw;
	margin:3.7vw auto 2vw auto;
	background-color:#27D16E;
	border-radius:10px;
	color:#FFF;
	font-weight:800;
	line-height: 3.7vw;
}
.popup .story{
	display:inline-block;
	padding:1vw;
	background-color:#BDBFC1;
	color:#FFF;
	font-size: 1vw;
	font-weight:600;
	border-radius:10px;
	cursor:pointer;
	margin:6.5vw auto;
}
#goaitsen_full, #harn_armelle_full, #adam_anna_full, #frederik_full, #italians_full, #stateless_full, #form_full, #download_full_logo, #download_full_roll_up, #download_full_banner, #download_full_poster, #download_full_flyer, #download_full_fb, #privacy_statement, #privacy_banner{
	display:none;
}
#goaitsen_full .popup{
	background-image:url(/assets/img/popup_bg_1.jpg);
}
#goaitsen_full h2, #goaitsen_full h4{
	color:#F77300;
}
#goaitsen_full .mCSB_dragger_bar, #goaitsen_full .mCSB_draggerRail{
	background-color:#F77300;
}
#harn_armelle_full .popup{
	background-image:url(/assets/img/popup_bg_2.jpg);
}
#harn_armelle_full h2, #harn_armelle_full h4{
	color:#00DDFF;
}
#harn_armelle_full .mCSB_dragger_bar, #harn_armelle_full .mCSB_draggerRail{
	background-color:#00DDFF;
}

#adam_anna_full .popup{
	background-image:url(/assets/img/popup_bg_3.jpg);
}
#adam_anna_full h2, #adam_anna_full h4{
	color:#F7EE86;
}
#adam_anna_full .mCSB_dragger_bar, #adam_anna_full .mCSB_draggerRail{
	background-color:#F7EE86;
}

#frederik_full .popup{
	background-image:url(/assets/img/popup_bg_4.jpg);
}
#frederik_full h2, #frederik_full h4{
	color:#FF4265;
}
#frederik_full .mCSB_dragger_bar, #frederik_full .mCSB_draggerRail{
	background-color:#FF4265;
}

#italians_full .popup{
	background-image:url(/assets/img/popup_bg_5.jpg);
}
#italians_full h2, #italians_full h4{
	color:#00DDFF;
}
#italians_full .mCSB_dragger_bar, #italians_full .mCSB_draggerRail{
	background-color:#00DDFF;
}

#stateless_full .popup{
	background-image:url(/assets/img/popup_bg_6.jpg);
}
#stateless_full h2, #stateless_full h4{
	color:#FF6600;
}
#stateless_full .mCSB_dragger_bar, #stateless_full .mCSB_draggerRail{
	background-color:#FF6600;
}

#form_full .popup{
	background-color:#FFFFFF;
	color:#373435;
}
#forms_full h2, #form_full h4{
	color:#373435;
}
#form_full .mCSB_dragger_bar, #form_full .mCSB_draggerRail{
	background-color:#a9abae;
}
#form_full .close{
	color:#373435;
}

#your_story{
	position:fixed;
	display:none;
	width: 34.6vw;
    margin: auto;
    background-color: #fff;
    border-radius: 6px;
    color: #4D4D4D;
    height: auto;
    top: 5vw;
    right: 32.7vw;
    z-index:20;
}
#your_story .close{
	display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 2.5%;
    right: 2%;
    z-index: 20;
    color: #fff;
}
#your_story .close:after{
	display: inline-block;
    content: "\00d7";
    line-height: 0.5;
    font-family: lato;
    font-size: 2.5em;
    font-weight: normal;
}
#your_story h1{
	text-align:center;
	background-color:#39B084;
	color:#fff;
	font-size: 1.32vw;
	line-height:4vw;
	font-weight:600;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#your_story p{
	background-color:#E6E6E6;
	color:#4D4D4D;
	padding:2vw 3.7vw;
}
#your_story form{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #fff;
}
#your_story textarea{
	width:100%;
	height:13vw;
	padding:2vw;
	border: none;
    background-color: transparent;
    resize: none;
    outline: none;
    border-bottom:1px solid #E6E6E6;
}
#your_story label{
	padding:3vw 2.8vw;
	display: inline-block;
}
#your_story input{
	border:1px solid #E6E6E6;
	color:#4D4D4D;
	border-radius: 6px;
	outline: none;
}
#your_story button{
	display: block;
    padding: 0 1vw;
	margin:0 auto 2vw auto;
	background-color:#FF6666;
	color:#fff;
	border: none;
    outline: none;
	border-radius: 6px;
	color:#fff;
	font-size: 1.32vw;
	line-height:3.85vw;
	font-weight:600;
	cursor:pointer;
	font-family: 'Raleway', sans-serif;
}
#your_story #ajaxstory ul{
	text-align:center;
	padding:2vw;
}
#your_story #ajaxstory ul:empty {
    padding:0;
}

/* Downloads
-----------------*/
.download_pp .popup {
	background-color:#fff;
	width:68.1%;
	left:15.95%;
	border-radius: 0.8vw;
	height:75%;
	max-height:75%;
	top:10%;
	padding: 3vw;
	text-align:left;
}
.download_pp .mCSB_dragger_bar, .download_pp .mCSB_draggerRail{
	background-color:#1B6B8D;
}
.download_pp .close{
	top: 11.5%;
    right: 17%;
	color:#B3B3B3;
}
.download_pp .close:after{
	font-size: 3em;
}
.download_pp section ul li{
	display: inline-block;
    text-align: right;
    width: 19%;
    vertical-align: bottom;
}
.download_pp section ul li a{
	color:#000;
	display:block;
	padding: 1vw 3.6vw 1vw 0;
    position:relative;
}
.download_pp section ul li a:after{
	content:"";
	position:absolute;
	top: 0.7vw;
	right:1vw;
	width:2vw;
	height:2vw;
	background-image:url(/assets/img/download_icon.png);
	background-size: cover;
}

/* Languages
------------------*/
.ru #home .typewriter h1, .kw #home .typewriter h1{
	margin-left: 3.4vw;
}

.ru #form_full h1, .kw #form_full h1, .eus #form_full h1, .glg #form_full h1{
	margin-left: 16vw;
	font-size: 1.3vw;
}
.eus #form_full h1{
	margin-left: 6vw;
}
.ru #form_full a, .kw #form_full a, .eus #form_full a, .glg #form_full a{
	font-size: 1vw;
	margin-left: 3vw;
}


/* Landing pages
-----------------------*/
#landing_page{
	position:realtive;
}
#landing_page #about {
    background-image: url(/assets/img/landing_about_bg.jpg);
}
#landing_page #about .logo{
	margin-bottom:3vw;
	width: 16.5vw;
}
#landing_page #about h3{
    font-size: 1.5vw;
    text-transform: none;
    padding: 0 0 3.8vw 0;
    font-style: italic;
}
#landing_page #about h2{
	font-size: 1.8vw;
    padding: 0.2vw 0;
}
#landing_page #about ul{
	padding-top:2vw;

}

#landing_page span{
	color: #2ecc71;
}
#landing_page #text, #landing_page #inner h1, #landing_page #inner h3{
	max-width: 80%;
    margin: auto;
}

#landing_page #text #sign_in{
	position: relative;
	padding:1vw;
	width:100%;
	background-color:#184668;
	height:auto;
}
#landing_page #text #sign_in:before{
	content: "";
    position: absolute;
    width: 12.5%;
    height: 100%;
    background-color: #184668;
    left: -12.5%;
    top: 0;
}
#landing_page #text #sign_in:after{
	content: "";
    position: absolute;
    width: 12.5%;
    height: 100%;
    background-color: #184668;
    right: -12.5%;
    top: 0;
}
#landing_page #text #sign_in h1{
	color:#ffffff;
}
#landing_page #text #sign_in #inner .sign{
	margin-right:0;
	border:none;
}
#landing_page #text #sign_in #inner .sign:after{
	display:none;
}

#landing_page #sign_in{
	height:30vw;
}

/* Sponsors
------------------------*/
#sponsors_p{
	width:100%;
	font-size:0;
}

#sponsors_p .logo_row{
	border-top:1px solid #E6E6E6;
	text-align:center;
}
#sponsors_p .logo_row h2{
	display:inline-block;
	background-color:#E6E7E8;
	font-size:1.2vw;
	font-weight:100;
	padding:0.5vw 2vw 0.8vw 2vw;
	margin:0;
}
#sponsors_p .logo_row .logos{
	width:86.2%;
	margin:2.5vw auto;
}
#sponsors_p .logo_row .logos img{
	width:20%;
	vertical-align:middle;
}
#sponsors_p .logo_row .big{
	width:35.1%;
}
#sponsors_p .logo_row .big img{
	width:50%;
}

/*EFFECTS
-------------------*/
.typewriter h1 {
	display:inline-block;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
 	white-space: nowrap; /* Keeps the content on a single line */
  	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  	animation: 
    	typing 2.5s steps(20, end);
}
.typewriter h2{
	animation:show 3s;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes show {
  0%   {opacity: 0;}
  90%  {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes hide {
  0%   {display: block;}
  90%  {display: block;}
  100% {display: none;}
}

@keyframes shake {
  10%, 90% {
	margin-left:-1px;
  }
  
  20%, 80% {
	margin-left:2px;
  }

  30%, 50%, 70% {
	margin-left:-4px;
  }

  40%, 60% {
	margin-left:4px;
  }
}

@media all and (orientation:portrait)
{
	body{
		background-image: url(/assets/img/home_mobile_bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	#nav li a {
	font-size: 1.2vw;
    padding: 0.4vw 2vw;
	}
	#nav #lang ul li a{
    	padding: 0.4vw 14px;
	}
	.box{
	min-height:50%;
	}
	#live{
	display:block;
	min-height:50% !important;
	height:50% !important;
	}
	#home, #sign_in{
	height:50%;
	}
	#home_2{
		display: none;
	}
	#home_mobile {
	    display: block;
	    /*height: 100%;*/
	    color:#fff;
	}
	#home_mobile #mobile_head{
		position:fixed;
		font-weight:400;
		top:0;
		left:0;
		width:100%;
		background-color:#32344D;
		color:#fff;
		text-align:center;
		font-size: 3.3vw;
    	padding: 4.4vw 0;
		text-transform:uppercase;
		z-index: 30;
	}
	#home_mobile #mobile_head span{
		font-weight:600;
	}
	#home_mobile #mobile_sign{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background-color:#33CC66;
		color:#fff;
		font-weight:700;
		text-align:center;
		font-size: 7.9vw;
    	padding: 3.8vw 0;
		text-transform:uppercase;
		z-index:40;
	}
	#home_mobile .page{
		padding: 12.5vw 0 17vw 0;
	    width: 100%;
	    height: 100%;
	    text-align:center;
	    display: table;
	    position: relative;
	}
	#home_mobile #first_page_m .centered_content{
		padding:25vw 0;
	}
	#home_mobile .page .centered_content{
		vertical-align:middle;
		display:table-cell;
	}
	#home_mobile .page .bottom{
		vertical-align:bottom;
		padding-bottom: 6vw;
	}
	#home_mobile .page .logo{
		width: 21vw;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    top: 19.5vw;
	}
	#home_mobile .page h1{
		text-align:left;
		font-size: 11.6vw;
		padding: 0 10%;
	}
	#home_mobile .page h2{
		text-align:left;
		font-size: 9.3vw;
		margin: 4vw 0;
		padding: 0 10%;
	}
	#home_mobile .page h3{
		text-align:center;
		font-size: 8vw;
		font-weight: 800;
		padding-top: 4.28vw;
	}
	#home_mobile .page h4{
		text-align:center;
		font-size: 6.6vw;
		font-weight: 600;
		font-style: italic;
		padding-top: 17.28vw;
	}
	#home_mobile .page .arrow-down {
	  	width: 0; 
	 	 height: 0; 
	  	border-left: 3vw solid transparent;
	  	border-right: 3vw solid transparent;
	  	border-top: 3vw solid #33CC66;
	  	margin: 3vw auto;
	}
	#home_mobile .page h2 span{
		display: inline-block;
	    font-weight: 800;
	    text-transform: uppercase;
	    background-color: #FF002F;
	    border-radius: 2vw;
	    padding: 1.65vw 4vw;
    }
	#home_mobile .page #battery_icon{
	    position: relative;
	    width: 31vw;
	    overflow: hidden;
	    height: 0;
	    padding-bottom: 54.8%;
	    margin: 0 auto;
	}
	#home_mobile .page #battery_icon svg#bottom_battery{
		width: 31vw;
    	height: auto;
    	margin:auto;
	}
	#home_mobile .page #battery_icon #overlow{
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    background: url(/assets/img/battery.svg);
	    background-position: bottom;
	    width: 31vw;
	    background-size: cover;
	}
	#home_mobile .page #battery_icon #overlow svg{
		visibility:hidden;
		width: 31vw;
    	height: auto;
    	margin:auto;
	}
	#circle_wrapper{
		position: relative;
	}
	#cont {
	  display: block;
	    height: 40vw;
	    width: 40vw;
	    margin: 0 auto;
	    border-radius: 100%;
	    position: relative;
	    transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}
	#svg{
		transform-origin: center;
    	transform-style: preserve-3d;
		/*transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg) scaleY(-1);
		-moz-transform:rotate(-90deg) scaleY(-1);
		-o-transform: rotate(-90deg) scaleY(-1);
		-ms-transform: rotate(-90deg) scaleY(-1);*/
	}	
	#svg circle {
	  stroke-dashoffset: 0;
	  stroke-width: 0.9em;
	}
	#svg #bar {
	  stroke: #fff;
	}
	#circle_wrapper #number{
		position:absolute;
		top:50%;
		left:50%;
		font-size:10.5vw;
		font-weight: 800;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	#home_mobile #progress{
		padding-top:5vw;
	}
	#home_mobile #progress h3{
		font-weight: 400;
	}
	#home_mobile #progress #numbers{
		font-size:0;
		padding-top:10vw;
	}
	#home_mobile #progress #numbers span{
		display:inline-block;
		vertical-align:top;
		width:50%;
		box-sizing:border-box;
		font-size:5vw;
		padding:0 1vw;
		text-align:left;
		font-weight: 400;
	}
	#home_mobile #progress #numbers span.right{
		text-align:right;
	}
	#home_mobile #progress #numbers span.green{
		color:#33CC66;
	}
	#home_mobile #progress #numbers span.red{
		color:#FF4400;
	}
	#home_mobile #signatures_bar{
		margin:1.8vw auto;
		width:81.10964332892999%;
		background-color:#2C6E44;
		height:3vw;
		border-radius:2vw;
	}
	#home_mobile #signatures_bar span{
		background-color:#33CC66;
		height:3vw;
		border-radius:2vw;
		display: block;
	}
	#home_mobile #result_table_m{
		width:100%;
		font-size:0;
		padding-bottom: 5vw;
	}
	#home_mobile #result_table_m div{
		line-height:10vw;
	}
	#home_mobile #result_table_m span, #home_mobile #result_table_m b{
		font-size: 4vw;;
		display:inline-block;
		width:50%;
		text-align:right;
		padding-right:1.5vw;
		box-sizing:border-box;
		text-transform:uppercase;
	}
	#home_mobile #result_table_m b{
		color:#8085BD;
		width:50%;
		font-weight:700;
		padding-left:1.5vw;
		text-align:left;
	}
	
}
@media all and (max-width: 1200px){

	.pact_questions, #pact_points_wrap{
	    width: 70%;
	}
}
@media all and (max-width: 1000px){
	#pact{
		font-size:13px;
	}
	.pact_header{
		width: 70%;
	}
	.pact_questions, #pact_points_wrap{
	    width: 95%;
	}
	#pact_download{
		width: 45%;
	}
	.pact_questions ul li{
		font-size:1.2em;
	}
	#pact_slider_wrap {
	    border-radius: 2.4em;
	}
	#pact_point_bullets{
		width: 85%;
		bottom:0.1em;
	}
	#pact_point_bullets li svg {
	    stroke-width: 0.7em;
	}
	#pact_pont_number{
		font-size: 1.3em;
	}
	.point_header{
		padding:0 10%;
		font-size: 1em;
	}
	.point_body{
		padding:0 10%;
		font-size: 0.6em;
		height: 17.5em;
	    padding-bottom: 2em;
	}
	    
}




@media all and (max-width: 600px){
	#landing_page #about .logo{
		width: 30vw;
	}
	#landing_page #about h2{
		font-size: 2.5vw;
	}
	#landing_page #about h3{
		font-size: 2.4vw;
	}
	#landing_page #about p, #landing_page #about ul{
		font-size: 2.2vw;
	}
	#about .more{
		font-size: 2.2vw;
		line-height:4vw;
	}
	#about .more:before, #about .more:after{
		display:none;
	}
	#landing_page #about #id, #landing_page #about p, #landing_page #about ul, #landing_page #about h2, #landing_page #about h3{
		width: 85%;
    	margin: auto;
	}
	
	#sign_in h1{
	font-size: 3vw;
	}
	#sign_in h3{
	font-size: 2.2vw;
	line-height:2.5vw;
	}
	#sign_in #inner .sign{
	border:none;
	}
	#sign_in #inner a{
	font-size: 2.6vw;
    line-height: 6vw;
	}
	#countdown #timer div span{
	font-size: 4.4vw;
    padding: 3vw 3vw;
	}
	#countdown #timer div{
	font-size: 2.2vw;
	}
	#countdown #copyright img{
	width:10vw;
	}
	#countdown #copyright{
	font-size:1.4vw;
	}
	
}