@charset 'UTF-8';

body {min-width:540px; padding:0; margin:0; position:relative; color:#333; line-height:21px; font:14px Tahoma,Arial,Helvetica,Geneva,sans-serif; background-color:#fff;}
.container {position:relative; width:980px;}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/ProximaNova-Bold.eot');
	src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
		url('../fonts/ProximaNova-Bold.woff') format('woff'),
		url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
		url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

*, input, button {outline:none !important;}

a {text-decoration:none !important;}
a:hover {opacity:0.8}
a.red {color:#c52c51;}
a.red:hover {opacity:0.8}

a.white {color:#fff;}
a.white:hover {opacity:0.8}

a.white_u {color:#fff; border-bottom:1px solid rgba(255,255,255,0.4);}
a.white_u:hover {opacity:0.8}

a.black2_u {color:inherit; border-bottom:1px solid rgba(51,51,51,0.3);}

.btn {display:inline-block; position:relative; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0 25px; line-height: 37px; height:35px; border-radius:35px; background-color:#fff;}
.btn, .btn:hover, .btn:active {box-shadow:none; -webkit-box-shadow:none;}
.btn.btn-def {background:rgba(255,255,255,0); border:1px solid rgba(255,255,255,0.15); color:#fff; line-height: 35px;}
.btn.btn-def:hover {background:rgba(255,255,255,0.1);}
.btn.btn-def:active {background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0);}

.btn.btn-red {background:#c52c51; border:none; color:#fff;}
.btn.btn-red:hover {background:#e74c72;}
.btn.btn-red:active {background:#bf1f46;}

.btn.btn-gray {background:#b3b3b3; border:none; color:#fff;}
.btn.btn-gray:hover {background:#939393;}
.btn.btn-gray:active {background:#707070;}

p {line-height:21px; margin-bottom:15px;}
hr {margin:35px 0; border-color:#e0e0e0;}

.veralign {float:none; display:inline-block; min-height:100%; line-height:inherit; vertical-align:middle; margin-right:-3px;}

.yell {color:#ecca0f;}

.soc_item {width:37px; height:37px; position:relative; display:inline-block; background:url(../images/soc.png) no-repeat; background-position:-100%;}
.soc_item + .soc_item {margin-left:18px;}
.soc_item.vk {background-position:0 0;} .soc_item.vk:hover {background-position:0 -39px}
.soc_item.tw {background-position:-39px 0;} .soc_item.tw:hover {background-position:-39px -39px;}

.landtop {background:url(../images/top_bg.jpg) no-repeat center top #30235e ; color:#fff; background-size:100% ; top:0; min-height:680px; padding-top:42px;} 

.logo {margin-right:18px;}
.logo_title {text-transform:uppercase; font-family:"Proxima Nova"; font-size:12px; font-weight:bold; line-height:16px;}
.soc_item {top:-2px;}

.landtop .btn {top:-2px;}


.landtop .top_c {margin-top:60px; position:relative; min-height:480px;}
.landtop h1 {font-size:43px; font-weight:bold; margin-bottom:60px; font-family:"Proxima Nova";}
.landtop .h1_desc {font-size:43px; font-weight:bold;} 
.landtop .top_c .wknowh {margin-top:40px;}
.landtop .top_c .top_tb {position:absolute; right:0; top:0; background:url(../images/top_tb.png) no-repeat center; width:527px; height:480px;}
.landtop .top_c .top_tb table {top:115px; left:128px; position:relative; width:340px; line-height:16px; font-size:12px;font-weight:normal; text-transform:uppercase;}
	.landtop .top_c .top_tb .monitor_screen {height: 270px; overflow: hidden; }
	.landtop .top_c .top_tb .monitor_screen img {width: 100%; height: auto; }
	.landtop .top_c .top_tb thead th { opacity:0.5; padding:12px 0;}
	.landtop .top_c .top_tb tbody td {border-top:1px solid rgba(255,255,255,0.1); padding:9px 0; font-weight:bold;}
	.landtop .top_c .top_tb .orig_screen {text-transform:none; border-bottom:1px solid rgba(255,255,255,0.2); font-weight:normal; font-size:12px; color:#fff;}
	.landtop .top_c .top_tb .top_tb_overlay {position:absolute; padding:37px 50px; font-size:12px; bottom:18px; right:40px; width:164px; height:164px; background:url(../images/top_tb_overlay.png) no-repeat center;}
.landtop .top_c .top_tb .top_tb_overlay span {font-size:55px; font-family:"Proxima Nova"; line-height:43px; font-weight:bold; display:block;}
.landtop .top_f {margin-top:20px; text-align:center; padding-bottom:30px;}
.landtop .top_f a.more {position:relative; padding-right:40px;  display:inline-block; color:#fff; font-size:12px; opacity:0.4; text-decoration:none;}
.landtop .top_f a.more:after {content:""; position:absolute; right:0; top:-50%; margin-top:2px; width:16px; height:16px; border:1px solid rgba(255,255,255, 0.8); border-right:none; border-top:none;
transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.landtop .top_f a.more:hover {opacity:0.8;}

.land_c1 {padding:60px 0;}
.land_c1 h2 {font-size:40px; margin-top:0px; font-family:"Proxima Nova"; font-weight:bold; margin-bottom:30px; line-height:1.2em;}
.land_c1 p {color:#666;}
.land_c1 .wknowh {margin-top:10px;}

.land_c2 {padding:40px 0; position:relative; text-align:center;  color:#fff; background:url(../images/bg_patern.jpg) left top; overflow:hidden;}
.land_c2:before {content:""; width:726px; height:801px; background:url(../images/bg_patern_overlay.png) no-repeat top left; position: absolute; right:20px; top:20px;  }
.land_c2 h2 {font-size:40px; font-family:"Proxima Nova"; font-weight:bold; margin-bottom:30px; line-height:1.2em;}
.c2_answers .answer_item {float:left; display:block; text-align:left;  position:relative; overflow:hidden; width:50%; height:130px; opacity:0.7; border-top:none; padding:40px 90px 0; line-height:21px;}
.c2_answers .answer_item:before {position:absolute; color:#fff; opacity:0.3; font-size:70px; font-family:"Proxima Nova"; bottom:50px; left:20px;}
.c2_answers .answer_item:nth-child(1):before {content:"1";}
.c2_answers .answer_item:nth-child(2):before {content:"2";}
.c2_answers .answer_item:nth-child(3):before {content:"3";}
.c2_answers .answer_item:nth-child(4):before {content:"4";}
.c2_answers .answer_item:nth-child(5):before {content:"5";}
.c2_answers .answer_item:nth-child(6):before {content:"6";}
.c2_answers .answer_item:nth-child(7):before {content:"7";}
.c2_answers .answer_item:nth-child(8):before {content:"8";}
.c2_answers .answer_item:nth-child(9):before {content:"9";}
.c2_answers .answer_item:nth-child(10):before {content:"10";}

.c2_answers.all .answer_item {display:block;}
.c2_answers.all + .more_answers {display:none;}

.land_c2 .wknowh {margin-top:30px;}
.land_c2 .more_answers {font-size:12px; margin-top:30px; display:inline-block; text-transform:uppercase; font-weight:bold; color:#fff;}
.land_c2 .more_answers:hover {color:#e74c72;}

.c1_trigs {margin-top:60px; font-size:13px; }
.c1_trigs .trig_item {font-family:"Proxima Nova"; margin-top:30px; position:relative; text-align:center; text-transform: uppercase; color:#666;}
.c1_trigs .trig_item:before {position:relative; display:block; margin:0 auto 30px; content:""; width:110px; top:0; height:110px; background:url(../images/c1_trigs.png) no-repeat;  background-position:-100%; }
.c1_trigs div:nth-child(1) .trig_item:before {background: url(../images/c3_trigs.png) no-repeat; width:140px;    background-position: 0px -7px; background-size: 400px; }
.c1_trigs div:nth-child(2) .trig_item:before {background-position:-127px -6px;  }
.c1_trigs div:nth-child(3) .trig_item:before {background: url(../images/c3_trigs.png) no-repeat; width:140px;    background-position: -280px -2px; background-size: 400px; }

.land_c3 {padding:60px 0 30px 0; position:relative;}
.land_c3 h2 {font-size:40px; margin:0; font-family:"Proxima Nova"; font-weight:bold; margin-bottom:30px; line-height:1.2em;}
.land_c3 p {color:#666;}
.land_c3 .img {border:1px solid #dfdfdf;}
.land_c3 .img_helper {display: flex;justify-content: center;column-gap: 20%;margin:0px 0 20px;padding:10px 20px; border:1px solid #dfdfdf; margin-top:-2px; background-color:#efefef; line-height:23px; color:#666;}
.img_helper p{
	margin-left: 20px;
}
.graph_block {line-height:31px; margin-top:10px;}
.graph_block .graph_nav {padding:0 15px; font-size:11px; line-height:31px; height:31px; color:#666; border:1px solid rgba(255,255,255,0);}
.graph_block .graph_nav:hover {color:#372266;}
.graph_block .graph_nav.active {color:#372266; border:1px solid rgba(55,34,102,0.2); box-shadow:none; -webkit-box-shadow:none;}
.graph_block .graph_gallery {margin-top:15px; min-height:320px;}
.graph_block .graph_gallery img {max-width:100%; display:none;}
.graph_block .graph_line1 {margin-right:5px; color:#3dcc16; font-weight:bold;}
.graph_block .graph_line2 {margin:0 5px; color:#33255e; font-weight:bold;}

.c3_trigs {margin-top:30px; }
.c3_trigs .trig_item {margin-bottom:40px; position:relative;}
.c3_trigs .trig_title {font-family:"Proxima Nova"; position:relative; margin-bottom:20px; font-size:20px; height:140px; padding:51px 0 0 160px;     line-height: 1.5em;} 
.c3_trigs .trig_title + p {padding-right:15px;}
.c3_trigs .trig_title:before {position:absolute; display:block; left:0; content:""; width:138px; top:0; height:100%;  }
.c3_trigs div:nth-child(1) .trig_item .trig_title:before {background:url(../images/newbie.svg) no-repeat; background-size:100%; }
.c3_trigs div:nth-child(2) .trig_item .trig_title:before {background:url(../images/professional.svg) no-repeat; background-size:100%;}

.result_block {margin-top:40px; }
.result_block h3 {font-family:"Proxima Nova"; margin:0 0 30px 0; font-size:20px; text-align:center;}
.result_block .result_line_wrap {max-width:100%; overflow:hidden;}
.result_block .result_line {width:977px;}
.result_line .result_line_head {height:45px; position:relative; color:#666;}
.result_line .result_line_head.line_footer {height:30px; margin-top:10px; font-size:11px;}
.result_line .result_line_head .head_item {position:absolute; top:0; text-align:center; width:150px;}
.result_line .result_line_head .head_item:nth-child(1) {left:40px;}
.result_line .result_line_head .head_item:nth-child(2) {left:287px;}
.result_line .result_line_head .head_item:nth-child(3) {left:526px;}
.result_line .result_line_head .head_item:nth-child(4) {left:776px;}

.land_c4 {margin:60px 0 0; }
.land_c4 h1 {font-size:45px; text-align:center; font-family:"Proxima Nova"; font-weight:bold; margin:0; line-height:1.2em;}
.land_c4 h2 {font-size:40px; text-align:center; font-family:"Proxima Nova"; font-weight:100; margin:0; line-height:1.2em;}

.c5_trigs {}
.c5_trigs .trig_item {margin:10px 0 20px 0; height:120px; position:relative; padding-left:148px;}
.c5_trigs .trig_item:before {position:absolute; display:block; left:0; content:""; width:120px; top:0; height:100%; background:url(../images/c5_trigs.png) no-repeat; background-position:-100%; }
.c5_trigs .trig_title { position:relative; margin-bottom:20px; font-size:16px; font-weight:bold;} 
.c5_trigs .trig_item  p {color:#666;}
.c5_trigs div:nth-child(1) .trig_item:before {background: url(../images/c3_stream.svg) no-repeat; background-position: center; background-size: cover;}
.c5_trigs div:nth-child(2) .trig_item:before {background: url(../images/c3_homework.svg) no-repeat; background-position: center; background-size: cover;}

.c5_people {}
.c5_people .people_item {display:none; margin:40px 0 0px 0; min-height:192px; position:relative; padding-left:168px;}
.c5_people .people_item.review {padding-left:0;}
.c5_people .people_item.review img.b {border:1px solid #efefef; margin:10px 0 0; display:inline-block;}
.c5_people .people_item:not(.review) img {position:absolute; display:block; left:0; top:0; border-radius:150px; overflow:hidden;}
.c5_people .people_title { position:relative; margin-bottom:0px; font-size:16px; font-weight:bold;} 
.c5_people .people_item.review .people_title {margin-bottom:0px; font-size:21px;}
.c5_people .people_item .spec {margin-top:5px; font-size:13px; color:#999;}
.c5_people .people_item p {padding-top:15px; color:#666;}
.c5_people .people_item p {padding-top:7px;}
.c5_people div:nth-child(1) .people_item, .c5_people div:nth-child(2) .people_item,
.c5_people div:nth-child(3) .people_item, .c5_people div:nth-child(4) .people_item {display:block;}
.c5_people.all .people_item {display:block}


.land_c5 .wknowh_wrap {text-align:center; margin-top:30px;}
.c5_people.all + .wknowh_wrap .more_people {display:none;}

.land_c5 .btn {padding: 0 45px;}

.land_c6 {padding:40px 0 20px; position:relative; text-align:center;  color:#fff; background:url(../images/bg_patern.jpg) left top; overflow:hidden;}
.land_c6:before {content:""; width:726px; height:801px; background:url(../images/bg_patern_overlay.png) no-repeat top left; position: absolute; right:-200px; top:-280px;  }
.land_c6 h2 {font-size:40px; font-family:"Proxima Nova"; font-weight:bold; margin-bottom:30px; line-height:1.2em;}

.land_c6 hr {border-color:#443f7b;}

.tarifs_block {}
.tarifs_block .tarif_item {padding:0; margin:10px 0 50px 0;}
.tarifs_block .tarif_item_border {padding:40px 90px; margin-bottom:30px;}
.tarifs_block .tarif_item:nth-child(2n) .tarif_item_border {border-left:none;}
.tarifs_block .tarif_item .tarif_title {font-size:22px; font-family:"Proxima Nova"; font-weight:bold;} 
.tarifs_block .tarif_item hr {border-width:2px; width:150px; margin:30px auto;}
.tarifs_block .tarif_item p:not(.p2) {opacity:0.4; min-height: 126px;}
.tarifs_block .tarif_item .tarif_price {font-size:27px; font-family:"Proxima Nova"; font-weight:bold; color:#ecca0f;}
.tarifs_block .tarif_item .instalments {color:#999; font-size:13px; margin-top:5px;}
.tarifs_block .tarif_item .btn {padding:0 45px;}


.tarifs_payments {text-align:center;}
.tarifs_payments .payment_item {display:inline-block; position:relative; opacity:0.4; width:104px; height:47px; margin:0 35px 25px; background:url(../images/tarifs_payments2.png) no-repeat left top; background-position:-100%;}
#order_form .tarifs_payments .payment_item { cursor:pointer; filter:grayscale(100%); -webkit-filter:grayscale(100%); background-image:url(../images/tarifs_payments_form.png); margin:0 20px 20px; }
#order_form .tarifs_payments .payment_item:hover {opacity:0.6;}
#order_form .tarifs_payments .payment_item.active {opacity:1; filter:none; -webkit-filter:none;  }
#order_form .tarifs_payments .payment_item.active:after {content:""; position:absolute; left:0; right:0; bottom:-7px; border:2px solid #e59918;}
.tarifs_payments .payment_item.webmoney {width:157px; background-position: 0 0; }
.tarifs_payments .payment_item.qiwi {background-position: -171px 0; }
.tarifs_payments .payment_item.yandexmoney {background-position: -291px 1px; }
.tarifs_payments .payment_item.card {width:70px; background-position: -411px 1px; }

#order_form .instalment_helper {color:#666; font-size:12px;}


.land_c7 {padding:60px 0 60px 0;}
.land_c7 h2 {font-size:40px; text-align:center; font-family:"Proxima Nova"; font-weight:bold; margin:0; line-height:1.2em;}

.land_c7 .form { max-width:100%; margin:0 auto;}
.land_c7 .form .field {margin-bottom:25px; position:relative;}
.land_c7 .form .field label {font-weight:normal; position:relative; font-size:16px; display:block; text-align:right; line-height:37px;}
.land_c7 .form .field input[type=text] {background:none; display:block; width:320px; max-width:100%; padding:0 25px; line-height: 37px; height:35px; border-radius:35px; border:1px solid #e0e0e0; }
.land_c7 .form .field input.error {border-color:#fd3232}
.land_c7 .form .error_mess{color:#ff4343; position:absolute; display:none; bottom:-20px; font-size:12px; text-transform:uppercase;}
.land_c7 .form .field input.errorformat + .error_mess {display:block;}
.land_c7 .form .field input:focus {border-color:#858585;}
.land_c7 .form .field.btns {text-align:center;}
.land_c7 .form form.sending {opacity:0.6}

.land_c7 .form_tarif {float:left; text-align:left; cursor:pointer; width:100%; line-height:19px; position:relative; margin:0; padding:0; border:1px solid #e0e0e0; padding:10px; font-size:16px;}
.land_c7 .form_tarif:nth-child(1) {border-top-left-radius:10px; border-bottom-left-radius:10px;}
.land_c7 .form_tarif:last-child {border-top-right-radius:10px; border-bottom-right-radius:10px;}
.land_c7 .form_tarif + .form_tarif {margin-left:-1px;}
.land_c7 .form_tarif:hover {border-color:#c3bcbc;}
.land_c7 .form_tarif .name {margin-bottom:3px; font-size:14px;}
.land_c7 .form_tarif .price {font-size: 24px; line-height: 32px;} 
.land_c7 .form_tarif .price .last_price {text-decoration:line-through; font-size:14px; margin-left:10px; font-weight:normal; color:#666;}
.land_c7 .form_tarif .price .discount_title {color:#cc0000;display:block; font-size:14px;}
.land_c7 .form_tarif.active {z-index:2; border-color:#e59918;}

.footer {padding:40px 0; background-color:#2c2c2c; color:#fff;}
.footer hr {border-width:2px; margin:25px 0; width:220px; border-color:#434343; }
.footer p {color:#666666; font-size:12px;}

.slide_wr {position:relative; cursor:pointer; display:inline-block; width:48px; height:26px; top:-3px; margin-bottom:0px; margin-right:15px; border-radius:18px; background-color:#b7b7b7;
-webkit-transition: background-color 200ms ease; -moz-transition: background-color 200ms ease; transition: background-color 200ms ease; -o-transition: background-color 200ms ease; -ms-transition: background-color 200ms ease;
}
.slide_wr_text {display:inline-block;}
.slide_wr_text span {color:#999;}
.slide_wr:after {content:""; position:absolute; left:80px; top: 8px;}
.slide_wr .slide_p {position:relative;  top:2px; display:inline-block; width:22px; height:22px; border-radius:16px; background-color:#fff; left:2px;
-webkit-transition: left 200ms ease; -moz-transition: left 200ms ease; transition: left 200ms ease; -o-transition: left 200ms ease; -ms-transition: left 200ms ease;
}
.slide_wr.select {background-color:#21B04D;}
.slide_wr.select .slide_p {left:24px;}
.slide_wr.select:after {content:""; position:absolute; color:#333;}
.slide_wr.select + .slide_wr_text span {color:#1b9221;}

.mac_present {width: 140px; height: 140px; position: absolute; bottom: -70px; right: 31px; text-align: center; background: url(../images/top_tb_overlay.png) no-repeat center; background-size: 100%; line-height: 158px; font-weight: bold;}
.mac_present span {line-height:21px; display:inline-block;}

.case_item{
	width: 100%;
	display: flex;
	flex-direction: column;	
	overflow: hidden;
}
.case_item img{
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 991px) {

	.landtop .top_c .top_tb  {position:relative; display:block; max-width:100%; margin:0 auto; margin-top:20px;}
	.landtop {background-size: auto 100%;}

	.land_c1 .c1_img {display:block; margin:0 auto 20px;}

	.container {width:100%;}

	.c3_trigs .trig_title {max-width:340px; margin-left:auto; margin-right:auto;}

	.result_block .result_line_wrap  {overflow-x:auto;}

	.land_c4 .c4_img  {margin:0 auto;}

	.land_c4 .c4_text_wrap {padding-left:0;}

	.c1_trigs div:nth-child(3) {margin:0 auto; float:none; clear:both;}

	.result_block .result_line { width: 1020px; padding: 20px; border-radius: 5px; border: 1px solid #ccc; box-shadow: inset 0 0 41px rgba(0,0,0,0.2);}
	.result_block:after {content:"← ☚☛ →"; display:block; width:100%; height:20px; margin-top:10px; margin-bottom:20px; text-align:center; font-size:20px; color:#999;}

	.c2_answers .answer_item {float:none; padding-bottom:60px; width:100%; min-height:1px; height:auto !important; border-top:none !important;}
}

@media only screen and (max-width: 767px) {
	.landtop .logo {margin-bottom:30px;}
	.countdown-title {margin-top: 20px!important;}
	.countdown_block {margin-top: 0!important;}

}

#order_form hr {margin-bottom: 55px;}

.countdown-title {
  color: #333;
  font-weight: 100;
  font-size: 16px;
  margin: 0 0px 10px;
}

.countdown {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

.countdown-number {
	padding: 0 5px 10px 5px;
    border-radius: 8px;
    background: #fff;
    display: inline-block;
}

.countdown-time {
	padding: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    display: inline-block;
    color: #333;
    font-size: 24px;
    min-width: 45px;
}

.countdown-text {
    display: block;
    padding-top: 5px;
    font-size: 12px;
    color: #333;
}

.deadline-message{
  font-size: 24px;
  font-style: italic;
}

.visible{
  display: block;
}

.hidden{
  display: none;
}