@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic);
* { -box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Lock screen(begin) */
html.remodal_lock, body.remodal_lock { overflow: hidden; }

/* Lock screen(end) */
/* Background for effects(begin) */
.remodal-bg { -webkit-transition: -webkit-filter 0.2s linear; -moz-transition: -moz-filter 0.2s linear; -o-transition: -o-filter 0.2s linear; transition: filter 0.2s linear; }

body.remodal_active .remodal-bg { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }

/* Background for effects(end) */
/* Anti FOUC(begin) */
.remodal, [data-remodal-id] { visibility: hidden; }

/* Anti FOUC(end)*/
/* Remodal overlay(begin) */
.remodal-overlay { display: none; overflow: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; text-align: center; opacity: 0; background: rgba(33, 36, 46, 0.95); /* IE6–IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE21242E, endColorstr=#EE21242E); zoom: 1; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.remodal-overlay > * { -webkit-transform: translateZ(0px); }

.remodal-overlay:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ''; vertical-align: middle; }

body.remodal_active .remodal-overlay { opacity: 1; }

/* Remodal overlay(end) */
/* Remodal window(begin) */
.remodal, .remodal * { font-family: 'Exo 2', sans-serif; }

.remodal { font-size: 16px; position: relative; display: inline-block; width: 100%; min-height: 100%; padding: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; background: #f4f4f4; background-clip: padding-box; color: #182a3c; -webkit-box-shadow: 0px 0px 8px #171a24; box-shadow: 0px 0px 8px #171a24; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; transition: transform 0.2s linear; }

body.remodal_active .remodal { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* Remodal window(end) */
/* Remodal window close button(begin) */
.remodal-close { position: absolute; top: 5px; left: 5px; width: 28px; height: 28px; text-decoration: none; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #3e5368; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; }

.remodal-close:after { display: block; font-size: 28px; font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important; content: "×"; line-height: 28px; cursor: pointer; text-decoration: none; color: #3e5368; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.remodal-close:hover, .remodal-close:active { background: #3e5368; }

.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after { color: #f4f4f4; }

/* Remodal window close button(end) */
/* Remodal buttons(begin) */
.remodal-confirm, .remodal-cancel { font-size: 10pt; display: inline-block; width: 120px; padding: 9px 0; margin: 0 0 5px 0; background-clip: padding-box; cursor: pointer; text-decoration: none; text-align: center; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.remodal-confirm { border: 2px solid #16a085; background: #f4f4f4; color: #16a085; }

.remodal-confirm:hover, .remodal-confirm:active { background: #16a085; color: #f4f4f4; }

.remodal-cancel { border: 2px solid #c0392b; background: #f4f4f4; color: #c0392b; }

.remodal-cancel:hover, .remodal-cancel:active { background: #c0392b; color: #f4f4f4; }

/* Remodal buttons(end) */
/************** Media queries **************/
@media only screen and (min-width: 40.063em) { .remodal { max-width: 700px; margin: 20px auto; min-height: 0; -webkit-border-radius: 6px; border-radius: 6px; } }
html { background: white url(../img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
@media (max-width: 959px) { html { background: #FFFFFF; padding-top: 35px; } }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }

body.home #bottom { height: 40%; }

body.home #bottom .right img { margin-top: -48%; }

body.home .right { text-align: left; }
body.home .right img { margin-left: -50px; }

body.home .left { margin-left: -50px; position: relative; }
body.home .left img.out { position: absolute; right: -40px; top: -295px; }

#bottom .like_this ul a { text-decoration: none; }

header { border-bottom: 1px solid #e3e3e3; width: 100%; background: #fff; height: 44px; margin: 0; padding: 0; }
header ul { height: 44px; margin: 0 auto; position: relative; left: 31px; }
header ul li { width: 24%; height: 44px; letter-spacing: .1em; font-size: 1em; list-style-type: none; text-transform: uppercase; padding: 5px; font-weight: 600; display: inline-block; text-align: center; border-right: 1px solid #e3e3e3; }
header ul li a { margin-left: 5px; text-decoration: none; color: #210e39; }
header ul li a img { position: relative; top: 6px; left: -10px; }
header ul li a:hover { text-decoration: underline; }
header ul li:first-child { border-left: 1px solid #e3e3e3; }

@media only screen and (max-width: 959px) { header { display: none; } }
body.home #bottom .like_this ul { line-height: 200%; }

body.home #bottom .like_this.buy_links { height: 145px; }

#bottom { position: fixed; width: 100%; height: 45%; bottom: 0; left: 0; right: 0; background: #fff; }
@media (max-width: 959px) { #bottom { position: relative; } }
#bottom .right img { margin-top: -45%; }
@media (max-width: 959px) { #bottom .right img { margin-top: 0; max-width: 100%; } }
@media (max-width: 959px) and (max-width: 767px) { #bottom .right img { display: none; } }
#bottom .code .error_download, #bottom .code .success_download { text-align: left; float: right; margin-right: 90px; width: 100%; max-width: 250px; margin-top: -200px; height: 250px; }
#bottom .code .error_download .back, #bottom .code .success_download .back { margin-top: 10px; }
#bottom .code form { text-align: left; float: right; margin-right: 90px; width: 100%; max-width: 250px; margin-top: -200px; }
@media (max-width: 959px) { #bottom .code form { margin-top: 0; } }
@media (max-width: 959px) and (max-width: 479px) { #bottom .code form { float: none; } }
#bottom .code form img.title { width: 250px; margin-bottom: 5px; }
#bottom .code form .note { color: white; text-shadow: 0px 0px 2px black; margin-top: -5px; margin-bottom: 10px; }
#bottom .code form input { display: block; width: 100%; padding: 10px 10px; border: 3px solid #9b58b5; border-radius: 5px; color: black; margin-bottom: 10px; font-size: 24px; font-weight: bold; outline: none; }
#bottom .code form ::-webkit-input-placeholder { /* WebKit browsers */ color: #C888E0; }
#bottom .code form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C888E0; }
#bottom .code form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #C888E0; }
#bottom .code form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #C888E0; }
#bottom .code input.submit { position: relative; vertical-align: top; width: 100%; height: 45px; padding: 0; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-top: 15px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #9b58b5; border: 0; border-bottom: 2px solid #50345A; cursor: pointer; -webkit-box-shadow: inset 0 -2px #50345A; box-shadow: inset 0 -2px #50345A; }
#bottom .code input.submit:active { top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none; }
#bottom .left .about { padding: 25px 25px; color: white; font-size: 13px; line-height: 140%; background: #00a652; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: -255px; }
#bottom .left .about h1 { margin: 0; font-size: 35px; font-weight: bold; text-transform: uppercase; font-family: "KnockoutMedium"; color: #ffdd00; }
#bottom .left .about span { font-size: 17px; color: #ffdd00; font-weight: bold; text-transform: uppercase; }
#bottom .left ul.btn { float: right; list-style-type: none; text-align: center; width: 50%; margin-right: 50px; margin-top: -220px; height: 350px; }
#bottom .left ul.btn * { display: inline; }
#bottom .left ul.btn li { height: 35px; position: relative; width: 105px; }
#bottom .left ul.btn li img { margin: 5px 5px 2px 5px; }
#bottom .left ul.btn li a img:hover { opacity: 0.9; }
#bottom .left .success { text-align: left; float: right; display: block; margin-right: 90px; width: 100%; max-width: 250px; margin-top: -190px; }
@media (max-width: 959px) { #bottom .left .success { margin-top: 0; } }
@media (max-width: 959px) and (max-width: 479px) { #bottom .left .success { float: none; } }
#bottom .left .success img.title { margin-left: -2px; }
#bottom .left .success .note { background: #fff; width: 100%; padding: 8px 10px; border: 3px solid #00a652; border-radius: 5px; line-height: 150%; margin-bottom: 10px; font-size: 14px; padding-right: 25px; }
#bottom .left .success .note .again { color: #00a652; font-size: 12px; cursor: pointer; }
#bottom .left .success .info { color: white; font-size: 11px; }
#bottom .left .result { text-align: left; float: right; margin-right: 90px; width: 100%; max-width: 250px; margin-top: -200px; height: 210px; position: relative; z-index: 0; }
#bottom .left .result img.title { margin-left: 10px; margin-bottom: -5px; display: none; }
#bottom .left .result p { background: #fff; padding: 20px; font-size: 15px; }
#bottom .left form { text-align: left; float: right; margin-right: 90px; width: 100%; max-width: 250px; margin-top: -200px; position: relative; z-index: 1; /* SQUARED FOUR */ }
@media (max-width: 959px) { #bottom .left form { margin-top: 0; } }
@media (max-width: 959px) and (max-width: 479px) { #bottom .left form { float: center; } }
#bottom .left form img.title { margin-bottom: 5px; }
#bottom .left form input { display: block; width: 100%; padding: 8px 10px; border: 3px solid #9b58b5; border-radius: 5px; margin-bottom: 10px; font-size: 14px; padding-right: 25px; outline: none; }
#bottom .left form input.mail:required { background: white url(../img/mail.png) no-repeat 98% center; outline: none; }
#bottom .left form input.user:required { background: white url(../img/user.png) no-repeat 98% center; outline: none; }
#bottom .left form input:required:valid { background: white url(../img/valid.png) no-repeat 98% center; border-color: #28921f; outline: none; }
#bottom .left form input.user:required:valid { background: white url(../img/user_valid.png) no-repeat 98% center; border-color: #28921f; outline: none; }
#bottom .left form input:focus:invalid { background: white url(../img/invalid.png) no-repeat 98% center; border-color: red; outline: none; }
#bottom .left form .min { font-size: 11px; color: #222; padding-left: 30px; padding-left: 0; margin-top: -35px; margin-top: 0; line-height: 140%; width: 250px; }
#bottom .left form .squaredFour { width: 20px; margin: 20px 0; position: relative; }
#bottom .left form .squaredFour label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); }
#bottom .left form .squaredFour label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#bottom .left form .squaredFour label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5; }
#bottom .left form .squaredFour input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#bottom .left input.submit { position: relative; vertical-align: top; width: 100%; height: 45px; padding: 0; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-top: 15px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #9b58b5; border: 0; border-bottom: 2px solid #50345A; cursor: pointer; -webkit-box-shadow: inset 0 -2px #50345A; box-shadow: inset 0 -2px #50345A; }
#bottom .left input.submit:active { top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none; }
#bottom .like_this { position: fixed; bottom: 0; width: 100%; left: 0; right: 0; height: 160px; }
#bottom .like_this .content { color: white; line-height: 140%; text-align: center; }
#bottom .like_this .line_left { background-image: url("../img/like_line.png"); width: 50%; height: 35px; width: -moz-calc(50% - 104px); /* Firefox */ width: -webkit-calc(50% - 104px); /* WebKit */ width: -o-calc(50% - 104px); /* Opera */ width: calc(50% - 104px); /* Standard */ position: absolute; }
#bottom .like_this .like_title { position: absolute; left: 50%; margin-left: -104px; }
#bottom .like_this .line_right { background-image: url("../img/like_line.png"); width: 50%; position: absolute; right: 0; height: 35px; width: -moz-calc(50% - 104px); /* Firefox */ width: -webkit-calc(50% - 104px); /* WebKit */ width: -o-calc(50% - 104px); /* Opera */ width: calc(50% - 104px); /* Standard */ }
#bottom .like_this ul { position: relative; bottom: 5px; margin: 0; padding: 0; top: 10px; width: 100%; text-align: center; }
#bottom .like_this ul li { position: relative; margin: 8px; display: inline; }
#bottom .like_this ul * { list-style-type: none; }

@media (max-width: 1400px) { #bottom .like_this.buy_links { height: 120px; }
  #bottom .like_this.buy_links ul { top: 5px; } }
.top { margin: 0 auto; margin-top: 30px; }

.base { margin: 0 auto; margin-bottom: 40px; }

span.example { margin-bottom: 5px; padding: 5px 0 5px 0; background-color: #eee; text-align: center; width: 100%; display: block; }

/***** Phone *****/
.md-perspective, .md-perspective body { height: 100%; overflow: hidden; }

.md-perspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; }

.container { min-height: 100%; }

.md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 340px; min-width: 300px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.md-show { visibility: visible; }

.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(35, 35, 35, 0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.md-show ~ .md-overlay { opacity: 1; visibility: visible; }

/* Content styles */
.md-content { color: #fff; background: black; border: 1px solid #ffdd00; position: relative; margin: 0 auto; }

.md-content h3 { margin: 0; padding: 5px 10px 0; text-align: center; font-weight: 300; background: #000; }

.md-content > div { padding: 5px 20px 20px; margin: 0; font-weight: 300; font-size: 1.15em; }

.md-content > div p { margin: -10px; font-weight: 800; font-size: 14px; line-height: 120%; margin-bottom: 10px; text-align: center; }
.md-content > div p span { font-weight: 100; display: block; }
.md-content > div p span b { font-weight: 800; }

.md-content > div ul { margin: 0; }
.md-content > div ul * { list-style-type: none; }
.md-content > div ul label { display: block; font-weight: 100; font-size: 13px; text-transform: capitalize; letter-spacing: 1px; margin-bottom: 3px; margin-top: 7px; }
.md-content > div ul label span { font-size: 9px; color: #ffdd00; }
.md-content > div ul input { height: 35px; width: 100%; display: block; font-size: 14px; line-height: 1; color: #000; padding: 7px 10px; overflow: hidden; white-space: nowrap; border: none; border-radius: 3px; }
.md-content > div ul select { height: 35px; width: 100%; padding: 5px 5px 5px 5px; }
.md-content > div ul input.flat-button { background-color: #ffdd00; font-size: 15px; border: none; color: #000; border-radius: 4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); }
.md-content > div ul input.flat-button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); }
.md-content > div ul input.flat-button { margin-top: 10px; }

fieldset { position: relative; top: 5px; }
fieldset label { margin-bottom: 5px; }

.md-content > div ul li { padding: 5px 0; }

.md-content > div .md-close { position: absolute; top: -13px; right: -13px; cursor: pointer; }

.md-content button { display: block; margin: 0 auto; font-size: 0.8em; }

.md-content .success { display: block; font-weight: 800; font-size: 15px; text-align: center; line-height: 160%; padding: 15px 0; margin: 0 auto; }

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }