@charset "utf-8";

@import url('../fonts/fonts.css');

/* --------------- default --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
}
a                 { margin: 0; padding: 0; font-size: 100%; background: transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
                  { display:block;}
nav ul            { list-style:none;}

sub, sup          { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup               { top: -0.5em; }
sub               { bottom: -0.25em; }
ins               { text-decoration: none;}
p, pre,
blockquote, ul, ol, dl            
				  { margin: 1em 0;}
blockquote        { margin-left: 40px; margin-right: 40px;}
ol, ul, dd        { margin-left: 40px;}
pre, code, 
kbd, samp         { font-family: monospace, sans-serif;}

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
h1                { font-size: 40px; margin: .5em 0; color:#2f2f2f; text-align: center; text-transform: uppercase;}
h2                { font-size: 26px; margin: .83em 0;}
h3                { font-size: 24px; margin: 1.0em 0;}
h4                { font-size: 22px; margin: 1.33em 0;}
h5                { font-size: 20px; margin: 1.5em 0;}
h6                { font-size: 18px; margin: 1.67em 0;}

body, input, select, button, textarea
				  { font-family: 'DINProRegular', sans-serif;}
html 			  { overflow-y: scroll; height:100%; min-width:980px;}
body 			  { background: #fff; text-align: left; line-height: 1.2; font-size: 16px; color: #2f2f2f; position:relative; height:100%;}
a           	  { color: #f1c40f; text-decoration: underline;}
a:hover 		  { text-decoration: none;}
img 			  { border: none;}
hr 				  { color: #aaa; background: #aaa; height: 1px; border: none;}


input, select, button, textarea { margin: 0; font-size: 100%; color: #7b7b7b; vertical-align: middle; }
input[type="button"], input[type="submit"], input[type=reset], button { cursor: pointer; }
input[disabled], button[disabled] { cursor: default;}
button, input { line-height: normal; }
fieldset { border: 1px solid gray;}
legend { border: 0; padding: 0; white-space: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }


.clear { clear: both; height: 0; overflow: hidden; font-size: 0;}
.clear_inside {height: 0;

background: #eff3f6; /* Old browsers */
background: -moz-linear-gradient(top, #a7bbd3 0%, #eff3f6 50%, #eff3f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7bbd3), color-stop(50%,#eff3f6), color-stop(100%,#eff3f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7bbd3 0%,#eff3f6 50%,#eff3f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7bbd3 0%,#eff3f6 50%,#eff3f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a7bbd3 0%,#eff3f6 50%,#eff3f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #a7bbd3 0%,#eff3f6 50%,#eff3f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7bbd3', endColorstr='#eff3f6',GradientType=0 ); /* IE6-9 */


}

.clear_self:after,
.clear_inside:after,
.content_body:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden;}

.res {
	width: 940px; margin-left: auto; margin-right: auto;
}
.bbox,
.res {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.but {
	cursor: pointer; border: none;
	display: inline-block; height: 50px; line-height: 50px;
	background: #f1c40f; /* Old browsers */
	background: -moz-linear-gradient(top, #f1c40f 0%, #f2b011 50%, #f39c12 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c40f), color-stop(50%,#f2b011), color-stop(100%,#f39c12)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1c40f 0%,#f2b011 50%,#f39c12 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1c40f 0%,#f2b011 50%,#f39c12 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1c40f 0%,#f2b011 50%,#f39c12 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1c40f 0%,#f2b011 50%,#f39c12 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c40f', endColorstr='#f39c12',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 0 30px; font-size: 18px; font-family: 'DINProRegular';
	color: #fff; text-decoration: none; text-transform: uppercase;
	text-shadow: 1px 1px 2px #db7d07;
}

.but:hover {
	background: #f39c12; /* Old browsers */
	background: -moz-linear-gradient(top, #f39c12 0%, #e99510 50%, #dc8c0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39c12), color-stop(50%,#e99510), color-stop(100%,#dc8c0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f39c12 0%,#e99510 50%,#dc8c0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f39c12 0%,#e99510 50%,#dc8c0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f39c12 0%,#e99510 50%,#dc8c0e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f39c12 0%,#e99510 50%,#dc8c0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c12', endColorstr='#dc8c0e',GradientType=0 ); /* IE6-9 */
	transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}



.din_bold {font-family: 'DINProBold';}
.din_med {font-family: 'DINProMedium';}
.din_reg {font-family: 'DINProRegular';}
.big_noodle {font-family: 'BigNoodleTitlingRegular';}


/* --------------- /default ---------*/


/* wrapper
-------------------------------*/
.wrapper {min-height: 100%; width: 100%; margin: 0 auto -250px;}

/* main
-------------------------------*/

.container:after,
.wrapper:after {content: ''; display: block; clear: both;}
.wrapper:after {height: 270px;}


.header    { min-height: 95px; margin-bottom: 30px; position: relative;}

.container {padding: 0 250px;}

.content {width: 100%; margin-right: -100%; float: left;}

.leftside {width: 250px; margin-left: -250px; float: left;}

.rightside {width: 250px; margin-right: -250px; float: right;}

.no_right .container {padding-right: 0;}
.no_left .container {padding-left: 0;}
.no_left .content {margin-right: 0;}

.footer { min-height: 270px; border-top: 21px solid #f1c40f;}
.footer .res {height: 270px; position: relative;}

/* header
-------------------------------*/

.top_line {position: absolute; left: 0; right: 0; top: 0; background: #f1c40f; border-bottom: 1px solid #e8ba19; height: 9px;}

.site_name {
	position: absolute;
	top: 11px;
	left: -27px;
	width: 199px;
	height: 108px;
}

.phone_top {position: absolute; top: 11px; right: 0; text-align: right;}
.phone_top .num {font-size: 40px; color: #f1c40f;}
.phone_top .num .code {color: #443f3d;}

.phone_top .call {font-size: 16px; color: #443f3d; border-bottom: 1px dashed #443f3d; cursor: pointer;}
.phone_top .call:hover {border-bottom-color: transparent;}

.activity {font-size: 29px; margin-bottom: 30px; text-align: center; text-transform: uppercase;}
h1 .din_bold,
.activity .din_bold {color: #f1c40f;}

.form_wrap {height: 360px; margin: 0 auto; background: url(../images/f_bg.jpg) 50% 0 no-repeat; position: relative;}
.form_wrap .res {}

.count_down {
	border-radius: 4px; position: absolute; left: 50%; top: 16px; margin-left: -276px;
	background: url(../images/ie_count_bg.png);
	background: rgba(68, 63, 61, 0.5);
	color: #fff;
	padding: 15px 20px 0 17px;
}
.count_down .first_line {margin-bottom: 7px; padding-left: 112px; font-size: 20px; text-shadow: 1px 1px 5px #464646; text-align: center;}
.count_down .first_line .num {float: left; margin-left: -112px; font-size: 80px; line-height: 80px; margin-top: -5px;}

.counter {padding-left: 124px; min-height: 87px;}
.counter .desc {float: left; margin-left: -115px; padding-top: 9px; padding-right: 13px; text-align: right; font-size: 20px;}

.form_bg {
	position: absolute; top: 9px; left: 50%; margin-left: 180px; width: 290px; padding: 11px 26px; margin-bottom: -52px; border-radius: 4px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 50%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#f5f5f5), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 50%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%,#f5f5f5 50%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 50%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 50%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.form_bg > .name {padding: 7px 0 10px; margin: 0 -28px 7px; background: #e3e3e3; background: rgba(123, 123, 123, 0.2); text-align: center; font-size: 20px; color: #443f3d;}

.form_bg form input[type="text"] {
	width: 100%; padding: 7px 15px 5px; margin-bottom: 7px; margin-left: 2px;
	border: 1px solid #c9c9c9; border-top-color: #ebebeb; border-left-color: #ebebeb;
	box-shadow: -1px -1px 0 1px #cacaca; border-radius: 4px;
	font-size: 18px; line-height: 18px; color: #7b7b7b;
}
.form_bg form input[type="text"].picted {background: url(../images/form_name.png) 10px 50% no-repeat; padding-left: 37px;}
.form_bg form input[type="text"].picted.comp {background-image: url(../images/form_company.png);}
.form_bg form input[type="text"].picted.tel {background-image: url(../images/form_tel.png);}
.form_bg form input[type="text"].picted.mail {background-image: url(../images/form_mail.png);}
.form_bg form .but {width: 100%; margin: 7px 0 10px;}

.form_bg .note {font-size: 16px; color: #7b7b7b; text-align: center;}



.sotas {}
.sotas .icons {
	width: 640px; height: 292px; float: left;
	position: relative; margin-right: 35px;
	background: url(../images/icons_bg.png) 0 0 no-repeat;
}
.sotas .icons .icon {width: 154px; height: 173px; position: absolute; top: 79px; left: 40px; background: url(../images/hexagon.png) 0 0 no-repeat; text-align: center; color: #f1c40f; font-size: 17px; line-height: 174px;}
.sotas .icons .icon > span {display: inline-block; vertical-align: middle; line-height: normal;}
.sotas .icons .icon .num {font-size: 70px; line-height: 70px; display: block; margin-top: -15px;}

.sotas .icons .icon.i2 {left: 254px;}
.sotas .icons .icon.i2 .rus {font-size: 30px; line-height: 30px;}

.sotas .icons .icon.i3 {left: 470px;}
.sotas .icons .icon.i3 span {padding-top: 12px;}

.ims {padding-top: 87px;}
.ims img {margin-bottom: 15px;}


.offers {margin-bottom: 45px;}
.offers h1 {font-size: 50px; margin-bottom: 0;}

.offers .of_wrap {text-align: justify; text-justify: newspaper; margin-top: -20px;}
.offers .of_wrap:after {display: inline-block; content: ''; width: 100%;}
.offers .of_wrap .item {display: inline-block; width: 300px; text-align: center; margin-bottom: 10px;}
.offers .of_wrap .item .name {height: 110px; line-height: 110px; margin-bottom: 15px;}
.offers .of_wrap .item .name span {display: inline-block; vertical-align: bottom; line-height: normal; font-size: 30px;}

.offers .of_wrap .item .disc {display: inline-block; width: 189px; height: 189px; border-radius: 50%; border: 5px solid #f1c40f; overflow: hidden; background: url(../images/offers.png) 0 0 no-repeat;}
.offers .of_wrap .item.d2 .disc {background-position: -210px 0;}
.offers .of_wrap .item.d3 .disc {background-position: -420px 0;}
.offers .of_wrap .item.d4 .disc {background-position: 0 -210px;}
.offers .of_wrap .item.d5 .disc {background-position: -210px -210px;}
.offers .of_wrap .item.d6 .disc {background-position: -420px -210px;}


.certs {margin-bottom: 35px;}
.certs .certs_wrap {text-align: center;}
.certs .certs_wrap .item {display: inline-block; padding: 4px 13px 17px 13px; width: 150px; height: 215px; position: relative; line-height: 215px; text-align: center;}
.certs .certs_wrap .item:after {display: block; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/frame.png) 0 0 no-repeat;}
.certs .certs_wrap .item img {max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle;}


.whys {margin: 77px 0 20px; background: #f1c40f url(../images/anonym.png) 50% 100% no-repeat; min-height: 630px;}
.whys .res/*.bbox */ {padding-left: 265px; color: #fff;}
.whys h1 {font-size: 60px; color: #fff; margin-bottom: 35px; text-align: left;}
.whys h1 .din_bold {color: #fff;}

.whys .list {padding: 0 0 0 200px; margin: 0 0 20px; list-style: none; counter-reset: list 0;}
.whys .list li {margin-bottom: 15px; font-size: 25px;}
.whys .list li:before {display: block; counter-increment: list; content: "0"counter(list); font-size: 16px;}

.clients  {text-align: justify; text-justify: newspaper; margin-top: -20px; margin: 0 auto 23px; padding: 0; list-style: none;}
.clients:after {display: inline-block; content: ''; width: 100%;}

.clients li {display: inline-block; vertical-align: middle;}

.feeds {}
.feeds .item {float: left; width: 50%; margin-bottom: 60px;}
.feeds .item img {float: left; width: 63px; height: 71px; margin-left: 10px; background-position: 50% 50%; background-repeat: no-repeat;}
.feeds .item .txt p {margin: 20px; margin-left: 95px;}
.feeds .item .txt p:first-child {font-size: 24px; color: #f1c40f; margin-top: 0;}
.feeds .item .txt .name {text-align: right;}



.th_imgs {padding-bottom: 10px; text-align: justify;}
.th_imgs:after {display: inline-block; content: ''; width: 100%;}
.th_imgs .item {display: inline-block; text-align: center; width: 300px; height: 404px;}
.th_imgs .item img {max-width: 100%; background-position: 50% 50%; background-repeat: no-repeat;}





/* content
-------------------------------*/


/* leftside
-------------------------------*/



/* rightside
-------------------------------*/



/* footer
-------------------------------*/
.footer .site_name {top: 0;}
.footer .phone_top {top: 10px;}
.bot_inf {text-transform: uppercase; position: absolute; top: 105px; left: 0; right: 0; text-align: center; font-size: 21px;}
.copy {margin-top: 20px; text-transform: none;}



.popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); visibility: hidden; z-index: 99;}
.line_in {height: 190px; position: absolute; top: 50%; left: 0; right: 0; margin-top: -95px; background: #f1c40f;}
.popup {
	width: 280px; height: 260px;
	position: fixed; top: 50%; left: 50%; margin:-135px 0 0 -140px;
	visibility: hidden; z-index: 99;
}

.form_bg.popup > .name {padding: 10px 0 10px; margin: 0 0 7px; background: none; font-size: 25px; color:}

.form_bg.popup form input[type="text"] {margin-bottom: 10px;}
.form_bg.popup form input[type="text"].picted {background: url(../images/form_name.png) 10px 50% no-repeat; padding-left: 37px;}
.form_bg.popup form input[type="text"].picted.comp {background-image: url(../images/form_company.png);}
.form_bg.popup form input[type="text"].picted.tel {background-image: url(../images/form_tel.png);}
.form_bg.popup form input[type="text"].picted.mail {background-image: url(../images/form_mail.png);}
.form_bg.popup form .but {width: 100%; margin: 7px 0 10px;}

.form_bg.popup .note {font-size: 15px;}



.popup_bg.active,
.popup.active {visibility: visible;}

/* -------- How to earn ----------------------------------------------- */

.howToEarn {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 20px 0;
	background: #f7fafb;
	border: 1px solid #c6c6c6; border-left: none; border-right: none;
}

.howToEarn h2 {
	font-size: 19pt;
	color: #000;
	 
	text-align: center;
	padding: 49px 10px 0 0;
	font-weight: normal;
}

.calculator {
	float: left;
	width: 550px;
	margin: 0;
	position: relative;
}

.calcBox {
	float: left;
    margin: 2px 0 5px 1px;
    padding: 0;
    width: 550px;
}
.cbTitle {
    display: block;
    font-size: 30px;
    line-height: normal;
}
.cbLine {position:relative;}

.cblTitle {
    display: block;
    font-size: 20pt;
    padding: 21px 0 15px;
}
.cbLine input {display: none;}
.cbLine .sliderBox  {
	border:none;
	border-radius:0;
	background:url(../images/bar.png) 0 0 no-repeat;
	height: 25px;
    margin: 5px 0 0 -6px;
    padding: 0 20px;
    width: 100%;
}
.cbLine .sliderBox a {
border: none;
border-radius: 0;
background: url(../images/slider.png) 0 0 no-repeat;
height: 22px;
margin: -1px -19px 0 -11px;
width: 22px;
cursor: pointer;
outline: none;
}
.cbLine .sliderBox .ui-slider-range {
	background: #43a2bd;
	border-radius: 10px;
	height: 10px;
	margin: 0;
}
.priceList {
    margin: 0 0 0 -7px;
    display: block;
    width: 100%;
    text-align: justify; font-size: 18px;
}
.priceList:after {display: inline-block; content: ''; width: 100%;}
.priceList span {font-size: 18px; display: inline-block;}
.procBox {
    font-size: 11pt;
    padding: 16px 0 0;
}
.pbTitle {
    display: block;
    float: left;
    font-size: 14pt;
    margin: 0 25px 0 0;
}
.procBox .niceRadio {
	cursor: pointer;
    display: block;
    float: right;
    height: 23px;
    margin: 0 14px 0 5px;
    overflow: hidden;
    white-space: nowrap;
    width: 23px;
	background:url(../images/radio.png) 0 0 no-repeat;
}
.procBox .radioChecked {
	background-position: 0 100%;
}
.procBox .niceRadio input {
	margin-left: -17px;
}
.radioList {
    float: left;
    font-size: 18px;
    margin: 0;
}
.radioList label {
    float: left;
    text-align: left;
    line-height: 24px;
}

.calculator p {
	font-family: EtelkaLight-Pro;
	font-size: 19pt;
	color: #000;
	margin-bottom:16px;
	padding: 0 0 0 10px;
}

.calculator a {
	position: absolute;
	background: url(../images/calculate_btn.jpg) no-repeat;
	bottom: 28px;
	left: 150px;
	text-indent: -9999px;
	width: 190px;
	height: 41px;
}


.investedReceived {
	float: right;
    margin-right: -12px;
    padding: 0;
    width: 350px;
    text-align: center;
}

.invested {
    display: inline-block;
    font-size: 20px;
    height: 258px;
    margin: 70px 56px 0 0;
	width: 92px;
    text-align: center;
	position: relative;
}

.invested span {
	display: block;
    font-size: 13pt;
    padding: 4px 0 0;
	 
}

.invested img {
	padding: 30px 0 0 0;
}

.received {
	display: inline-block;
    font-size: 20px;
	position:relative;
    height: 258px;
    margin: 70px 0 0 -35px;
    text-align: center;
    width: 170px;
}

.received span {
	display: block;
    font-size: 13pt;
    padding: 4px 0 0;
	 
}

.received img {
	padding: 18px 0 0 0;
}


.month12 {
    display: block;
    font-size: 20px;
    line-height: 13pt;
    margin: 0 0 8px;
    text-align: center;
	clear:both;
	position:relative;
}
.textBox {
	left: 0;
	right: 0;
    position: absolute;
    text-align: center;
    top: -60px;
}

.summ {
	clear: both;
    display: block;
    font-size: 30px;
    margin: 0 0 25px;
    text-align: center;
}

.interBox {
	background:url(../images/coins.png) 50% 100% repeat-y;
	position:relative;
	width:160px;
	height:100px;
	bottom:31px;
	position:absolute;
}

/* .want {
	background: url(../images/want_btn.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 307px;
	height: 50px;
	position: relative;
	top: 37px;
	right: 41px;
}
 */
.want:hover {
	opacity: 0.9;
}

/* -------------------------------------------------------------------- */



#callback-container {
    position: fixed;
    width: 100%;
    min-height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}
#callback-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0; top: 0;
    background: #000;
    opacity: 0.5;
    cursor: pointer;
}
.callback-window {
    background: #f1f7e2;
    border-radius: 4px;
    box-shadow: inset 0 0 2px 0 #fff;
    position: absolute; top: 50%; left: 50%;
    width: 240px;
    padding: 20px 10px 30px;
    margin: -125px 0 0 -130px;
    display: none;
}

.callback-window .callback-title {
    color: #f1c40f;
    font-size: 30px;
    margin: 0 0 20px 0;
    text-align: center;
}
.callback-window .callback-2 {
    position: relative;
}

.callback-2 .inputtext {
    display: block;
    font-size: 15px;
    font-style: italic;
    font-family: georgia;
    width: 207px;
    color: #808181;
    background: none;
    border: 0;
    padding: 2px 8px;
    border-bottom: 1px solid #d3d6ca;
    margin: 0 0 9px 8px;
}
.callback-2 textarea {
  resize: none;
  width: 100%; height: 100px;

    font-size: 15px;
    font-style: italic;
    font-family: georgia;
    width: 209px;
    color: #808181;
    background: none;
    border: 0;
    padding: 2px 8px;
    border: 1px solid #d3d6ca;
    margin: 0 0 9px 8px;}


.callback-2 .btn {
    margin: 5px 0 0 8px;
}

.callback-window.thanks .callback-title {margin-bottom: 0;}