@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Annushki';
  src: url('../fonts/Annushki.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Annushki.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Annushki.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Annushki.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Annushki.svg#svgAnnushki') format('svg'); /* Legacy iOS */
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
}

.clear { clear: both; }

					::selection
					{
						color:#ffffff;
						background: #ff4b87;
					}
					::-moz-selection
					{
						color:#ffffff;
						background: #ff4b87;
					} 

html, body {
	width: 100%;
	height: 100%;
}
body { 
	background: #ffffff; 
	-webkit-font-smoothing: antialiased; 
}

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, a, input, textarea { 
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
	font-family: 'Open Sans', sans-serif;
	font-weight: normal; 
	font-style: normal; 
	font-size: 14px; 
	line-height: 150%; 
	margin: 0; 
	padding: 0; 
	color: #505050; 
	direction: ltr; 
	text-decoration: none; 
}


/* HEADLINES */
h1, h2, h3, h4, h5, h6 { 
	font-family: "Maven Pro", "Helvetica", Helvetica, Arial, sans-serif; 
	font-weight: 100; 
	font-style: normal; 
	color: #ffffff; 
	text-rendering: optimizeLegibility; 
	line-height: 150%; 
}

	h1 { font-size: 60px; font-weight: 500; text-transform: uppercase; line-height: 100%; }

	h2 { font-size: 50px; font-weight: 700; text-transform: uppercase; line-height: 100%; }

	h3 { font-size: 40px; font-weight: 700; line-height: 100%; }

	h4 { font-size: 30px; line-height: 100%; }

	h5 { font-size: 20px; }

	h6 { font-size: 16px; font-weight: 500; }

	
	xximg { width: 100%; }

	
	fieldset { border: 0px none; }
	


.wrapper {
    display: table-cell;
	width: 100%;
	max-width: 960px;
	margin: auto;
	text-align: center;
    vertical-align: middle;
}

.row {
	height: 100%;
	margin: auto;
	text-align: center;
}
.row .col {
	display: inline-block;
	text-align: center;
}


/* Columns --> must equal 6 --> 6=3+3/6=5+1/... */
.six	{ width: 940px; margin: 10px;  }
.five 	{ width: 780px; margin: 10px;  }
.four 	{ width: 620px; margin: 10px;  }
.three 	{ width: 460px; margin: 10px; }
.two 	{ width: 300px; margin: 10px;  }
.one 	{ width: 140px; margin: 10px;  }

.six.inner		{ width: 960px; }
.five.inner		{ width: 800px; }
.four.inner		{ width: 640px; }
.three.inner	{ width: 480px; }
.two.inner		{ width: 320px; }
.one .inner		{ width: 160px; }

/* Columns with paddings */
.xsix	{ width: 910px; padding: 15px; }
.xfive 	{ width: 750px; padding: 15px; }
.xfour 	{ width: 590px; padding: 15px; }
.xthree	{ width: 430px; padding: 15px; }
.xtwo 	{ width: 270px; padding: 15px; }
.xone 	{ width: 110px; padding: 15px; }


.fluid	{ width: 100%; }
.fluid25{ width: 25%; }


/* Paddings */
.paddingXXS	{ padding-top: 10px; padding-bottom: 10px; }
.paddingXS	{ padding-top: 20px; padding-bottom: 20px; }
.paddingS	{ padding-top: 40px; padding-bottom: 40px; }
.paddingM	{ padding-top: 60px; padding-bottom: 60px; }
.paddingL	{ padding-top: 80px; padding-bottom: 80px; }
.paddingXL	{ padding-top: 160px; padding-bottom: 160px; }

.XSpadding	{ padding-left: 20px; padding-right: 20px; }
.Spadding	{ padding-left: 40px; padding-right: 40px; }
.Mpadding	{ padding-left: 60px; padding-right: 60px; }
.Lpadding	{ padding-left: 80px; padding-right: 80px; }
.XLpadding	{ padding-left: 160px; padding-right: 160px; }

/* Spaces */
.spaceXS	{ padding-bottom: 20px; }
.spaceS		{ padding-bottom: 40px; }
.spaceM		{ padding-bottom: 60px; }
.spaceL		{ padding-bottom: 80px; }
.spaceXL	{ padding-bottom: 160px; }



/* Button */
.button {
	display: inline-block;	
	width: auto;
	background: transparent;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
	font-family: 'Maven Pro', 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 500;
	font-style: normal; 
	line-height: 100%; 
	text-rendering: optimizeLegibility; 
	text-align: center;
    vertical-align: middle;
	text-decoration: none;	
	text-transform: uppercase;
	border-style: solid;
    border-width: 2px;
	padding: 13px;
	cursor: pointer;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

		.button.pos {
			color: #505050;	
			border-color: #505050;
		}
		.button.pos:hover {
			color: #7d96cd;
			border-color: #7d96cd;
		}
		.button.pos:active {
			background:#ff4b87;
			border-color: #ff4b87;
			color: #ffffff;	
		}
		.button.neg {
			color: #ffffff;	
			border-color: #ffffff;
		}
		.button.neg:hover {
			color: #7d96cd;
			border-color: #7d96cd;
		}
		.button.neg:active {
			background:#ff4b87;
			border-color: #ff4b87;
			color: #ffffff;	
		}

		
		

article {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
}





.efx {
	-webkit-transition: all 1s;
	transition: all 1s;
}
.efx_whipin {
    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0);
}
.efx_whipin.efx_start {
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
}
.efx_raise {
    padding-top: 500px;
	opacity: 0;
}
.efx_raise.efx_start {
    padding-top: 0px;
	opacity: 1;
}
.efx_fade {
	opacity: 0;
}
.efx_fade.efx_start {
	opacity: 1;
}