@CHARSET "UTF-8";
@import "/www/flat.skin/styles/font.css";

*{ margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
a, a:after, a:before, input:focus, input{ outline:none }
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}
/*** Remove inner padding and search cancel button in Safari and Chrome on OS X.* Safari (but not Chrome) clips the cancel 
button when the search input has* padding (and `textfield` appearance).*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}


body{ background:#fff; max-width:1920px; overflow-x:hidden; margin:0 auto;}

.cl{ clear:both; display:block; }
.fl{ float:left; }
.fr{ float:right; }
.visibilityhidden{ visibility:hidden; }
.fixed{ position:fixed; }
.displaynone{ display:none; }

#page_up{ z-index:99; display:none; position:fixed; bottom:30px; right:30px; background:#00598f; color:#fff; font-size:24px; border-radius:40px; width:30px; height:30px; text-align:center; }
#page_up:hover{ cursor:pointer; background:#ee7320; }

a:hover, 
li:hover,
input[type="button"]{ -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
a{ color:#0081e5; text-decoration:none }
a:hover{ color:#2fa4ff; text-decoration:underline; cursor:pointer }
a:active{ color:#4eb2ff; cursor:pointer }

a.btn{ color:#fff; }
a.btn:hover,
a.btn:active{ text-decoration:none; color:#fff; }
.btn{ text-transform:uppercase; text-align:center; border:0; color:#fff; font:15px/50px "InputSerifBold", Arial, sans-serif; letter-spacing:1px; padding:0 30px; height:50px; text-decoration:none; display:inline-block; -webkit-transition:background-color 300ms ease; transition:background-color 300ms ease; }


p{ font:16px 'Geometria', Arial, sans-serif; }
.caps{ text-transform:uppercase }

.centered{  margin:0 auto; width:100%; max-width:1024px; }


/* promo */
.page_header{ background:url('/www/flat.skin/images/promo.jpg') 50% 0 no-repeat; background-size:cover; min-height:440px; }
.page_header .top{ border-bottom:1px solid rgba(255, 255, 255, 0.2); line-height:60px; max-width:944px; }
.page_header .top::after{ content:''; clear:both; display:block; }
.page_header .logo{ display:inline-block; vertical-align:middle; line-height:65px; }
.page_header .logo img{ display:block }
.page_header .lang { float:right }
.page_header .lang a{ display:inline-block; vertical-align:middle; width:28px; height:22px; padding:2px; border:1px solid transparent; }
.page_header .lang a:hover,
.page_header .lang a.active{ border-color:#fff; }
.page_header .lang a  + a{ margin-left:7px; }
.page_header .lang .en{ background:url('/www/flat.skin/images/lang.png') 0 0 no-repeat; }
.page_header .lang .ru{ background:url('/www/flat.skin/images/lang.png') -26px 0 no-repeat; }


.comlogo img{ display:block; max-width:100%; margin:60px auto 0px; }

.searcholder form{ max-width:680px; margin:0 auto; border:6px solid #0081e5; border-radius:4px; position:relative; height:53px;}
.searcholder > a{  max-width:680px; color:#fff; padding:0 0 0 8px; text-decoration:underline; text-transform:uppercase; font:14px 'RobotoRegular', Arial, sans-serif; display:block; margin:0 auto 12px; }
.searcholder > a:hover{ text-decoration:none; }
.searcholder input[type="search"]{ background:#fff; border:2px solid #fff; display:block; height:100%; padding:0 101px 0 15px; border-radius:4px; width:100%; }
.searcholder input[type="search"]:focus{ border-color:#0166b5; }
.searcholder button[type="submit"]{ position:absolute; right:0; top:0; height:100%; border:0; background:#78aa4b url('/www/flat.skin/images/search.png') 50% 50% no-repeat; width:86px; birder-radius:0 4px 4px 0; -webkit-transition:background-color 300ms ease; transition:background-color 300ms ease; }
.searcholder button[type="submit"]:hover{ background-color:#88c056; }


.pagecontent{ position:relative; }
.pagecontent::after{  content:''; clear:both; display:block; }

.offer{ background:#ffde5c; border-radius:0 0 4px 4px; position:absolute; top:-55px; }
.offer::after{  content:''; clear:both; display:block; }
.offer::before{ content:''; border-bottom:15px solid #ffde5c; border-left:20px solid transparent; border-right:20px solid transparent; position:absolute; top:-15px; right:19%; }
.offer  h1{ text-transform:uppercase; padding:0 0 5px 0;}
.offer p b{ font-family:'RobotoBlack', Arial, sans-serif; font-weight:normal; }
.offer p span{ font-family:'RobotoBold', Arial, sans-serif; font-weight:normal; color:#0081e5; }


.about h2{ font:30px 'RobotoRegular', Arial, sans-serif; }
.about p{ margin:20px 0 0; font:16px/24px 'RobotoRegular', Arial, sans-serif;  }

h3{ font:13px/24px 'RobotoRegular', Arial, sans-serif; text-transform:uppercase; color:#868686; margin:25px 0 0; }
ul.list{ padding:18px 0 0; }
ul.list li{ list-style-type:none; position:relative; padding:0 0 0 20px;}
ul.list li::before{ content:''; width:6px; height:6px; display:inline-block; border-radius:20px; margin:0 10px 0 0; position:absolute; top:11px; left:0; }

.about ul.list li{ font:16px/30px 'RobotoItalic', Arial, sans-serif;  }
.about ul.list li::before{ border:1px solid #979797; }

.useful_links li{ list-style-type:none; }
.useful_links li a{ color:#0081e5; font: }

.useful_links .hexagon{ width:240px; height:135px; background:#eaedf2; position:relative; } 
.useful_links .hexagon::before { content:''; position:absolute; top:-68px; left: 0; width: 0; height: 0; border-left:120px solid transparent; border-right:120px solid transparent; border-bottom:68px solid #eaedf2; } 
.useful_links .hexagon::after { content:''; position:absolute; bottom:-68px; left: 0; width: 0; height: 0; border-left:120px solid transparent; border-right:120px solid transparent; border-top:68px solid #eaedf2; }
.useful_links .hexainer{ z-index:1; width:240px; height:135px; background:#fff url('/www/flat.skin/images/links.png') 50% 50% no-repeat; position:relative; top:0px; transform:scale(0.95); right:0; left:0; margin:auto; } 
.useful_links .hexainer::before { content:''; position:absolute; top:-67px; left: 0; width: 0; height: 0; border-left:120px solid transparent; border-right:120px solid transparent; border-bottom:68px solid #fff; } 
.useful_links .hexainer::after { content:''; position:absolute; bottom:-67px; left: 0; width: 0; height: 0; border-left:120px solid transparent; border-right:120px solid transparent; border-top:68px solid #fff; }

.useful_links ul li a{ font:18px/30px 'RobotoRegular', Arial, sans-serif; text-decoration:underline; display:block; }
.useful_links ul li:hover a{ text-decoration:none; color:#2fa4ff; }
.useful_links ul li:first-child a{ color:#515151; font:16px 'RobotoRegular', Arial, sans-serif; padding:0 0 10px; }



.footer{ background:#131313; color:#fff; padding:0 0 50px; }
.footer .centered{ position:relative; }
.footer::after{  content:''; clear:both; display:block; }
.footer .facts::before{ content:''; width:300px; height:67px; background:url('/www/flat.skin/images/com_footer.png') no-repeat; display:block; position:absolute; top:-2px; }
.footer ul.list li{ font:16px/24px 'RobotoRegular', Arial, sans-serif; padding-bottom:20px; }
.footer ul.list li::before{ border:1px solid #bdd0f9; }
.footer h3{ color:#c9c9c9; padding:0 0 0 20px; position:relative }

.footer .payservice{ clear:both; text-align:center; padding:70px 0 0; }
.footer .payservice > div{ background-image:url('/www/flat.skin/images/paysystem.png'); background-repeat:no-repeat; height:36px; width:109px; display:inline-block; }
.footer .payservice > div.webmoney{ background-position:0 0; }
.footer .payservice > div.paypal{ background-position:-115px 0; }
.footer .payservice > div.epay{ background-position:-241px 0; }
.footer .payservice > div.ecoin{ background-position:-368px 0; }
.footer .payservice > div.paxum{ background-position:-480px 0; }
.footer .payservice > div.epayments{ background-position:-610px 0; }
.footer .payservice > div.interkassa{ background-position:-730px 0; }
.footer .payservice > div.visa{ background-position:-848px 0; }
.footer .payservice > div.mastercard{ background-position:-950px 0; }



@media (min-width: 100px) {
	.offer { padding:20px 15px 25px; }
	.offer .getfree{ padding-top:20px }
	.offer  h1{ font:22px 'RobotoBlack', Arial, sans-serif; margin:0; }
	.offer  p{ font:19px/24px 'RobotoRegular', Arial, sans-serif; }
	.about{ padding:225px 15px 0; }
	.useful_links{ padding:0 15px; margin:30px auto; }
	
	.useful_links .hexagon{ display:none; }
	.useful_links ul{ margin:20px 0 0; }	
	
	.footer .centered { padding:0 15px; }
	.footer .facts { padding:70px 15px 0; }
	.footer .facts::before{ left:15px; }
	

}


@media (min-width: 768px) {
	.offer{ left:15px; right:15px; margin:auto; width:calc(100% - 30px) }
	.offer > div{ width:48%; float:left }
	.offer .getfree{ padding-left:20px; padding-top:0px }
	.page_header{ padding:0 15px; }
	.pagecontent{ padding:110px 15px 90px; }
	.about{ padding:30px 15px 0 40px; }
	.useful_links{ padding:0 15px 0 40px; }
	.footer .centered { padding:0 0 0 40px; }
	.footer .facts::before{ left:40px; }
}

@media (min-width: 1024px) {	
	.offer { padding:20px 50px 25px; }
	.offer .register::after{ content:''; width:1px; height:155px; background:rgba(255, 255, 255, 0.9); display:block; position:absolute; right:-50px; top:-20px; -webkit-transform:skewX(-30deg); transform:skewX(-30deg);}
	.offer > div{ width:auto; }
	.offer .register{ float:left; max-width:360px; position:relative; min-width:340px; }
	.offer .getfree{ float:right; padding-left:0 }
	.offer  h1{ font:36px 'RobotoBlack', Arial, sans-serif; }
	.offer  p{ font:22px/28px 'RobotoRegular', Arial, sans-serif; }
	.pagecontent{ padding:155px 0 90px; }
	
	.useful_links{ float:right; padding:0 30px; width:auto;}
	.about { width:100%; max-width:610px; float:left; padding:0 15px 0 40px; }
	.useful_links .hexagon{ display:block; }
	
	.useful_links .hexagon{ top:45px; } 
	.hexagon + .arrow{ position:relative; left:-15px; width:110px; height:110px; border-radius:110px; background:#bdd0f9 url('/www/flat.skin/images/arrow_r.png') no-repeat 50% 50%; margin:180px 27px 0 0; float:left }
	.hexagon + .arrow::before{ z-index:1; background:#a7bcea; content:''; position:absolute; display:block; width:1px; left:0; right:0; margin:auto; top:-153px; height:153px; }
	.useful_links h3{ margin:180px 0 0; overflow:hidden; }
	.useful_links ul{ margin:18px 0 0; overflow:hidden; }
	
	.footer .centered { padding:0; }
	.footer .line{ position:absolute; top:-60px; left:43px; width:100%; max-width:524px; height:1px; background:#eaedf2; }
	.footer .line::before{ content:''; position:absolute; left:0; top:-20px; height:20px; width:1px; display:block; background:#eaedf2; }
	.footer .line::after{ content:''; position:absolute; right:0; bottom:-59px; height:59px; width:1px; display:block; background:#eaedf2; }
	.footer .facts{ float:right; max-width:460px; position:relative; padding:0; }
	.footer .facts::before{ left:-340px; }
	.footer ul.list { max-width:460px; float:right; padding-top:22px; padding-right:95px;}
}


@media (min-width: 1200px) {
	.footer h3::before{ content:''; position:absolute; left:1px; top:-25px; height:42px; width:1px; display:block; background:#535455; }
}