p@charset "UTF-8";
@font-face {
    font-family: "main_font";
    src: url("../fonts/3959.ttf") format('truetype');
}
@font-face {
    font-family: 'main_font';
    src: url('../fonts/3959.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{
	margin:0;
	padding:0;
  box-sizing: border-box;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}
html { height: 100%; width: 100%}
input,textarea,button {outline:none; border-radius:0; -webkit-appearance:none}
html,
body {
  	min-height: 100%;
  	font-family:main_font;
	position:relative;
	height:auto !important
}

/*Основные*/
.cont{
	max-width:1710px;
	padding-left:50px;
	padding-right:50px;
	margin:0 auto;
}
.my_row{
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.hide_cont{
	position: absolute;
  max-height: 100%;
  height: 100%;
  bottom:0px;
  top:0px;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
}
.wrapper {
	height: 100%;
	width:100%;
	margin:0 auto;
}

.m_menu{
  position: absolute;
  top:79px;
  right: 0;
  border:0;
  width: 100%;
  background: #ffffff;
  z-index: 50;
  overflow: hidden;
  display: none;
  min-height:100%;
  padding-top:0px;
  box-sizing: border-box;
  z-index: 200;
}
.m_menu_in{
  top:108px;
}
.m_a{
  display: block;
  text-transform: uppercase;
  padding: 11px 0px 0px 10px;
  height: 50px;
  text-decoration: none;
  border-bottom:1px solid #fff;
  white-space: nowrap;
  position: relative;
  font-size: 22px;
  background-color: #5DC8BA;
  color:#fff;
}
.m_a:first-child{
  border-top:1px solid #fff;
}
.m_a:hover{
  text-decoration: none;
  color:#fff;
  background: #FF996C;
}
.ma_active{
  background: #FF996C;
}

.menu-swt {display:none; width:30px; height:30px; position: absolute; top:12px; left:20px;}
#nav-toggle, #nav-toggle2 {vertical-align:middle; height:30px; margin:0px 2px 0 0; cursor:pointer;}
#nav-toggle2 {margin:12px 0 0}
#nav-toggle span, #nav-toggle2 span {position:absolute; left:50%; top:20px; margin:0 0 0 -20px}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after,
#nav-toggle2 span,
#nav-toggle2 span:before,
#nav-toggle2 span:after {cursor:pointer; border-radius:1px; height:2px; width:40px; background:#287DC0; position:absolute; display:block; content:''}
#nav-toggle span:before,#nav-toggle2 span:before {top:-12px}
#nav-toggle span:after,#nav-toggle2 span:after {bottom:-12px}
/* Добавим анимацию всех свойств для блоков нашей иконки */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,#nav-toggle2 span, #nav-toggle2 span:before, #nav-toggle2 span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle, #nav-toggle2 {position:absolute; vertical-align:middle; height:40px; margin:0px 0px 0 0;}
/* Центральный блок делаем прозрачным */
#nav-toggle.active2 {border:0;}
#nav-toggle.active2 span,#nav-toggle2.active2 span {background-color: rgba(0, 0, 0, 0.0);}
/* Смещаем псевдо-элементы в центр иконки (на место основного блока) */
#nav-toggle.active2 span:before, #nav-toggle.active2 span:after,#nav-toggle2.active2 span:before, #nav-toggle2.active2 span:after {
  top:0; background:#287DC0;   
}
/* Наклоняем псевдо-элементы под углом 45 градусов, но в разные стороны */
#nav-toggle.active2 span:before,#nav-toggle2.active2 span:before {transform:rotate(45deg)}
#nav-toggle.active2 span:after,#nav-toggle2.active2 span:after {transform:rotate(-45deg)}
.start_slider {}

.bn_bon_m_1 {position:absolute;background:url(/img/med_1.png) no-repeat center center;bottom:0;left:0;margin:0 0 50px 40px;width:130px;height:130px;background-size:contain;z-index:5}
.bn_bon_m_2 {position:absolute;background:url(/img/med_2.png) no-repeat center center;left:50%;top:0;width:130px;height:130px;background-size:contain;margin:-20px 0 0 20px;z-index:5}
.bn_bon_m_3 {position:absolute;background:url(/img/med_2.png) no-repeat center center;right:0;bottom:0;width:130px;height:130px;background-size:contain;margin:0 -60px 100px 0;z-index:5}
.bn_bon_tc_1 {position:absolute;background:url(/img/obl_1.png) no-repeat left top;left:0;top:0;width:400px;height:300px;background-size:contain;margin:0 0 0 -170px}
.bn_bon_tc_2 {position:absolute;background:url(/img/obl_2.png) no-repeat center top;left:50%;top:0;width:450px;height:200px;background-size:contain;margin:0 0 0 -100px}
.bn_bon_tc_3 {position:absolute;background:url(/img/obl_3.png) no-repeat left bottom;bottom:0;left:0;width:850px;height:400px;background-size:contain;margin:0 0 0 -400px;z-index:1}
.bn_bon_tc_4 {position:absolute;background:url(/img/obl_4.png) no-repeat center center;right:0;bottom:0;width:350px;height:300px;background-size:contain;margin:0 -150px 100px 0}

.baner2 {background: url(/img/ban2_fon.png) no-repeat center center; -webkit-background-size: cover;background-size: cover;background-attachment: fixed;overflow: hidden;}
/*bonik*/
.baner2 .bn_bon_m_1{position:absolute;background:url(/img/348.png) no-repeat center center;bottom:0;left:0;margin:0 0 -20% 360px;width:580px;height:650px;background-size:contain;z-index:5}
/*bonita*/
.baner2 .bn_bon_m_2{position:absolute;background:url(/img/340-1.png) no-repeat center center;top:0;left:0;margin:-10% 0 0px 360px;width:650px;height:710px;background-size:contain;z-index:2}
/*grizli*/
.baner2 .bn_bon_m_3{position:absolute;background:url(/img/342.png) no-repeat center center;bottom:0;left:0;margin:0 0 -20% 620px;width:650px;height:710px;background-size:contain;z-index:2}
/*panda*/
.baner2 .bn_bon_m_4{position:absolute;background:url(/img/336.png) no-repeat left center;bottom:0;left:0;margin:0 0 -20% 0px;width:650px;height:710px;background-size:contain;z-index:4}

.baner2 .bn_bon_m_5{position:absolute;background:url(/img/ban2_5.png) no-repeat right 0;top:0;right:0;margin:0 0 0px 40px;width:330px;height:310px;background-size:contain;z-index:1}


.st_sli_table {display:table;width:100%;height:100%}
.trailer_btn {width:280px;height:60px;background:url(/img/icon_watch.png) no-repeat 30px center;text-transform:uppercase;text-align:center;color:#ffffff;background-size:18px;line-height:60px;border:1px solid #ffffff;border-radius:60px;cursor:pointer;padding:0;margin:50px 0 0 200px}
.trailer_btn:hover {background:#ffffff;color:#287DC0;}
.st_sli_table_l, .st_sli_table_r {width:50%;display:table-cell;position:relative;vertical-align:middle;height:100%;}
.bn_bon_1 {position:absolute;width:100%;height:80%;background:url(/img/bonik_1.png) no-repeat center bottom;bottom:0;right:0;background-size:contain;margin:0 100px 0 0;}
.bn_bon_1_rel {width:100%;height:90%;}
.bn_bon_txt {margin:0;width:100%;}
.bn_bon_txt_img {background:url(/img/bonik_logo.png)no-repeat center center;width:100%;height:230px;background-size:contain;}
.bn_bon_txt_tx {color:#ffffff;font-size:1.6rem;margin:30px 0 0 0;text-align:center}


.luch_mb_block {width:100%;height:900px;position:relative;background:url("/img/fon_f_2.png") no-repeat }
.luch_m_block {display:table;width:100%;height:100%;}
.luch_m_block_l, .luch_m_block_2 {display:table-cell;width:50%;vertical-align:middle}
.luch_m_block_2 {padding:0 0 0 60px}

.lch_b_1 {position:absolute;background:url(/img/luchik.png) no-repeat;background-size:contain;left:50%;top:50%;margin:-300px 0 0 -630px;width:400px;height:500px;z-index:5}
.lch_mobi {position:absolute;background:url(/img/lb_mobila.png) no-repeat;background-size:contain;width:360px;height:600px;top:50%;left:50%;margin:-300px 0 0 -330px}

.lch_str_1 {position:absolute;background:url(/img/star_3.png) no-repeat;background-size:contain;left:0;top:0;width:40px;height:40px;margin:30px 0 0 200px}
.lch_str_2 {position:absolute;background:url(/img/star_2.png) no-repeat;background-size:contain;width:50px;height:50px;top:0;left:50%;margin:85px 0 0 0px}
.lch_str_3 {position:absolute;background:url(/img/star_1.png) no-repeat;background-size:contain;top:-40px;left:50%;width:130px;height:130px;margin:0 0 0 100px}
.lch_str_4 {position:absolute;background:url(/img/star_2.png) no-repeat;background-size:contain;top:0;left:50%;width:70px;height:70px;margin:110px 0 0 230px}
.lch_str_5 {position:absolute;background:url(/img/star_3.png) no-repeat;background-size:contain;width:40px;height:40px;top:0;right:50%;margin:40px -30% 0 0}


.luch_m_block_2_tit {text-transform:uppercase;color:#ffffff;font-size:4rem}
.luch_m_block_2_txt {color:#ffffff;padding:30px 0 0 0;font-size:1.4rem}

.lch_ezhe_1 {position:absolute;background:url(/img/ezhe_2.png) no-repeat;background-size:contain;left:50%;bottom:0;width:145px;height:145px;margin:0 0 147px -534px}
.lch_ezhe_2 {position:absolute;background:url(/img/ezhe_1.png) no-repeat;background-size:contain;left:50%;top:50%;width:90px;height:90px;margin:-30px 0 0 -78px;z-index:5}
.lch_ezhe_3 {position:absolute;background:url(/img/ezhe_3.png) no-repeat;background-size:contain;left:50%;bottom:0;width:180px;height:180px;margin:0px 0 30px 200px}
.lch_ezhe_4 {position:absolute;background:url(/img/ezhe_4.png) no-repeat;background-size:contain;right:0;top:0;width:80px;height:80px;margin:110px 100px 0 0}
.lch_ezhe_5 {position:absolute;background:url(/img/ezhe_3.png) no-repeat;background-size:contain;right:0;bottom:0;width:120px;height:120px;margin:0 0px 180px 0}

.luch_m_block_2_btns {margin:40px 0 0 0}
.ln_gp_btn {background:url(/img/gp.png) no-repeat;display:inline-block;vertical-align:top;width:160px;height:45px;background-size:contain;cursor:pointer;opacity:.7}
.ln_ast_btn {background:url(/img/as.png) no-repeat;display:inline-block;vertical-align:top;width:160px;height:45px;background-size:contain;cursor:pointer;margin:0 0 0 20px;opacity:.7}
.ln_gp_btn:hover, .ln_ast_btn:hover {opacity:1}

.pr_in_m_img {position:relative;overflow:hidden}
.pr_inm_img_ab {position:absolute;top:0;left:0;}
.pr_in_m_txt {text-transform:uppercase;padding:40px 0 10px 0;color:#7D8B90;font-size:1.4em;text-align:center}
.pr_in img{max-width:100%}
.pr_in {-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;}
.features {margin:70px auto 0 auto}
.slick-slide:focus, .slick-slide:active {outline:none}
.pr_in:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);}

.screencast {background:url(/img/fon_scre.png)no-repeat;height:900px;overflow:hidden}
.screen_item {background:url(/img/mobile_fon.png) no-repeat;position:relative;width:100%;max-width:300px;height:600px;margin:0 auto;background-size:contain}
.screen_item_img {position:absolute;left:0;top:0;width:100%;height:100%;max-width:270px;max-height:500px;margin:55px 0 0 15px}
.screen_item_img img{width:100%;max-height:100%}
.soc_foot_col {text-align:right}
.soc_it {display:inline-block;vertical-align:top;width:20px;height:20px;background-size:20px;background-position:0 0;cursor:pointer;margin:0 0 0 45px;}
.soc_it:hover {background-position:0 -22px;}
.soc_tw {background:url(/img/soc_tw.png) no-repeat}
.soc_ok {background:url(/img/soc_ok.png) no-repeat}
.soc_yo {background:url(/img/soc_yout.png) no-repeat}
.soc_vk {background:url(/img/soc_vk.png) no-repeat}
.soc_in {background:url(/img/soc_isn.png) no-repeat}
.soc_fb {background:url(/img/soc_fb.png) no-repeat}

.my_slider_1 {max-width:600px;margin:0 auto;}
.my_slider_1 .slick-prev {background:url(/img/slc_left_b.png) no-repeat center center rgba(255,255,255,.4);opacity:.6}
.my_slider_1 .slick-next {background:url(/img/slc_right_b.png) no-repeat center center rgba(255,255,255,.4);opacity:.6}
.my_slider_1 .slick-prev, .my_slider_1 .slick-next {width:50px;height:50px;border-radius:50px;}
.my_slider_1 .slick-prev:hover, .my_slider_1 .slick-next:hover {opacity:1}
.my_slider_1 .slick-dots li button:before {color:#ffffff;opacity:.5}
.my_slider_1 .slick-dots li.slick-active button:before {color:#ffffff;opacity:1}
.modal {width:100%;height:100%;display:table;position:fixed;background:rgba(0,0,0,.5);top:0;left:0;z-index:99}
.modal_tr {display:table-row}
.modal_td {display:table-cell;vertical-align:middle}
.modal_cont {width:100%;max-width:600px;height:auto;position:relative;background:#ffffff;border-radius:15px;margin:0 auto;}
.modal_close {position:absolute;cursor:pointer;right:0;top:0;width:30px;height:30px;background:url(/img/close_modal.png)no-repeat center;margin:10px;cursor:pointer;z-index:15;background-size:25px}
.modal_cont_m {padding:30px;opacity:1}
.send_btn {width:200px;background:#287DC0;border:1px solid #287DC0;text-align:center;height:40px;line-height:40px;text-transform:uppercase;color:#ffffff;display:block;margin:0 auto;cursor:pointer;border-radius:35px}
.send_btn:hover {background:#ffffff;color:#287DC0}
.modal_hide {display:none}
.s_inp {height:40px;border:1px solid #d2d2d2;display:inline-block;margin:0 0 20px 0;width:42%;padding:0 4%;border-radius:35px}
.red_border {border-color:red}
.s_inp:nth-child(2), .s_inp:nth-child(4) {margin-left:12%}
.s_txt {height:80px;resize:none;width:100%}
.modal .main_title {font-size:2em}
#modal_video .modal_cont{height:100%;max-width:100%;padding:0}
#modal_video .modal_cont_m {height:100%;max-width:100%;padding:0}
#ceh_v {position:absolute;left:-9999px}
#ceh_v +label {color:#7D8B90;cursor:pointer;vertical-align:middle;padding:0px;position:relative;display:block}
#ceh_v + label:before{display:inline-block;width:25px;height:25px;border:1px solid #e6e6e6;border-radius:30px;position:relative;content:'';vertical-align:middle;margin:0 10px 0 0}
#ceh_v + label:after{content:'';position:absolute;}
#ceh_v:checked + label:after{position:absolute;border-radius:13px;width:13px;height:13px;background:#287dc0;top:7px;left:7px}

label a {color:#287dc0}
.modal_luchik_2 {display:block;position:absolute;left:50%;bottom:0;margin:0 0 13px -132px}
.modal_luchik_2 img {width:70px;}
.modal_luchik_1 {display:inline-block;vertical-align:middle}
.modal_luchik_1 img{width:90px;}
.modal_star_1 {position:absolute;top:0;left:0;background:url(/img/star_3.png) no-repeat;width:40px;height:40px;background-size:contain;margin:10px 0 0 20px}
.modal_star_2 {position:absolute;bottom:0;right:0;background:url(/img/star_3.png) no-repeat;width:30px;height:30px;background-size:contain;margin:0 40px 10px 0;}
.modal_star_3 {position:absolute;bottom:0;right:0;background:url(/img/star_3.png) no-repeat;width:40px;height:40px;background-size:contain;margin:0 10px 50px 0;}
.modal_luchik_1 {width:90px;}
.modal_luchik_1_text {color:#7D8B90;display:inline-block;vertical-align:middle;width:65%}

.baner{
  height: 100vh;
  max-height:900px;
  position:relative
}
.baner1{
  background:url("/img/fon_bonik.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
  overflow:hidden
}
/*
.baner2{
  background:url("../img/banner-2.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.baner3{
  background:url("../img/banner-3.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.baner4{
  background:url("../img/banner-4.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}*/
.baner640_1{
  background:url("../img/banner-5-768-2.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.baner640_2{
  background:url("../img/banner-2-640.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.baner640_3{
  background:url("../img/banner-3-640.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.baner640_4{
  background:url("../img/banner-4-640.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.bxslider_640{
  display: none;
}
.baner640{
  height: 950px;
}
.ba_div{
  width: 100%;
  padding: 0px 15px;
  position: absolute;
  bottom:100px;
  left: 0;
  right: 0;
}
.logo{
  display:block;
  width: 130px;
  height: 80px;
  background:url("../img/logo.png") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
.st_cont{
  position: relative;
 
}
.h_pad{
  height:80px;
}
.pch_left{
  display: table-cell;
  width: 175px;
  vertical-align: top;
}
.pch_right{
  display: table-cell;
  vertical-align: top;
  padding-left: 60px;
  text-align:right
}
.pc_menu{
  display:inline-block;
  vertical-align:middle;
  padding-top: 40px;
}
.pc_menu li{
  display: inline-block;
  list-style: none;
  margin-right: 40px;
   border-bottom: 1px solid #ffffff;
}
.pc_menu li a{
  display: table;
  color:#7D8B90;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  padding:0 0 10px 0
}
.pc_menu li:hover  a{
  color:#287DC0;
  text-decoration: none;
}
.pc_menu li:hover{
  border-bottom: 1px solid #287DC0;
}
.start_slider{
  margin-bottom: 70px;
}

.pc_r{
  display: table;
  float: right;
}
.sz_but{
  display: inline-block;
  vertical-align:middle;
  width:180px;
  height: 40px;
  background-color: #287DC0;
  border:1px solid #287DC0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  color:#000;
  border-radius: 35px;
  line-height:40px;
  margin:17px 30px 0px 0;
  transition: all 0.3s ease;
  color:#fff;
  box-sizing: border-box;
}
.sz_but:hover{
  background-color: #fff;
  color:#287DC0;
}
/*Выпадающие списки*/
.f_input{
  width: 100%;
  height: 40px;
  color:#7D8B90;
  font-size: 16px;
  margin: 0px auto;
  box-sizing: border-box;
  /*padding:8px 10px 0px 15px;*/
  cursor: pointer;
  background-origin: content-box;
  position: relative;
}
.my_check{
  position: relative;
}
.str_ch{
  position: absolute;
  top:14px;
  right: 10px;
  width: 10px;
  height: 8px;
  background: url("../img/ugolok_grey.png") no-repeat center center;
  background-size: contain;
}
.open_input .str_ch{
  background-image: url("../img/ugolok.png")!important;
  background-size: contain;
}
.check_value{
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 0 0;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  text-transform:uppercase
}
.check_list{
    display: none;
    position: absolute;
    top: 40px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    font-size: 16px;
    height: auto;
    max-height: 200px;
    z-index: 50;
    padding: 0px 0px 0px 0px;
    text-align: left;
	border:1px solid #287DC0;
	border-top:0
}
.check_list > div {
    padding: 0 0px 2px 2px;
    background-origin: content-box;
    cursor: pointer;
    color:#000;
	text-transform:uppercase
}
.check_list > div:hover {
    background-color: #287DC0;
    color:#ffffff;
}
.open_list{
  display: block;
  z-index:9999
}
.lang{
  margin-top: 18px;
  width: 50px;
  float: right;
}
.baner_a{
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -144px;
  display: block;
  float: left;
  width: 288px;
  height: 65px;
  /*background-color: #D0E500;*/
  border:3px solid #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 28px;
  color:#fff;
  border-radius: 45px;
  padding-top: 13px;
  margin-right: 30px;
  transition: all 0.3s ease;
}
.baner_a:hover{
  background-color: #fff;
  color:#000;
}

.main_title{
  font-size:4rem;
  color:#287dc0;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px;
}
.s_text{
  text-align: center;
  font-size: 1.8rem;
  color:#7D908E;
  line-height: 1.2;
  margin-bottom: 60px;
}
.plus_row{
  margin-bottom: 90px;
}
.plus{
  width: 33.3333%;
  float: left;
  font-size: 24px;
  /*padding-left: 120px;*/
 
  padding-top: 10px;
}
.plus_ico{
  display:block;
  vertical-align: middle;
  margin:20px auto 30px auto;
  width: 40px;
  height: 40px;
}
.plus_text{
  display: block;
  color:#7D908E;
  text-align:center;
  font-size:1.4rem
}
.plus_title {text-transform:uppercase;font-size:2rem;text-align:center}
.plus1 .plus_title{
  color:#287DC0;
}
.plus2 .plus_title{
  color:#B6438B;
}
.plus3 .plus_title{
  color:#FF996C;
}
.plus1 .plus_ico{
  background: url("/img/1.png") no-repeat center center;
  background-size: contain;
}
.plus2 .plus_ico{
  background: url("/img/2.png") no-repeat center center;
  background-size: contain;
}
.plus3 .plus_ico{
  background: url("/img/3.png") no-repeat center center;
  background-size: contain;
}
.plus_cont{
  max-width: 1530px;
}

.project{
  padding: 0px 15px 0px 15px;
}
.pr_in{
  position: relative;
  cursor: pointer;
}
.pr_img_div{
  height:auto;
}
.pr_img{
  display: block;
  width: 100%;
}
.pr_div{
  display: none;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  text-decoration: none;
  padding-top: 70px;
}
.pr_in:hover .pr_div{
  display: block;
}
.pr_text{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: table;
  margin:-50px auto 0;
  color:#fff;
  font-size: 28px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.my_slider{
  margin-bottom: 115px!important;
}

.sn_row{
  margin-bottom: 70px;
}
.sn_col{
  width: 50%;
  float: left;
  background-color: #C83F6C;
  height: 960px;
  padding-bottom: 40px;
  position: relative;
}
.sn_col_l{
  background: url("../img/n.png") no-repeat center center;
  background-size: cover;
}
.sn_col_r{
  padding-left: 55px;
  padding-top: 50px;
}
.sn_title{
  color:#fff;
  font-size: 70px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 50px;
}
.sn_img{
  display: table-cell;
  width: 330px;
  height: 330px;
  background: url("../img/n.png") no-repeat center center;
  background-size: cover;
  vertical-align: top;
}
.sn_text{
  display: table-cell;
  padding-left: 55px;
  vertical-align: top;
  padding-right: 15px;
}
.snt_1{
  text-transform: uppercase;
  font-size: 50px;
  margin-bottom: 20px;
  margin-top: -10px;
  color:#fff;
}
.snt_2{
  font-size: 37px;
  color:#fff;
}
.sni_row{
  margin-bottom: 50px;
}
.sn_main{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0px 50px 60px 100px;
}

.p_block{
  height: 960px;
  background: url("../img/fon2.png") no-repeat center center;
  background-size: cover;
  padding-top: 80px;
}
.p_title{
  font-size: 4rem;
  color:#ffffff;
  text-align: center;
  text-transform: uppercase;
  padding:40px 0
}
.p_col{
  width: 33.3333%;
  float: left;
}
.p_date{
  color: #222C43;
  font-size: 24px;
  margin-bottom: 50px;
}
.p_text{
  display: block;
  color: #3280A9;
  font-size: 30px;
  max-width: 460px;
  text-decoration: none;
  padding-right: 30px;
}
.p_text:hover{
  text-decoration: underline;
}
.p_but{
  display: block;
  width: 490px;
  height: 70px;
  border-radius: 35px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 24px;
  color:#222C43;
  background-color: #D0E500;
  text-align: center;
  padding-top: 20px;
  margin:130px auto 0;
  transition: all 0.3s ease;
}
.p_but:hover{
  background-color: #C0D500;
}

.footer{
  height: 150px;
  background-color: #ffffff;
  color:#7C8387;
}
.f_col{
  display: table-cell;
  vertical-align: middle;
  height: 150px;
  font-size:16px;
}
.f_col a{color:#7C8387;padding:0 15px}
.f_col a:hover{text-decoration:underline}
.copy{
  color:#7C8387;
  font-size: 16px;
  line-height: 1;
}
.insy_div{
  width: 188px;
  height: 30px;
  float: right;
}
.copy_2{
  width: 188px;
  height: 30px;
  margin:0px auto 0px;
  border: 1px solid #999DA6;
}
.copy_insy{
  display: block;
  float: left;
  width:94px;
  height:30px;
  border-right: 1px solid #999DA6;
  background:url(../img/insy_big.png) center 6px no-repeat;
  background-size: 75px 15px;
}
.copy_text{
  float: right;
  color:#fff;
  text-align: center;
  width:90px;
  font-size: 16px;
  padding-top:4px;
}

/*О компании*/
.hi_about{
  background: url("../img/s-o-kompanii.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.header_img{
  height: 355px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.header_in{
  height: 355px;
  position: relative;
  z-index: 15;
}
.main_in{
  position: relative;
  z-index: 100;
  background-color: #fff;
  padding-top: 90px;
}
.title_in{
  color:#fff;
  font-size: 94px;
  text-align: center;
  margin-top: 80px;
  text-transform: uppercase;
}
.logo_in{
  width: 130px;
  height: 60px;
}
.a_title{
  font-size: 34px;
  text-transform: uppercase;
  color:#3280A9;
  text-align: center;
  max-width: 1315px;
  margin:0px auto 60px;
}
.a_col{
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding-bottom: 70px;
}
.a_text_1{
  font-size: 70px;
  color:#5DC8BA;
  text-transform: uppercase;
  text-align: right;
}
.a_text_2{
  font-size: 22px;
  color:#7D908E;
}
.a_col_l{
  padding-right: 40px;
  padding-left: 15px;
}
.a_col_r{
  padding-left: 40px;
  padding-right: 70px;
}
.a_block{
  background:url("../img/fon2.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 70px;
}
.a_title_1{
  font-size: 70px;
  color:#2F3747;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}
.a_text_3{
  float: right;
  max-width: 700px;
  text-align: right;
  font-size: 30px;
}
.a_text_4{
  font-size: 22px;
  color:#2F3747;
}
.a_plus_div{
  text-align: center;
  margin-bottom: 70px;
}
.a_plus{
  width: 20vw;
  display:inline-block;
  padding: 0px 50px 50px 50px;
}
.ap_title{
  font-size: 30px;
  text-align: center;
  margin: 0px auto 30px;
}
.ap_text{
  font-size: 22px;
  color:#4D4D4D;
  text-align: center;
}
.apt_1{color:#3280A9;}
.apt_2{color:#5DC8BA;}
.apt_3{color:#B6438B;}
.apt_4{color:#E14852;}
.apt_5{color:#FFA075;}
.apt_6{color:#D0E500;}
.apt_7{color:#3280A9;}
.at_block{
  background:url("../img/fon3.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 140px;
}
.at_col{
  width: 50%;
  display: table-cell;
  color:#fff;
  font-size: 20px;
  text-align: right;
  padding-left: 70px;
  padding-right: 25px;
  padding-top: 150px;
  padding-bottom: 150px;
}
.planeta{
  width: 50%;
  display: table-cell;
  background:url("../img/planeta.png") no-repeat left bottom;
  -webkit-background-size: contain;
  background-size: contain;
}

/*Контакты*/
.hi_kontakts{
  background: url("../img/kontakty.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.kont_mi{
  padding:0!important;
}
.k_title{
  text-align: center;
  text-transform: uppercase;
  color:#5DC8BA;
  font-size: 60px;
  margin-bottom: 35px;
}
.re_cont{
  padding-bottom: 70px;
}
.re_col{
  width: 50%;
  float:left;
  padding: 0px 65px;
}
.k_input{
  display: block;
  width: 100%;
  height: 70px;
  border:1px solid #C9D1D0;
  border-radius: 32px;
  padding: 0px 30px;
  font-size: 20px;
  color: #7D908E;
  margin-bottom: 30px;
}
.k_area{
  display: block;
  width: 100%;
  height: 100px;
  border:1px solid #C9D1D0;
  border-radius: 32px;
  padding: 13px 30px;
  font-size: 20px;
  color: #7D908E;
  margin-bottom: 95px;
  font-family: main_font;
  resize: none;
}
.re_but{
  display: block;
  float: right;
  width: 204px;
  height: 70px;
  border-radius: 35px;
  background-color: #5DC8BA;
  border: none;
  font-size: 20px;
  color:#fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
.re_but:hover{
  background-color: #4DB8AA;
}
#map{
  height: 50vw;
  margin-bottom: 40px;
  min-height:800px;
}
.map_rel{
  position: relative;
}
.k_block{
  background-color: #fff;
  height: 215px;
}
.k_cont{
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  width: 100%;
}
.k_row{
  height: 108px;
}
.k_col{
  display: table-cell;
  vertical-align: middle;
}
.kt_ico{
  width: 33px;
  height: 60px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 23px;
}
.kt_text{
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  color:#7D908E;
  font-size: 22px;
}
.kt_text:hover{
  text-decoration: underline;
}
.k_row1 .kt_ico{
  background: url("../img/tel1.png") no-repeat center center;
  background-size: contain;
}
.k_row2 .kt_ico{
  background: url("../img/tel2.png") no-repeat center center;
  background-size: contain;
}
.ka_ico{
  width: 48px;
  height: 60px;
  text-align: center;
  margin-right: 23px;
  display: inline-block;
  vertical-align: middle;
}
.ka_text{
  display: inline-block;
  color:#7D908E;
  font-size: 22px;
  vertical-align: middle;
}
.k_row1 .ka_ico{
  background: url("../img/adres1.png") no-repeat center center;
  background-size: contain;
}
.k_row2 .ka_ico{
  background: url("../img/adres2.png") no-repeat center center;
  background-size: contain;
}
.k_col_1{
  width: 20%;
  padding-left: 60px;
  text-transform: uppercase;
  font-size: 22px;
}
.k_row1 .k_col_1{
  color:#5DC8BA;
}
.k_row2 .k_col_1{
  color:#3280A9;
}
.km_but{
  display: block;
  width: 206px;
  height: 70px;
  border-radius: 35px;
  color:#fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  padding-top: 24px;
  transition: all 0.3s ease;
}
.k_row1 .km_but{
  background-color:#5DC8BA;
}
.k_row1 .km_but:hover{
  background-color:#3DA89A;
}
.k_row2 .km_but{
  background-color:#3280A9;
}
.k_row2 .km_but:hover{
  background-color:#126089;
}
.k_col_3{
  width: 42%;
}
.k_col_4{
  width: 250px;
}
.samolet{
  background: url("../img/samolet.png") no-repeat left bottom;
  background-size: contain;
}

/*Детальная*/
.d_logo{
  max-width: 746px;
  height: 315px;
  background:url("../img/bonik/logo.png") no-repeat center center;
  background-size: contain;
  margin:0 auto 70px;
}
.d_title{
  text-align: center;
  font-size: 5vw;
  color:#222C43;
  text-transform: uppercase;
  margin-bottom: 5vw;
}
.d_text{
  font-size: 30px;
  color:#7D908E;
  text-align: center;
  margin-bottom: 5vw;
}
.d_smart{
  width: 926px;
  height: 480px;
  background:url("../img/bonik/smartfon.png") no-repeat center center;
  background-size: contain;
  margin:0 auto 70px;
}
.dd_row{
  text-align: center;
  margin-bottom: 8vw;
}
.dd_div{
  width: 395px;
  height: 130px;
  display: inline-block;
  margin:0 55px;
  cursor: pointer;
}
.dd_1{
  background: url("../img/g-play.png") no-repeat center center;
  background-size: contain;
}
.dd_2{
  background: url("../img/a-store.png") no-repeat center center;
  background-size: contain;
}
.dg_block{
  background: url("../img/fon2.png") no-repeat center center;
  background-size:cover;
  padding-bottom: 100px;
  margin-bottom: 80px;
}
.dg_title{
  text-align: center;
  font-size: 5vw;
  color:#222C43;
  text-transform: uppercase;
  padding-top: 5vw;
  margin-bottom:3vw;
  line-height: 1;
}
.hero{
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.dg_in{
  background-color: #fff;
  border-radius: 20px;
  padding: 10px;
  cursor: pointer;
}
.dg_in:hover{
  background-color: #FFCC03;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.39);
}
.d_slider .slick-dots li.slick-active button::before {
    color: #fff;
    font-size: 20px;
    opacity: 1.0;
}
.d_slider .slick-dots li button::before {
   color: #fff;
    font-size: 20px;
    opacity: 0.5;
}
.d_slider .slick-dots {
    bottom: -62px;
}
.d_slider .slick-dots li {
    margin: 0 12px;
}
.dg_name{
  text-align: center;
  text-transform: uppercase;
  font-size: 2vw;
  color:#222C43;
  margin-bottom: 15px;
  margin-top: -20px;
}

/*Услуги*/
.hi_uslugi{
  background: url("../img/uslugi.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.s_title{
  font-size: 5.1vw;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5vw;
}
.s_row{
  margin-bottom: 90px;
  text-align: center;
}
.s_col{
  width: 19%;
  display: inline-block;
}
.s_ico{
  width: 130px;
  height: 130px;
  margin:0 auto 40px;
}
.serv_text{
  display: table;
  margin:0 auto;
  text-transform: uppercase;
  font-size: 26px;
}
.s1{background: url("../img/s1.png") no-repeat center center;}
.s2{background: url("../img/s2.png") no-repeat center center;}
.s3{background: url("../img/s3.png") no-repeat center center;}
.s4{background: url("../img/s4.png") no-repeat center center;}
.s5{background: url("../img/s5.png") no-repeat center center;}
.cookies {position:fixed;bottom:0;left:0;width:100%;background:#B6438B;z-index:25}
.cookies_cont {position:relative;text-align:center;padding:10px 30px }
.cookies_text {color:#ffffff;display:inline-block;vertical-align:middle;}
.cookie_btn {display:inline-block;vertical-align:middle;width:80px;background:#FF996C;color:#ffffff;cursor:pointer;text-decoration:none;text-align:center;line-height:25px;border-radius:25px;height:25px;border:1px solid #FF996C;font-size:12px;margin:0 0 0 20px}
.cookie_btn:hover {background:transparent;color:#FF996C}
.cookie_close {display:block;float:right;cursor:pointer;margin:2px 0 0 20px;width:20px;height:20px;background:url(/img/x_b.png) no-repeat center center;background-size:12px}
.no_spam {margin:10px 0;font-size:14px;color:grey}
.s_check {-webkit-appearance:checkbox}
.f_a {text-decoration:underline}
.write_uss_err {color:red}
.add_padd {padding:0 0 20px 0}
.foot_page {position:absolute;bottom:0;left:0;border-top:1px solid #287DC0;width:100%;margin:0 0 -170px 0}
.head_page {border-bottom:1px solid #287DC0;}
.page_content {padding-top:20px;padding-bottom:20px}
.page_head {font-size: 3rem;color:#287dc0;text-transform: uppercase;}
.page_text {margin:20px 0 0 0;color:#7C8387;}
.help_left {width:70%;display:inline-block;vertical-align:top;}
.help_right {width:30%;display:inline-block;vertical-align:top;max-width:300px;text-align:right}
.help_inp {border:1px solid #7C8387;height:30px;width:100%;margin:0 0 20px 0;padding:0 2%}
.help_txt {resize:none;width:100%;height:80px;border:1px solid #7C8387;margin:0 0 20px 0;padding:0 2%}
.help_btn {background:#ffffff;color:#287dc0;width:100%;cursor:pointer;text-transform:uppercase;text-align:center;border:1px solid #287dc0;height:30px}
.help_btn:hover {background:#287dc0;color:#ffffff;}
.for_help_file_d {position:relative;margin:0 0 20px 0;color:#7C8387;cursor:pointer}
.help_file, #hl_file {position:absolute;top:0;left:0;opacity:0;}
.hlp_main_sect {margin:10px 0}
.hl_m_s_i_b {margin:5px 0}
.hl_m_s_i_b_cont {margin:5px 0 0 0}
.hlp_main_sect_name {font-size:18px;color:#287dc0;cursor:pointer}
.hlp_main_sect_items {margin:0 0 0 40px;}
.hl_m_s_i_b_title {color:#287dc0;cursor:pointer}
.hlp_main_sect_items, .hl_m_s_i_b_cont {display:none}
.help_form_title {color:#000000;font-size:18px;margin:0 0 10px 0}
.red_border {border:1px solid red;}
.help_right form {text-align:left}
.f_in_name {max-width:270px;overflow:hidden;display:inline-block;vertical-align:middle}
.for_help_file a img {width:15px;vertical-align:middle;padding-left:20px;}
.main_cont {}

@media only screen and (max-width :1200px) {
	.baner2 .bn_bon_m_1 {margin:0 0 -22% 220px;}
	.baner2 .bn_bon_m_2 {margin:-110px 0 0px 210px}
	.baner2 .bn_bon_m_3 {max-width:700px;margin:0 0 -20% 460px;height:730px}
	.baner2 .bn_bon_m_4 {max-width:700px;height:760px;margin:0 0 -20% -120px}
}
@media only screen and (max-width :1023px) {
	.st_sli_table_l, .st_sli_table_r {display:block;width:100%;}
	.help_left, .help_right {width:100%;display:block}
	.help_right {margin:20px 0 0 0}
	.baner2 .bn_bon_m_1 {max-width:410px;margin:0 0 -20% 200px;height:410px}
	.baner2 .bn_bon_m_2 {max-width:400px;height:480px;margin:0 0 0px 180px}
	.baner2 .bn_bon_m_3 {max-width:400px;margin:0 0 -20% 380px;height:500px}
	.baner2 .bn_bon_m_4 {max-width:400px;height:520px;}
	.baner2 .bn_bon_m_5 {max-width:400px;height:210px}
}
@media only screen and (max-width :769px) {
	.start_slider {max-height:600px;}
	.baner {height:600px;}
	.bn_bon_1 {z-index:15;width:100%;height:265px;margin:0;position:relative;}
	.bn_bon_txt  {width:100%;height:50%;z-index:10;margin:20px 0 0 0}
	.bn_bon_txt_img  {width:100%;height:140px}
	.bn_bon_m_1 {margin:0 0 70px 0;z-index:0}
	.luch_mb_block {height:auto;}
	.luch_m_block_l, .luch_m_block_2 {display:block;width:100%}
	.luch_m_block_l {height:450px;}
	.luch_m_block_2 {padding:30px 20px}
	.lch_b_1, .lch_mobi {height:300px}
	.lch_b_1{margin:-250px 0 0 -140px;width:150px;}
	.lch_mobi {margin:-264px 0 0 -31px;width:165px;}
	.lch_str_1 {margin:10px 0 0 20px}
	.lch_str_2 {margin:129px 0 0 80px}
	.lch_ezhe_2  {margin:-165px 0 0 92px;width:60px;height:60px}
	.lch_ezhe_3   {margin:0 0 230px 60px;z-index:1;width:90px;height:90px;}
	.lch_ezhe_5   {margin:1px 52px -2px 0px;left:0;}
	.lch_str_5   {bottom:0;margin:40px 0px 107px 0}
	.cont {padding:0 10px}
	
	.h_pad  {padding:0;height:auto}
	.logo {margin:0 auto;height:60px}
	.pch_right {padding:0 0 20px 0}
	.lang {margin-top:14px;float:none;display:inline-block;vertical-align:top}
	.lch_str_4 {margin:110px 0 0 -124px}
	.lch_str_3 {margin:0 0 0 30px}
	.main_title, .luch_m_block_2_tit, .p_title {font-size:3rem}
	.luch_m_block_2_tit {margin:30px 0 0 0;text-align:center;}
	.luch_m_block_2_txt {text-align:center;}
	.trailer_btn {margin:20px auto}
	.bn_bon_tc_4 {display:none}
	.bn_bon_tc_3 {height:167px}
	.bn_bon_txt_tx {font-size:1.2rem}
	.bn_bon_m_2 {z-index:0}
	.ln_ast_btn, .ln_gp_btn {display:block;margin:0 auto 20px auto}
	.lch_ezhe_1  {margin:0 0 450px -123px;width:100px;height:100px}
	.f_col {display:block;height:auto;text-align:center;padding:20px 0 0 0}
	.soc_foot_col {padding-bottom:20px}
	.lch_ezhe_4  {margin:60px 0px 0 0}
	.modal_cont {width:100%;height:auto}
	
}
@media only screen and (max-width :500px) {
	.pch_left, .pch_right {display:block;width:100%;text-align:center}
	.plus {display:block;float:none;width:100%;padding-top:20px}
	.s_inp {display:block;width:100%;margin:0 0 20px 0!important}
	.baner2 .bn_bon_m_1 {max-width:300px;margin:0 0 -20% 13%;height:255px}
	.baner2 .bn_bon_m_2 {max-width:300px;height:350px;margin:37% 0 0 35px}
	.baner2 .bn_bon_m_3 {max-width:300px;margin:0 0 -20% 122px;height:300px;}
	.baner2 .bn_bon_m_4 {max-width:300px;height:340px;margin:0 0 -20% -55px}
	.baner2 .bn_bon_m_5 {max-width:300px;height:210px}
}
@media only screen and (max-width :430px) {
	.f_a {display:block}
	.soc_it {margin:0 0 0 18px}
	.lch_ezhe_4 {display:none}
	.footer {height:175px}
	.no_spam {margin:10px 0 25px 0}
	.foot_page {margin:0 0 -200px 0}
	.baner2 .bn_bon_m_3 {width:300px;margin:0 0 -20% 132px}
}
@media only screen and (min-width :1400px) {
	.baner2 .bn_bon_m_1 {width:730px;height:800px}
	.baner2 .bn_bon_m_2 {width:800px;height:860px;margin:-10% 0 0px 340px}
	.baner2 .bn_bon_m_3 {width:800px;height:880px}
	.baner2 .bn_bon_m_4 {width:800px;height:860px;margin:0 0 -20% 0px}
}
@media only screen and (min-width :1600px) {
	.bn_bon_txt_img {height:400px;}
	.bn_bon_m_1 {width:200px;height:200px;}
	.bn_bon_m_2 {width:185px;height:185px;}
	.bn_bon_m_3 {width:170px;height:170px;}
	.bn_bon_tc_1 {width:650px;height:400px}
	.bn_bon_tc_2 {width:650px;height:220px;margin:0 0 0 -300px}
	.bn_bon_tc_3 {width:1450px;height:320px;margin:0 0 0 -550px}
	.bn_bon_tc_4 {width:550px;height:500px;margin:0 -210px 120px 0}
	.baner2 .bn_bon_m_1 {width:780px;height:850px}
	.baner2 .bn_bon_m_2 {}
	.baner2 .bn_bon_m_3 {width:850px;height:930px;margin:0px 0 -12% 650px}
	.baner2 .bn_bon_m_4 {width:850px;height:940px;margin:0 0 -12% -60px}
}