/*  -        Fonts        -   */

@font-face {  font-family: 'Raleway-Black'; src: url("../fonts/Raleway-Black.woff") format("woff"); src: url("../fonts/Raleway-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-BlackItalic'; src: url("../fonts/Raleway-BlackItalic.woff") format("woff"); src: url("../fonts/Raleway-BlackItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-Bold'; src: url("../fonts/Raleway-Bold.woff") format("woff"); src: url("../fonts/Raleway-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-BoldItalic'; src: url("../fonts/Raleway-BoldItalic.woff") format("woff"); src: url("../fonts/Raleway-BoldItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-ExtraBold'; src: url("../fonts/Raleway-ExtraBold.woff") format("woff"); src: url("../fonts/Raleway-ExtraBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-ExtraBoldItalic'; src: url("../fonts/Raleway-ExtraBoldItalic.woff") format("woff"); src: url("../fonts/Raleway-ExtraBoldItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-ExtraLight'; src: url("../fonts/Raleway-ExtraLight.woff") format("woff"); src: url("../fonts/Raleway-ExtraLight.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-ExtraLightItalic'; src: url("../fonts/Raleway-ExtraLightItalic.woff") format("woff"); src: url("../fonts/Raleway-ExtraLightItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-Italic'; src: url("../fonts/Raleway-Italic.woff") format("woff"); src: url("../fonts/Raleway-Italic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-Light'; src: url("../fonts/Raleway-Light.woff") format("woff"); src: url("../fonts/Raleway-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-LightItalic'; src: url("../fonts/Raleway-LightItalic.woff") format("woff"); src: url("../fonts/Raleway-LightItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-Medium'; src: url("../fonts/Raleway-Medium.woff") format("woff"); src: url("../fonts/Raleway-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-MediumItalic'; src: url("../fonts/Raleway-MediumItalic.woff") format("woff"); src: url("../fonts/Raleway-MediumItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-Regular'; src: url("../fonts/Raleway-Regular.woff") format("woff"); src: url("../fonts/Raleway-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-SemiBold'; src: url("../fonts/Raleway-SemiBold.woff") format("woff"); src: url("../fonts/Raleway-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-SemiBoldItalic'; src: url("../fonts/Raleway-SemiBoldItalic.woff") format("woff"); src: url("../fonts/Raleway-SemiBoldItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-Thin'; src: url("../fonts/Raleway-Thin.woff") format("woff"); src: url("../fonts/Raleway-Thin.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Raleway-ThinItalic'; src: url("../fonts/Raleway-ThinItalic.woff") format("woff"); src: url("../fonts/Raleway-ThinItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face {  font-family: 'Roboto-Black'; src: url("../fonts/Roboto-Black.woff") format("woff"); src: url("../fonts/Roboto-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-BlackItalic'; src: url("../fonts/Roboto-BlackItalic.woff") format("woff"); src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-Bold'; src: url("../fonts/Roboto-Bold.woff") format("woff"); src: url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-BoldItalic'; src: url("../fonts/Roboto-BoldItalic.woff") format("woff"); src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-Italic'; src: url("../fonts/Roboto-Italic.woff") format("woff"); src: url("../fonts/Roboto-Italic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-Light'; src: url("../fonts/Roboto-Light.woff") format("woff"); src: url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-LightItalic'; src: url("../fonts/Roboto-LightItalic.woff") format("woff"); src: url("../fonts/Roboto-LightItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-Medium'; src: url("../fonts/Roboto-Medium.woff") format("woff"); src: url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-MediumItalic'; src: url("../fonts/Roboto-MediumItalic.woff") format("woff"); src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-Regular'; src: url("../fonts/Roboto-Regular.woff") format("woff"); src: url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-Thin'; src: url("../fonts/Roboto-Thin.woff") format("woff"); src: url("../fonts/Roboto-Thin.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Roboto-ThinItalic'; src: url("../fonts/Roboto-ThinItalic.woff") format("woff"); src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }

/*             ///            */


body{font-size: 14px;background-color: #f6f6f6 !important;}
textarea,
input[type="text"],
input[type="button"],
input[type="phone"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
input[type=range]{ cursor: pointer; float: left; width: 308px !important;-webkit-appearance: none;background: transparent; outline: none}



input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; background: #69c6ff;  height: 18px; width: 18px; border-radius: 9px; position: relative; z-index: 3; top: -8px; }
input[type=range]::-moz-range-thumb {background: #3bb4ff;}
input[type=range]::-ms-thumb {background: #3bb4ff;}

input[type=range]::-webkit-slider-runnable-track { height: 2px; background: #00446d;position: relative; top: 8px;}
input[type=range]::-moz-range-track {height: 2px; background: #00446d;position: relative; top: 8px;}
input[type=range]::-ms-track {height: 2px; background: #00446d;position: relative; top: 8px;}




/*   -       1 скролл     -  */

.scrol_one{width: 100%; height: 100vh; background: url(../images/1crol.png); background-size:cover; background-position:top center;}
.utp{position: absolute; top: 37%; left: 43%; color: #fff; font-family: 'Raleway-Thin', sans-serif; }
.utp_line1{font-size: 52px; font-weight: 100; opacity: 0; position: relative; top: 25px;z-index: 2}
.utp_line1 span{font-weight: 400;font-family: 'Raleway-Regular', sans-serif;}
.utp_line2{font-size: 24px; font-weight: 400; font-family: 'Raleway-Regular', sans-serif; opacity: 0;position: relative; top: 35px;z-index: 2}
.utp_line2 span{color: #3bb4ff}
.utp_line3{font-family: 'Roboto-Thin', sans-serif; position: relative; top: 45px; opacity: 0; font-size: 16px; font-weight: 100; padding-top: 14px;position: relative;z-index: 2}
.utp_line4{position: relative;width: 100%; left: -40px; top: -90px; font-family: 'Raleway-Regular', sans-serif; font-size: 98px; color: #002a43}
.menu{font-family: 'Roboto-Light'; width: 100%; height: 90px; margin-bottom: -90px; position: absolute;line-height: 90px; color: #fff}
.ul_menu{margin: 0px;float: left; padding-left: 0;}
.ul_menu span{display: block; clear: left; width: 0%; height: 2px; background:#3bb4ff;position: relative;top: -30px; transition: width .5s; }
.menu li:hover span{width: 100%;}
.logo {width: 100px; height: 90px; float: left; text-align: center; padding-left: 15px; }
.logo_img{cursor: pointer; position: relative; top: -150px;}
.ul_menu__li{position: relative; top: -150px;}
.menu li{float: left; padding: 0 12px; cursor: pointer; list-style-type: none; color: #fff; font-size: 18px; }
.menu .fa-phone{position: relative; left: 5px; top: 2px;}
.phone2{float: right; font-size: 18px;}
.number{float: left;position: relative; top: -150px;}
.callme{width:240px; height: 50px; border: 2px solid #3bb4ff; text-align: center; color:rgba(0,0,0,0.0); line-height:45px; font-size: 20px; float: left; margin-top: 20px;margin-left: 25px; margin-right: 5px; cursor: pointer; position: relative; top: -150px; z-index: 3;}
.callme_name{text-align: center;width: 186px; height: 100%; float:left; color: #69c6ff; border-right: 2px solid #3bb4ff;}
.callme_arow{text-align: center; width:48px; height: 46px; float: right; }
.fa-angle-right{-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);color:#3bb4ff;}
.next_line{width: 100%; height: 58px;  position: relative; top: 90%; display: block;}
.next_line_block{width: 2px; height: 58px; background:#3bb4ff; margin: 0 auto;  }
#scrol_paralax{position: fixed;z-index: -1;}
#scrol_one{background: none; }
.callme_while{width: 240px;height: 50px; top:-400px; margin-bottom: -50px;margin-right: -240px;left: 202px;background: #00426b;z-index: 2; position: relative; transition: top .7s; }
.callme_while_two{width: 240px;height: 50px; top:-300px; margin-bottom: -50px;margin-right: -240px;left: 202px;background: #003557;z-index: 2; position: relative; transition: top .2s; }
.callme_while_three{width: 240px;height: 20px; top:0px;margin-bottom: -20px;margin-right: -240px;left: 202px;background: #00263d;z-index: 3; position: relative;}
.callme:hover~.callme_while{top: 20px;}
.callme:hover~.callme_while_two{top: 20px;}
.fa-telegram:hover{color:#3bb4ff }
.fa-whatsapp:hover{color:#3bb4ff }
.menu_policy .callme_while_three{background: #fff}
.menu_policy .callme_while_two{background: #edf8fe}
.menu_policy .callme_while{background: #dcf0fd}
.title_range{width: 384px; position: relative; top: 30px;    margin-top: 20px;}
.podpis_range{width: 384px; position: relative;top: 40px; z-index: 9;   font-size: 12px; margin-bottom: 5px;}
.podpis_range span:nth-child(2){position: absolute; width: 57px; left: calc(40% - 28px)}
.podpis_range span:nth-child(3){position: absolute; left: 69%; font-size: 16px;}
.then{width: 72px; float: right; height: 25px;}
.ratg{position: relative;z-index: 22;width: 384px !important;top: 42px;margin-bottom: 15px;    height: 5px;}


.li_range{width: 0px; height: 0px; border: 12px solid transparent; border-right-color:#00446d;  border-left: 0;float: left;  position: relative;top: 8px;    top: -3px;margin-left: 10px;}
.li_range2{width: 50px; height: 24px; background:#00446d; color: #fff; font-size: 14px;  padding-left: 5px; line-height: 25px; left: 12px;   position: relative;top: 8px;    top: -3px;margin-left: 10px;}
.li_v{width: 2px ;height: 14px; background: #69c6ff; float: left; position: relative; top: 2px; }
.li_n{width: 2px ;height: 14px; background: #00446d; float: left; position: relative; top: 2px; }
.li_c{width: 0%; margin-right: -0%; height: 2px; background: #69c6ff; float: left; position: relative; top: 2px; top: 8px; z-index: 2; }
.r_b{width: 308px; float: left; margin-right: -308px;}

.li_range span{display: block; width: 3px; height: 15px; background: #00446d; left: -7px; position: relative;}
.lang{width: 45px;position: relative;height: 50px;line-height: 0.6;cursor: pointer;margin-top: 24px;float: right;margin-right: 15px;margin-left: 10px;font-size: 14px;}
.ler1 a{transition:0.3s; color: #fff}
.ler2{display: none;}
.ler1 a:focus{outline: none; color: #fff; text-decoration: none;}
.ler1 a .fa-angle-right{transform: rotate(90deg);color: #fff;}
.ler1 a:hover{color:#69c6ff; text-decoration: none;}
.ler1 a:hover .fa-angle-right{color:#69c6ff}


.ler2 a{transition:0.3s; color: #3bb4ff}
.ler2 a:focus{outline: none; color: #3bb4ff; text-decoration: none;}
.ler2 a .fa-angle-right{transform: rotate(90deg);color: #3bb4ff;}
.ler2 a:hover{color:#a4a4a4; text-decoration: none;}
.ler2 a:hover .fa-angle-right{color:#a4a4a4}





.ler1 #en a{color:#5da0c9 }
.ler1 #de a{color:#5da0c9}
.ler1 #en a:hover{color:#fff }
.ler1 #de a:hover{color:#fff }

.ler2 #en a{color:#a4a4a4 }
.ler2 #de a{color:#a4a4a4}
.ler2 #en a:hover{color:#3bb4ff }
.ler2 #de a:hover{color:#3bb4ff }


#ru{position: relative;}
.cont{width: 100%; transition:0.3s; height: 90px; padding-top: 28px; position: absolute;display: none;z-index: -1; opacity: 0}

.lang:hover .cont, .lang:active .cont, .lang:focus .cont{display: block; z-index: 2; opacity: 1}
.cont:hover{display: block; z-index: 2; opacity: 1}
.cont:hover~#ru a{color:#fff }
.cont:hover~#ru a .fa-angle-right{color:#fff }


/*             ///            */


/*   -       2 скролл     -  */

.scrol_two{background: #f6f6f6;  padding-bottom: 80px; padding-top: 60px; box-shadow: 0px 0px 14px rgba(0,0,0,0.5);z-index: 2; position: relative;}
.scrol_two__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 42px; text-align: center; color: #111111 }
.scrol_two__line2{font-family: 'Roboto-Regular', sans-serif;clear: left;padding-top: 20px; font-size: 16px; text-align: center;  color: #111111; width: 100%; }
.scrol_two__line3{width: 1024px; margin: 0 auto; padding-top: 23px;}
.regal {width: 200px;  height: 70px;transition: height .5s; border-top: 2px solid #3bb4ff; margin-right: 70px;font-family: 'Raleway-Medium', sans-serif; padding-top: 20px; float: left; font-size: 27px; text-align: center; line-height: 1; cursor: pointer;}
#regal1:hover + .regal, .regal:hover{height: 130px; border-bottom: 2px solid #3bb4ff;border-top: 2px solid #cdebfe;}
#regal2:hover + .regal, .regal:hover{height: 130px; border-bottom: 2px solid #3bb4ff;border-top: 2px solid #cdebfe;}
#regal3:hover + .regal, .regal:hover{height: 130px; border-bottom: 2px solid #3bb4ff;border-top: 2px solid #cdebfe;}
#regal4:hover + .regal, .regal:hover{height: 130px; border-bottom: 2px solid #3bb4ff;border-top: 2px solid #cdebfe;}
#regal1:hover .regspan {opacity: 1}
#regal2:hover .regspan {opacity: 1}
#regal3:hover .regspan {opacity: 1}
#regal4:hover .regspan {opacity: 1}
#regal1, #regal2, #regal3, #regal4{width: 200px; margin-right: 70px; float: left; cursor: pointer;}
#regal4{margin-right: 0px;}
.activ{border-bottom: 2px solid #3bb4ff; border-top: 2px solid #cdebfe;}
.regal:last-child{margin-right: 0px;}
.regal span {font-family: 'Roboto-Regular', sans-serif;transition: opacity 2.2s; font-size: 15px; display: block; height: 0px;  padding-top: 13px; line-height: 1.4; padding-bottom: 15px; opacity: 0; }


/*             ///            */


/*   -       3 скролл     -  */

.scrol_three{background: #fff;  min-height: 690px;padding-top: 40px; }
.scrol_three__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 42px; text-align: center; color: #111111 }
.scrol_three__line2{width: 1024px; min-height: 480px; margin: 0 auto; }
.scrol_three__copiright{font-family: 'Raleway-Regular', sans-serif; font-size: 592px; text-align: center; margin-bottom: -592px; position: relative;line-height: 1; color: #f6f6f6; top: -20px; }
.left_block__button{width: 50%; height: 100%; float: left; padding-top: 30px; position: relative;z-index: 2}
.right_block__descript{width: 50%; height: 100%; float: right;padding-top: 120px; position: relative;z-index: 2 }
.block_button__line{width: 485px; margin: 0 auto; font-family: 'Raleway-Regular', sans-serif; font-size: 18px;min-height: 100px;}
.block_button_left{width: 230px; height: 84px; float: left; text-align: center; color:#aeaeae; border: 2px solid #d8d7d7; padding-top: 29px; line-height: 1.2; cursor: pointer; background: #fff  }
.block_button_right{width: 230px; height: 84px; float: right;text-align: center; color:#aeaeae; border: 2px solid #d8d7d7; padding-top: 29px; line-height: 1.2; cursor: pointer; background: #fff }
.block_button__activ, .block_button_left:hover, .block_button_right:hover{color:#13a5ff; border: 2px solid #13a5ff;}
.hv{padding-top: 17px}
.scrol_three__descript{width: 480px; text-align: left; padding-left: 55px; display: none;position: relative; right: -3000px; }
#std1{display: block;right: 0px;}
.scrol_three_descript_line1{font-family: 'Raleway-Medium', sans-serif; font-size: 28px; color: #3bb4ff}
.scrol_three_descript_line2{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; padding-top:6px; padding-bottom: 20px; }
.scrol_three_descript_line3{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; color: #fff;  text-align: center; display: block; width:320px ;height: 50px; line-height: 50px; cursor: pointer; position: relative;z-index: 2;  }
.scrol_three_descript_line3_2{ background: #3bb4ff; display: block; width:320px ;height: 50px; margin-bottom: -50px; position: relative; top: -60px; z-index: 1;   }
.scrol_three_descript_line3_3{ background: #54beff; display: block; width:320px ;height: 0px; margin-bottom: -50px; position: relative; top: -60px; z-index: 1;transition: height .2s }
.scrol_three_descript_line3_4{ background: #6ec7ff; display: block; width:320px ;height: 0px; margin-bottom: 0px; position: absolute;  z-index: 2;transition: height .2s }

.scrol_three_descript_line3:hover~.scrol_three_descript_line3_3{height: 50px;}
/*             ///            */


/*   -       4 скролл     -  */

.scrol_four{width: 100%; min-height: 570px;  margin-top: 580px; background: url(../images/tree.png)no-repeat; background-size: cover; background-position: center center; }
.scrol_four_block{width: 1024px; height: 100%; margin: 0 auto; }
.scrol_four__descript{width: 480px; height: 100px; position: relative; top: 235px; border-left: 4px solid #63b5e5; padding-left: 25px;font-family: 'Roboto-Regular', sans-serif; font-size: 18px;  color: #fff  }

/*             ///            */


/*   -       5 скролл     -  */

.scrol_five{width: 100%; min-height: 1057px; background: #f6f6f6;box-shadow: 0px 0px 14px rgba(0,0,0,0.5);z-index: 2; position: relative;}
.scrol_five_block{width: 1024px; min-height: 875px; padding: 90px 0; margin: 0 auto; }
.scrol_five__left{width: 50%; height: 100%; float: left; border-right: 4px solid #c6c6c6; padding-right: 35px; text-align: right; }
.scrol_five__right{width: 50%;  height: 100%; float: right;padding-left: 35px; text-align: left;}
.scrol_five__line1{font-family: 'Raleway-Medium', sans-serif; font-size: 28px; color: #3bb4ff;position: relative; right: -500px; opacity: 0}
.scrol_five__line2{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; display: block; padding-top: 10px;position: relative; right: -500px; opacity: 0}
.scrol_five__line2 b{font-family: 'Roboto-Regular', sans-serif; font-size: 22px; padding-top: 10px; display: block;}
.scrol_five__line2 span{font-family: 'Roboto-Regular', sans-serif; font-size: 12px;display: block;margin-top: -15px;}
.scrol_five_line1__small{font-size: 22px; display: block; padding-top: 30px;}
#line_left1{font-family: 'Raleway-Medium', sans-serif; font-size: 28px; color: #3bb4ff;position: relative; left: -500px; opacity: 0}
#line_left2{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; display: block; padding-top: 10px;position: relative; left: -500px; opacity: 0}
#line_left2 b{font-family: 'Roboto-Regular', sans-serif; font-size: 22px; padding-top: 10px; display: block;}
#line_left2 span{font-family: 'Roboto-Regular', sans-serif; font-size: 12px;display: block;margin-top: -15px;}
.fr1_left{padding-top: 0px !important; margin-top:-5px; }


/*             ///            */

/*   -       6 скролл     -  */

.scrol_six{width: 100%; min-height: 520px; background: #fff;}
.scrol_six_block{width: 1024px; min-height: 520px; padding-top: 55px; margin: 0 auto; }
.scrol_six__left{width: 45%; height: 100%; float: left; text-align: center;}
.scrol_six__right{width: 55%; height: 100%; float: right;}
.scrol_six__img{width: 100%;}
.scrol_six__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 42px; text-align: left;}
.scrol_six__public{width: 100%; height: 330px; }
.scrol_six__public li{padding-top: 27px; font-family: 'Roboto-Regular', sans-serif; font-size: 16px; }
.scrol_six__public ul{padding-left: 20px;}
.pul{width: 100%; height: 15px; background: url(../images/pul.png); position: relative; margin-bottom:-15px; z-index: 2  }
.pul2{transform: rotate(180deg);    top: -10px;}
/*             ///            */


/*   -       Foter     -  */

.footer{width: 100%; min-height: 450px; background: #021a28;}
.footer_block{width: 1024px; height: 100%; margin: 0 auto; text-align: center; color: #fff; padding-top: 60px;position: relative;}
.footer_line1{font-family: 'Raleway-Regular', sans-serif; font-size: 42px; }
.footer_line2{font-family: 'Raleway-Regular', sans-serif; font-size: 22px; }
.footer_line3{font-family: 'Roboto-Regular', sans-serif; font-size: 42px; color: #3bb4ff; display: block; padding-top: 30px;padding-bottom: 20px;  }
.footer_line4{font-size: 34px;}
.footer_line4 a{margin-right: 15px; }
.footer_viber{width: 34px; position: relative; top: -3px;}
.foter_politics{width: 95%; height: 74px; border-top: 1px solid #053553; margin: 0 auto;  margin-top: 50px;   }
.foter_politics__copirit{width: 25%; height: 48px; line-height: 48px; margin-top: 13px; border-right: 1px solid #053553; float: left;font-family: 'Roboto-Thin', sans-serif;  font-weight: 100; color: #fff; text-align: center;  font-size: 12px;}
.foter_politics__politics{width: 50%; height: 48px; line-height: 48px; margin-top: 13px; border-right: 1px solid #053553; float: left;  }
.foter_politics__dev{width: 25%; height: 48px; line-height: 48px; margin-top: 13px;  float: left; font-family: 'Roboto-Thin', sans-serif; font-size: 12px; font-weight: 100; color: #fff; text-align: center;  }
.politics{width: 40%; height: 100%; border-right: 1px solid #053553; float: left; text-align: center; color: #fff; font-size: 12px;}
.politics:last-child{border: none }
.poli2{width: 33%}
.poli3{width: 27%}
.politics a{color: #718a98; text-decoration: none;}
.politics a:hover{color: #718a98; }
.tol_foter{width: 280px; height: 40px; background:#e0e5e7; color: #111111;font-family: 'Raleway-Medium', sans-serif;font-size: 14px;border-radius: 3px;line-height: 40px; display: none; margin: auto; position: relative;  }
.toil{height: 0px; margin:0px; position: absolute; left: calc(50% - 148px); }
.tol2 {width: 10px; height: 10px; background:#e0e5e7; position: relative;display: none;position: relative;top: -5px;transform: rotate(45deg); margin: auto; margin-bottom: -10px; }
.tol_menu{width: 220px; height: 25px; background:#e0e5e7; color: #111111;font-family: 'Raleway-Medium', sans-serif;font-size: 12px;border-radius: 3px;line-height: 25px; display: none; margin: auto; position: relative; top: -70px; left: -142px; text-align: center;}
.tol3{width: 10px; height: 10px; background:#e0e5e7; position: relative;display: none;position: relative;top: -75px;transform: rotate(45deg); margin: auto; margin-bottom: -10px;    left: -142px; }

/*             ///            */


/*   -     call_modal_form     -  */

.call_form{width: 100%; height: 100vh; background:#00263d; position: fixed; z-index: 3;top: -100vh; }
.call_form_descript{width: 50%; height: 100%; border-right: 1px solid #00446d; float: left; }
.call_form_body{width: 50%; height: 100%; float: left; }
.call_form_line__left{width: 3px; height: 100%; border-left: 1px solid #00446d;  float: right;}
.call_form_line__right{width: 3px; height: 100%; border-right: 1px solid #00446d;  float: left;}
.call_form_descript__left{width: 99%; float: left; height: 100%;}
.call_form_descript__body{top: calc(50% - 235px); width: 470px; height: 530px; position: relative; margin: 0 auto; background: url(../images/call_form.png) no-repeat;  padding-top: 50px; padding-left: 75px   }
.body_line__one{line-height: 1.3; font-family: 'Raleway-Light', sans-serif; font-weight: 300; font-size: 38px; color: #fff;  }
.body_line__two{padding-top: 25px; color: #fff; font-size: 22px;  }
.body_line__two a{margin-right: 15px; }
.body_line__three, .body_line__four, .body_line__five{font-family: 'Roboto-Regular', sans-serif;  color: #fff; font-size: 20px;  }
/*.fa-telegram, .fa-phone, .fa-envelope-o, .fa-skype{margin-right: 15px;}
.fa-whatsapp{margin-left: 15px; }*/
.fa-phone, .fa-envelope-o, .fa-skype{margin-right: 15px }
.viber{position: relative;top: -2px;}
.call_form_descript__form{top: calc(50% - 285px); width: 470px; height: 530px; position: relative; margin: 0 auto; padding-top: 10px; padding-left: 35px   }
.call_form__descript{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; color: #fff;}
.call_form__descript label{position: relative; top: 44px;font-family: 'Roboto-Light', sans-serif;}
.form_name{background: none; border: none;     padding-top: 25px; border-bottom: 1px solid #fff; width: 384px; height: 50px; position: relative; z-index: 2; font-family: 'Roboto-Light', sans-serif;}
.form_phone{background: none; border: none;     padding-top: 25px; border-bottom: 1px solid #fff; width: 384px; height: 50px;position: relative; z-index: 2; font-family: 'Roboto-Light', sans-serif;}
.form_comments{background: none; border: none;     padding-top: 25px; border-bottom: 1px solid #fff; width: 384px; height: 50px;position: relative; z-index: 2; font-family: 'Roboto-Light', sans-serif;}
.form_button{cursor: default; margin-top: 80px; background: none; border: 2px solid #6f6f6f; color: #6f6f6f; width: 384px; height: 64px; line-height: 54px; font-size: 20px;position: relative;z-index: 3;   }
input {outline:none;}
.call_politics{font-size: 12px; color: #00588e; text-align: center; padding-top: 15px;width: 384px; margin-bottom: -64px;position: relative;z-index: 2;top: 150px;}
.call_politics a{color: #00588e; text-decoration: underline;}
.call_politics a:hover{text-decoration: none;}
.call_close{position: relative; width: 30px; height: 26px; float: right; right: 100px; top: 50px;margin-bottom: -50px; cursor: pointer;}
.call_close span:first-child{width:30px; height: 2px; background: #3bb4ff; transform: rotate(45deg);display: block;position: relative;top: 12px;  }
.call_close span:last-child{width:30px; height: 2px; background: #3bb4ff; transform: rotate(-45deg);display: block;position: relative;top: 10px; }
.form_but_top{ background: none;    width: 384px; height: 0px;  margin-right: -384px; top: -64px; z-index: 1;    position: relative; transition: height .2s;}
.form_but_top2{ background: none;    margin-bottom: -64px; width: 384px; height: 64px;  margin-right: -384px;top: 36px; z-index: 2;    position: relative; transition: top .9s, margin-bottom .3s;}
.form_but_top3{ background: none;    margin-bottom: -64px; width: 384px; height: 64px;  margin-right: -384px;top: 36px; z-index: 3;    position: relative; transition: top .9s, margin-bottom .3s;}

.form_button:hover~.form_but_top{height: 64px;margin-bottom: 0px;}



/*             ///            */


/*   -     call_modal_form     -  */

.call_form__thank{width: 100%; height: 100vh; background:#00263d; position: fixed; z-index: 4;top: -100vh; }
.call_thank_close{position: relative; width: 30px; height: 26px; float: right; right: 100px; top: 50px;margin-bottom: -50px; cursor: pointer;}
.call_thank_close span:first-child{width:30px; height: 2px; background: #3bb4ff; transform: rotate(45deg);display: block;position: relative;top: 12px;  }
.call_thank_close span:last-child{width:30px; height: 2px; background: #3bb4ff; transform: rotate(-45deg);display: block;position: relative;top: 10px; }
.call_form_thank__descript{height: 70px; position: relative; top: calc(50% - 35px); text-align: center;font-family: 'Raleway-Light', sans-serif; font-size: 44px; color: #fff;line-height: 1;}
.call_form_thank__descript span{font-size: 18px;}

/*             ///            */


/*   -     Красивый скролл     -  */

.mCSB_scrollTools .mCSB_draggerRail {background-color: #dbdbdb !important;width: 10px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #63b5e5 !important;}
.mCSB_inside > .mCSB_container {margin-right: 20px !important;}

/*             ///            */


/*    -     Переключение с\на Десктоп\моб.версию     -    */

.mobile{display: none}
.mobi_rotate{display: none;}

@media screen and (max-width: 1023px) 
{
	.desctop{display: none}
	.mobile{display: block}
}

/*             ///            */


/*    -     Политики     -    */

.policy{width: 100%; min-height: 720px; padding-top: 150px;  }
.menu_policy{border-bottom: 1px solid #bce5ff}
.menu_policy li{color: #111;}
.menu_policy .phone2{color: #111;}
.menu_policy .fa-phone{position: relative; left: 5px; top: 2px;}
.policy_block{width: 1024px; height: 100%; margin: 0 auto;}
.policy_button{width: 35%; height: 100%; float: left;}
.policy_descript{width: 65%; height: 500px; float: right; font-family: 'Roboto-Regular', sans-serif; font-size: 14px;}
.policy_ssulki, .policy_poli{display: none; opacity: 0; position: relative;z-index: 1; height: 500px; }
.policy_otkaz{position: relative;z-index: 2; height: 500px;}
.policy_otkaz b{font-size: 16px;}
.policy_button li{cursor: pointer; list-style-type: none; margin-bottom: 16px; font-family: 'Raleway-Regular', sans-serif; color: #a5a5a5; font-size: 18px; }
.policy_button span{display: block; width: 4px; height: 17px; background: #fff; margin-right: 10px; float: left; position: relative; top: 4px;} 
.active span{background: #3bb4ff !important;}
.active {color: #111 !important;}
.body_policy{background-color: #fff !important;}
.policy_button li:hover span{background: #a5a5a5;}
.policy_titl{font-size: 18px; padding-top: 15px; font-weight: bold;}
.policy_ssulki b{font-size: 16px;}

/*             ///            */



/*    -     Прелоадер    -    */

.preloader{width: 100%; height: 100vh; position: fixed; background: #00263d; z-index: 9}
.preloader_centre{top: calc(50% - 235px);width: 470px;height: 530px;position: relative;margin: 0 auto;background: url(../images/call_form.png) no-repeat;}
/*             ///            */




/*     Анимация обручей    */

.wrap {
  width: 430px;
  height: 430px;
  margin: auto;
  margin-bottom: -430px;
  top: calc(50% - 235px);
  position: relative;
  display: flex;
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  perspective: 4000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.call_form__thank .wrap 
{
	background: url(../images/call_form.png) no-repeat;
	left: -20px;
	top: calc(50% - 215px);
}
.call_form__thank .circle 
{
	left: 20px;
}

.circle {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  width: 430px;
  height: 430px;
  border: 1px solid #003e63;
  border-radius: 500px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: spin 30s ease-in-out alternate infinite;
  -moz-animation: spin 30s ease-in-out alternate infinite;
  animation: spin 30s ease-in-out alternate infinite;
}
.circle:nth-of-type(1) {
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  animation-delay: 500ms;
}
.circle:nth-of-type(2) {
  -webkit-animation-delay: 1000ms;
  -moz-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.circle:nth-of-type(3) {
  -webkit-animation-delay: 1500ms;
  -moz-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.circle:nth-of-type(4) {
  -webkit-animation-delay: 2000ms;
  -moz-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.circle:nth-of-type(5) {
  -webkit-animation-delay: 2500ms;
  -moz-animation-delay: 2500ms;
  animation-delay: 2500ms;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotateY(180deg) rotateX(360deg);
  }
  50% {
    -webkit-transform: rotateY(540deg) rotateX(540deg);
  }
  75% {
    -webkit-transform: rotateY(720deg) rotateX(900deg);
  }
  100% {
    -webkit-transform: rotateY(900deg) rotateX(1080deg);
    opacity: 1;
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotateY(0deg) rotateX(0deg);
    opacity: 1;
  }
  25% {
    -moz-transform: rotateY(180deg) rotateX(360deg);
  }
  50% {
    -moz-transform: rotateY(540deg) rotateX(540deg);
  }
  75% {
    -moz-transform: rotateY(720deg) rotateX(900deg);
  }
  100% {
    -moz-transform: rotateY(900deg) rotateX(1080deg);
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg);
    -o-transform: rotateY(0deg) rotateX(0deg);
    transform: rotateY(0deg) rotateX(0deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotateY(180deg) rotateX(360deg);
    -moz-transform: rotateY(180deg) rotateX(360deg);
    -ms-transform: rotateY(180deg) rotateX(360deg);
    -o-transform: rotateY(180deg) rotateX(360deg);
    transform: rotateY(180deg) rotateX(360deg);
  }
  50% {
    -webkit-transform: rotateY(540deg) rotateX(540deg);
    -moz-transform: rotateY(540deg) rotateX(540deg);
    -ms-transform: rotateY(540deg) rotateX(540deg);
    -o-transform: rotateY(540deg) rotateX(540deg);
    transform: rotateY(540deg) rotateX(540deg);
  }
  75% {
    -webkit-transform: rotateY(720deg) rotateX(900deg);
    -moz-transform: rotateY(720deg) rotateX(900deg);
    -ms-transform: rotateY(720deg) rotateX(900deg);
    -o-transform: rotateY(720deg) rotateX(900deg);
    transform: rotateY(720deg) rotateX(900deg);
  }
  100% {
    -webkit-transform: rotateY(900deg) rotateX(1080deg);
    -moz-transform: rotateY(900deg) rotateX(1080deg);
    -ms-transform: rotateY(900deg) rotateX(1080deg);
    -o-transform: rotateY(900deg) rotateX(1080deg);
    transform: rotateY(900deg) rotateX(1080deg);
    opacity: 1;
  }
}



/*             ///            */



/*    -     Модуль шарика для мобилки      -    */




.wrap_mobi {
  width: 300px;
  height: 300px;
  margin: auto;
  margin-bottom: -300px;
  top: calc(50% - 150px);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  perspective: 4000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.circle_mobi {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  width: 300px;
  height: 300px;
  border: 1px solid #003e63;
  border-radius: 500px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: spin 30s ease-in-out alternate infinite;
  -moz-animation: spin 30s ease-in-out alternate infinite;
  animation: spin 30s ease-in-out alternate infinite;
}
.circle_mobi:nth-of-type(1) {
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  animation-delay: 500ms;
}
.circle_mobi:nth-of-type(2) {
  -webkit-animation-delay: 1000ms;
  -moz-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.circle_mobi:nth-of-type(3) {
  -webkit-animation-delay: 1500ms;
  -moz-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.circle_mobi:nth-of-type(4) {
  -webkit-animation-delay: 2000ms;
  -moz-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.circle_mobi:nth-of-type(5) {
  -webkit-animation-delay: 2500ms;
  -moz-animation-delay: 2500ms;
  animation-delay: 2500ms;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotateY(180deg) rotateX(360deg);
  }
  50% {
    -webkit-transform: rotateY(540deg) rotateX(540deg);
  }
  75% {
    -webkit-transform: rotateY(720deg) rotateX(900deg);
  }
  100% {
    -webkit-transform: rotateY(900deg) rotateX(1080deg);
    opacity: 1;
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotateY(0deg) rotateX(0deg);
    opacity: 1;
  }
  25% {
    -moz-transform: rotateY(180deg) rotateX(360deg);
  }
  50% {
    -moz-transform: rotateY(540deg) rotateX(540deg);
  }
  75% {
    -moz-transform: rotateY(720deg) rotateX(900deg);
  }
  100% {
    -moz-transform: rotateY(900deg) rotateX(1080deg);
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg);
    -o-transform: rotateY(0deg) rotateX(0deg);
    transform: rotateY(0deg) rotateX(0deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotateY(180deg) rotateX(360deg);
    -moz-transform: rotateY(180deg) rotateX(360deg);
    -ms-transform: rotateY(180deg) rotateX(360deg);
    -o-transform: rotateY(180deg) rotateX(360deg);
    transform: rotateY(180deg) rotateX(360deg);
  }
  50% {
    -webkit-transform: rotateY(540deg) rotateX(540deg);
    -moz-transform: rotateY(540deg) rotateX(540deg);
    -ms-transform: rotateY(540deg) rotateX(540deg);
    -o-transform: rotateY(540deg) rotateX(540deg);
    transform: rotateY(540deg) rotateX(540deg);
  }
  75% {
    -webkit-transform: rotateY(720deg) rotateX(900deg);
    -moz-transform: rotateY(720deg) rotateX(900deg);
    -ms-transform: rotateY(720deg) rotateX(900deg);
    -o-transform: rotateY(720deg) rotateX(900deg);
    transform: rotateY(720deg) rotateX(900deg);
  }
  100% {
    -webkit-transform: rotateY(900deg) rotateX(1080deg);
    -moz-transform: rotateY(900deg) rotateX(1080deg);
    -ms-transform: rotateY(900deg) rotateX(1080deg);
    -o-transform: rotateY(900deg) rotateX(1080deg);
    transform: rotateY(900deg) rotateX(1080deg);
    opacity: 1;
  }
}


/*             ///            */



/*    -     одуль набора текста      -    */

.typed-cursor{
 opacity: 1;
 font-weight: 100;
 -webkit-animation: blink 0.7s infinite;
 -moz-animation: blink 0.7s infinite;
 -ms-animation: blink 0.7s infinite;
 -o-animation: blink 0.7s infinite;
 animation: blink 0.7s infinite;
 }
 @-keyframes blink{
 0% { opacity:1; }
 50% { opacity:0; }
 100% { opacity:1; }
 }
 @-webkit-keyframes blink{
 0% { opacity:1; }
 50% { opacity:0; }
 100% { opacity:1; }
 }
 @-moz-keyframes blink{
 0% { opacity:1; }
 50% { opacity:0; }
 100% { opacity:1; }
 }
 @-ms-keyframes blink{
 0% { opacity:1; }
 50% { opacity:0; }
 100% { opacity:1; }
 }
 @-o-keyframes blink{
 0% { opacity:1; }
 50% { opacity:0; }
 100% { opacity:1; }
 }


/*             ///            */

/*         Уьрать поля с автозаполнения            */

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: none !important;
    }

@media screen and (min-width: 1366px) 
{
	.utp_line1{font-size: 58px;}
	.utp_line2{font-size: 30px;}
	.utp_line3{font-size: 20px;}
	.utp_line4{font-size: 106px;}
}


@media screen and (max-width: 1023px) 
{
	/*    -     1 скрол      -    */
	body{font-size: 12px;}
	.mobi_menu{width: 100%; height: 60px; position: absolute; margin-bottom: -60px; color: #fff; line-height: 60px; }
	.mobi_menu_left{width: 25%; height: 100%; float: left; text-align: center;position: relative; top: -150px;}
	.logo_img{width: 33px;}
	.mobi_menu_center{width: 50%; height: 100%; float: right;font-family: 'Raleway-Medium', sans-serif; font-size: 16px; color: #76a4bc; text-align: right;position: relative; top: -150px;opacity: 1}
	.fa-telegram, .fa-phone, .fa-envelope-o, .fa-skype {margin-right: 7px;}
	.mobi_menu_right{width: 20%; height: 100%; float: right; padding-top: 24px;position: relative; top: -150px;}
	.mobi_menu_block{width: 26px; height: 100%; margin: 0 auto; cursor: pointer; }
	.mobi_menu_block span:first-child{width:21px; height: 2px; background: #fff; display: block;position: relative; left: -6px;  }
	.mobi_menu_block span:last-child{width:21px; height: 2px; background: #fff; display: block;position: relative; top: 5px; }
	.mobi_scrol_one{width: 100%; height: 100vh; background: url(../images/1scrol_mobi.png); background-size: cover; }
	.mobi_scrol_one__block{width: 282px; min-height: 111px; position: relative; top: 50%; text-align: center; margin: auto; color: #fff }
	.mobi_scrol_one__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 22px; margin:0; position: relative; top: 15px; opacity: 0;   }
	.mobi_scrol_one__line2{font-family: 'Roboto-Light', sans-serif; font-weight: 300px;  font-size: 12px;position: relative; top: 15px; opacity: 0; }
	.mobi_scrol_one__line3{font-family: 'Raleway-Regular', sans-serif; font-size: 17px; line-height: 1.2; margin:0; padding-top: 15px;position: relative; top: 25px;opacity: 0;  }
	.mobi_scrol_one__line4{font-family: 'Raleway-Regular', sans-serif; font-size: 17px; color: #3bb4ff; line-height: 1.2;opacity: 0; position: relative; top: 25px; }
	.mobi_scrol_one__next{width: 2px; height: 37px; background: #3bb4ff; margin: 0 auto; }
	.mobi_next_line{width: 100%; height: 37px;  position: absolute; top: 90%;}
	.fa-telegram:hover{color:#fff }
	.fa-whatsapp:hover{color:#fff }
	.mobi_menu_center a{font-size: 14px; color: #76a4bc; text-decoration: none; padding-left: 7px; padding-right: 7px }
	input[type=range]{ cursor: pointer; float: left; width: 308px !important;-webkit-appearance: none;background: transparent; outline: none}



	input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; background: #69c6ff;  height: 22px; width: 22px; border-radius: 11px; position: relative; z-index: 3; top: -10px; }
	input[type=range]::-moz-range-thumb {background: #3bb4ff;}
	input[type=range]::-ms-thumb {background: #3bb4ff;}

	input[type=range]::-webkit-slider-runnable-track { height: 2px; background: #00446d;position: relative; top: 0px;}
	input[type=range]::-moz-range-track {height: 2px; background: #00446d;position: relative; top: 0px;}
	input[type=range]::-ms-track {height: 2px; background: #00446d;position: relative; top: 0px;}
	/*             ///            */


	/*    -     2 скрол      -    */

	.mobi_scrol_two{width: 100%; min-height: 323px; background: #f6f6f6; text-align: center;box-shadow: 0px 0px 4px rgba(0,0,0,0.4); position: relative;z-index: 2}
	.mobi_scrol_two__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 22px;padding-top: 25px; color: #111; margin-bottom: 0px; }
	.mobi_scrol_two__line2{font-family: 'Roboto-Regular', sans-serif; font-size: 12px; color: #111;width: 300px; margin: auto;}
	.mobi_scrol_two__block{width: 300px; min-height: 130px; margin: 0 auto; margin-top: 0px; }
	.mobi_scrol_two__regal1{width: 130px; height: 55px; float: left; text-align: center; border-top: 1px solid #3bb4ff; color: #111; font-family: 'Raleway-Medium', sans-serif; font-size: 16px; margin-top: 20px;padding-top: 7px; margin-left: 10px; }
	.mobi_scrol_two__regal2{width: 130px; height: 55px; float: right; text-align: center;  border-top: 1px solid #3bb4ff; color: #111; font-family: 'Raleway-Medium', sans-serif; font-size: 16px; margin-top: 20px;padding-top: 7px; margin-right: 14px; }
	.mobi_scrol_two__regal1 span, .mobi_scrol_two__regal2 span{font-family: 'Roboto-Regular', sans-serif; font-size: 10px;line-height: 1.2;display: block;padding-top: 7px; }
	.mobi_scrol_two_line1__block{width: 100%; min-height: 180px;}

	/*             ///            */


	/*    -     3 скрол      -    */

	.mobi_scrol_three{width: 100%; min-height: 758px; background: #fff; text-align: center;}
	.mobi_scrol_three__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 22px;padding-top: 25px; padding-bottom: 15px; color: #111; }
	.tasks-mobile .panel-group {margin-bottom: 40px;}
	.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
	.panel {box-shadow: none !important; text-align: left;}
	.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
	.panel-heading {border-bottom: 0;}
	.panel-group .panel {margin-bottom: 0;border-radius: 0px;}
	.panel-group .panel-heading {border-radius: 0;font-family: 'Raleway-Medium', sans-serif; font-size: 16px; color: #13a5ff }
	.panel-group .panel-heading {margin: 0;padding: 20px;border-top: 1px solid #d8d7d7;padding-bottom: 25px; padding-right: 15px; padding-left: 15px;}
	.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;} 
	.panel a .title {font-size: 16px;color: #13a5ff;vertical-align: -webkit-baseline-middle;}
	.panel a {text-decoration: none;}
	.panel a:hover {text-decoration: none;}
	.close-panel {position: relative;float: right;right: 14px;top: 14px;transition: transform .5s; transform: rotate(45deg); width: 8px; height: 8px}
	.close-panel span {display: block;height: 2px;width: 16px;background: #3bb4ff;position: absolute;transform: rotate(0deg);top: 0%;right: -5px; top: 0px}
	.close-panel span + span {transform: rotate(-90deg);}
	.collapse {display: none;}
	.panel-body {padding: 20px !important;padding-top: 0px !important; padding-left: 15px !important; padding-right: 15px !important;}
	.panel-group .panel-heading + .panel-collapse > .list-group, .tasks-mobile .panel-group .panel-heading + .panel-collapse > .panel-body {border-bottom: none;border-top: none;}
    .collapsed .close-panel{ transform: rotate(0deg); top:14px}
	.open-panel span + span {transform: rotate(-45deg); }
	.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border: none !important;}
	/*.panel-collapse{margin-top: -15px;}*/
	.panel-group {margin-bottom: 0px !important;}
	.text-panel {font-size: 12px !important;}

	/*             ///            */


	/*    -     4 скрол      -    */

	.mobi_scrol_four{width: 100%; min-height: 215px; background: url(../images/mobi_free.png) no-repeat; background-size: cover; background-position: center center;  text-align: center; box-shadow: 6px 0px 6px rgba(0,0,0,0.4), -6px 0px 6px rgba(0,0,0,0.4); position: relative; z-index: 2; }
	.mobi_scrol_four_block{width: 250px; min-height: 71px; border-left: 2px solid #63b5e5; padding-left: 10px; position: relative; top: 65px; margin-left: 15px }
	.mobi_scrol_four__descript{color: #fff;font-family: 'Roboto-Regular', sans-serif; font-size: 12px; text-align: left; }

	/*             ///            */


	/*    -     5 скрол      -    */

	.mobi_scrol_five{width: 100%; min-height: 460px; background: #f6f6f6; text-align: center;box-shadow: 0px 0px 6px rgba(0,0,0,0.4); position: relative;z-index: 1}
	.mobi_scrol_five__line1{width: 100%;height: 50px;}
	.mobi_scrol_five__blockleft{width: 50%; height: 100%; border-right: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; float: left; background: #f6f6f6; font-family: 'Raleway-Medium', sans-serif; font-size: 16px; color:#13a5ff; line-height: 50px; text-align: center; cursor: pointer;}
	.mobi_scrol_five__blockright{width: 50%; height: 100%; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; float: right; background: #f1f0f0; font-family: 'Raleway-Medium', sans-serif; font-size: 16px; color:#bcbcbc; line-height: 50px; text-align: center; cursor: pointer; }
	.mobi_scrol_five_line2__block1{width: 100%; padding: 15px; display: block; text-align: left; padding-left: 0px; font-size: 12px;}
	.mobi_scrol_five_line2__block1 ul{padding-left: 30px;}
	.mobi_scrol_five_line2__block1 li{ padding-bottom:  20px; }
	.mobi_scrol_five_line2__block1 li:first-child{ padding-top:  20px; }
	.mobi_scrol_five_line2__block2{width: 100%; padding: 15px; display: none; text-align: left; }
	.scrol_five__line2 b{font-size: 16px;}
	.scrol_five__line2{font-size: 14px;}
	.scroll_five__line2{font-family: 'Roboto-Regular', sans-serif; font-size: 12px; display: block; padding-top: 10px;}
    .scroll_five__line2 b{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; padding-top: 10px; display: block;}
    .prepis{padding-top: 0px;position: relative;top: -5px; }
    .scroll_five__line2_ul{padding-left: 20px;margin-top: -25px; font-size: 12px;}
	/*             ///            */


	/*    -     6 скрол      -    */

	.mobi_scrol_six{width: 100%; padding-bottom: 30px; background: #fff; text-align: center;}
	.mobi_scrol_six__line1{font-family: 'Raleway-Regular', sans-serif; font-size: 22px;padding-top: 30px; padding-bottom: 5px; color: #111;}
	.mobi_scrol_six__line2{font-family: 'Roboto-Regular', sans-serif; font-size: 12px; width: 290px; margin: 0 auto; display: none; }
	#publick1{display: block;}
	.slider{width: 90%; height: 50px;margin: auto;}
	.slider_prev{width: 40%; height: 100%; float: left;cursor: pointer;    position: relative;}
	.slider_number{width: 20%; height: 100%; float: left;}
	.slider_next{width: 40%; height: 100%; float: right;cursor: pointer;    position: relative;}
	.slider_prev__cube{width: 2px; height: 2px; background: #313131; float: left; position: relative; top: 29px;}
	.slider_prev__line{width: 100%; height: 1px; background: #313131; position: relative; top: 30px;}
	.slider_next__cube{width: 2px; height: 2px; background: #3f9cd2; float: right; position: relative; top: 29px;}
	.slider_next__line{width: 100%; height: 1px; background: #3f9cd2; position: relative; top: 30px;}
	.word_next{width: 35px; height: 15px; background: #fff; margin: 0 auto;  color: #3f9cd2; font-family: 'Raleway-Medium', sans-serif; font-size: 11px; text-align: center;position: relative;top: 22px; cursor: pointer;}
	.num_one{font-family: 'Raleway-Regular', sans-serif; font-size: 15px; position: relative; text-align: center; width: 10px; float: left;    left: 12px; top: 7px}
	.num_slech{font-family: 'Raleway-Thin', sans-serif; font-size: 50px; position: relative;text-align: center; width: 10px; float: left; line-height: 1;top: 8px;left: 5px;}
	.num_all{font-family: 'Raleway-Regular', sans-serif; font-size: 15px; position: relative;text-align: center; width: 10px; float: left;left: 17px;top: 30px;}


	/*             ///            */


	/*    -     Footer      -    */

	.mobi_footer{width: 100%; min-height: 220px; background: #021a28; text-align: center; color: #fff}
	.mobi_footer__line1{font-family: 'Raleway-Medium', sans-serif; font-size: 16px; padding-top: 30px;line-height: 1}
	.mobi_footer__line2{font-family: 'Raleway-Regular', sans-serif; font-size: 12px; padding-top: 0px;line-height: 1}
	.mobi_footer__line3{font-family: 'Roboto-Regular', sans-serif; font-size: 18px; padding-top: 0px;line-height: 1; padding-top: 15px; padding-bottom: 10px; color: #3bb4ff }
	.mobi_footer__icon{width: 150px; height: 40px; margin: 0 auto; font-size: 32px;margin-bottom: 25px;}
	.mobi_footer .viber{left: -4px; width: 32px; top: -3px}
	.mobi_footer__politics{width: 100%; height: 90px; border-top: 1px solid #032336; text-align: center;}
	.mobi_footer_politics__line1{font-family: 'Roboto-Thin', sans-serif; font-size: 10px; font-weight: 100; color:#fff; padding-bottom: 2px; padding-top: 13px; margin: 0px;     margin-bottom: 10px; }
	.mobi_footer_politics__line2{font-family: 'Roboto-Thin', sans-serif; font-size: 10px; font-weight: 100; color:#718a98;     margin: 0;} 
	.tooltipe{display: block;width: 215px; height: 25px; background:#e0e5e7; color: #111111; font-family: 'Raleway-Medium', sans-serif; font-size: 12px; margin-bottom: -25px; position: absolute;border-radius: 3px;line-height: 25px;margin-top: -80px; display: none; left: calc(50% - 107px); }
	.tooltipe span{display: block;width: 10px;height: 10px;transform: rotate(45deg);background: #e0e5e7;margin: auto;margin-top: -5px;}
	#telegram:focus .tooltipe{display: block;}
	#telegram:hover .tooltipe span{margin-left: 53px; margin-top: -5px;}
	#vib:focus .tooltipe{display: block;}
	#vib:hover .tooltipe span{margin: 0 auto;margin-top: -5px; }
	#wats:focus .tooltipe{display: block;}
	#wats:hover .tooltipe span{margin-right: 53px;margin-top: -5px;}

	#telegramcont:hover .tooltipe{display: block ; margin-top: -120px;margin-left: 60px;}
	#telegramcont:hover .tooltipe span{margin-left: 23px; margin-top: -5px;}
	#vibcont:hover .tooltipe{display: block ;  margin-top: -120px;margin-left: 85px;}
	#vibcont:hover .tooltipe span{margin: 0 auto;margin-top: -5px;}
	#watscont:hover .tooltipe{display: block ; margin-top: -120px;margin-left: 110px;}
	#watscont:hover .tooltipe span{margin-right: 23px;margin-top: -5px;}

	/*             ///            */


	/*    -     Menu_form    -    */

	.mobi_menu_form{width: 100%; min-height: 100vh; background: #00263d;position: fixed; top: -200vh; z-index: 6}
	.mobi_menu_form__block{width: 100%;  overflow-y: scroll;}
	.mobi_form{width: 80%; min-height: 170px; margin: 0 auto; margin-bottom: 100px;}
	.mobi_form label{color: #fff; font-family: 'Roboto-Regular', sans-serif; font-size: 12px; position: relative; top: 30px;}
	.mobi_form__text {width: 100%; height: 30px; padding-top: 8px; position: relative;z-index: 3; border-radius: none; background: none; border: none; border-bottom: 1px solid #fff; color: #fff; }
	.mobi_form__button{text-transform: uppercase; width: 100%; height: 50px; margin-top: 50px; background: none; border: 2px solid #6f6f6f; color: #6f6f6f;  }
	.mobi_menu_form__line{text-transform: uppercase; font-family: 'Raleway-Medium', sans-serif; font-size: 16px;height: 50px; width: 100%; border-bottom: 1px solid #00314f; line-height: 50px; color: #fff; text-align: center;}
	.mobi_menu_form__close{height: 50px; width: 50px; float: right;padding-left: 15px;padding-top: 25px;}
	.mobi_menu_form__close span{width: 16px; height: 2px; background: #fff;transform: rotate(-45deg); display: block;}
	.mobi_menu_form__close span:last-child{transform: rotate(45deg);position: relative;top: -2px;}
	.fn2{margin-bottom: -40px;}
	/*             ///            */


	/*    -     Menu_Thanks    -    */

	.mobi_thanks{width: 100%; min-height: 100vh; background: #00263d;position: fixed; top: -100vh; z-index: 8}
	.mobi_thanks__line{font-family: 'Raleway-Medium', sans-serif; font-size: 16px;height: 50px; width: 100%;  line-height: 50px; color: #fff; text-align: center;}
	.mobi_thanks__close{height: 50px; width: 50px; float: right;padding-left: 15px;padding-top: 25px;}
	.mobi_thanks__close span{width: 16px; height: 2px; background: #fff;transform: rotate(-45deg); display: block;}
	.mobi_thanks__close span:last-child{transform: rotate(45deg);position: relative;top: -2px;}
	.mobi_thanks__description{ font-family: 'Raleway-Light', sans-serif; font-size: 22px; text-align: center;color: #fff; height: 300px; position: absolute;left: 0px;right: 0px; top: calc(50% - 150px); line-height: 1.2; width: 300px; margin: 0 auto; background:url(../images/thanks_mob.png); background-size: cover; padding-top: 130px; }
	.mobi_thanks__description span{font-size: 11px; }

	/*             ///            */


	/*    -     Contacts    -    */

	.mobi_contacts{width: 100%; min-height: 100vh; background: #00263d;position: fixed; top: -200vh; z-index:5}
	.mobi_contacts__line{font-family: 'Raleway-Medium', sans-serif; font-size: 16px;height: 50px; width: 100%;  line-height: 50px; color: #fff; text-align: center;}
	.mobi_contacts__close{height: 50px; width: 50px; float: right;padding-left: 15px;padding-top: 25px;}
	.mobi_contacts__close span{width: 16px; height: 2px; background: #fff;transform: rotate(-45deg); display: block;}
	.mobi_contacts__close span:last-child{transform: rotate(45deg);position: relative;top: -2px;}
	.mobi_contacts__line1{width: 100%; padding-top: 15px; padding-bottom: 35px; text-align: center;font-family: 'Raleway-Medium', sans-serif; font-size: 22px; color: #fff; border-bottom: 1px solid #00314f }
	.mobi_contacts__line2{width: 100%; height: 70px;margin-top: 1px; border-bottom: 1px solid #00314f; border-top: 1px solid #00314f; text-align: center; color: #fff; line-height: 70px; font-family: 'Roboto-Thin', sans-serif;  font-size: 22px; font-weight: 100; }
	.mobi_contacts__line2 span{font-family: 'Roboto-Regular', sans-serif;}
	.mobi_contacts__line2 p{margin: 0px; height: 0px; }
	.mobi_contacts__line2 .fa-skype, .mobi_contacts__line2 .fa-phone, .mobi_contacts__line2 .fa-envelope-o{position: relative;color: #003d62;font-size: 48px;top:8px;margin-bottom: -48px;text-align: center;}
	.mobi_contacts_line2__description{position: relative; z-index: 2; color: #fff}
	.mobi_contacts_line2__description:focus{ color: #fff; text-decoration: none;}
	.mobi_contacts_line2__description:active{ color: #fff; text-decoration: none;}
	.mobi_contacts_line2__description:hover{ color: #fff; text-decoration: none;}
	.mobi_contacts__line3{width: 100%; text-align: center; height: 120px; line-height: 120px; color: #fff; font-size: 36px;}
	.mobi_contacts__line3 .fa-telegram{margin-right:  30px}
	.mobi_contacts__line3 .fa-whatsapp{margin-left:  30px}
	.mobi_contacts__line3 .viber{top: -5px}

	/*             ///            */


	/*    -     Прелоадер    -    */

	.preloader{width: 100%; height: 100vh; position: fixed; background: #00263d; z-index: 9}
	.preloader_centre{top: calc(50% - 150px);width: 300px;height: 300px;position: relative;margin: 0 auto;background: url(../images/thanks_mob.png);background-size: cover;}
	
	/*             ///            */

}
@media screen and (min-width: 425px) 
{
	.mobi_scrol_two__block {width: 400px;}
	.mobi_scrol_two__regal1 {width: 190px; margin-left: 0px;}
	.mobi_scrol_two__regal2 {width: 190px; margin-right: 5px; }
	.mobi_scrol_two__line2 {width: 350px;}
	.mobi_scrol_six__line2{width: 350px;}
	.logo_img{width: 43px;}
	.mobi_menu_block span:first-child{width: 25px; height: 3px;}
	.mobi_menu_block span:last-child{width: 25px; height: 3px;}
	.mobi_scrol_two__regal1 span, .mobi_scrol_two__regal2 span{font-size: 12px;}
}

@media screen and (min-width: 768px) 
{
	.mobi_scrol_one{background: url(../images/1crol.png)no-repeat; background-size: cover; background-position: top left;}
	.logo_img {width: 43px;}
	.mobi_menu{height: 90px;margin-bottom: -90px;line-height: 90px;}
	.mobi_menu_right{padding-top: 44px;}
	.mobi_menu_center{font-size: 18px;}
	.mobi_scrol_one__block{width: 482px;top: 60%;}
	.mobi_scrol_one__line1{font-size: 32px;text-shadow: 1px 1px rgba(0,0,0,0.5);}
	.mobi_scrol_one__line2{font-size: 14px;text-shadow: 1px 1px rgba(0,0,0,0.5);}
	.mobi_scrol_one__line3{font-size: 22px;text-shadow: 1px 1px rgba(0,0,0,0.5);}
	.mobi_scrol_one__line4{font-size: 22px;text-shadow: 1px 1px rgba(0,0,0,0.5);}
	.mobi_scrol_one__next{top: 66%;}
	.mobi_scrol_two__line1{font-size: 26px;}
	.mobi_scrol_two__block{width: 600px;}
	.mobi_scrol_two__regal1{width: 260px;}
	.mobi_scrol_two__regal2{width: 260px;}
	.mobi_scrol_three__line1{font-size: 26px;}
	.panel a .title{font-size: 18px;}
	.mobi_scrol_four{min-height: 355px;}
	.mobi_scrol_four_block{top: 125px;width: 380px;}
	.mobi_scrol_four__descript{font-size: 16px;}
	.mobi_scrol_five__blockleft{font-size: 18px;}
	.mobi_scrol_five__blockright{font-size: 18px;}
	.mobi_scrol_six__line1{font-size: 26px;}
	.mobi_scrol_six{min-height: 250px;}
	.mobi_scrol_six__line2{font-size: 14px;}
	.slider_number{padding-left: 35px;}
	.mobi_footer__line1{font-size: 20px;}
	.mobi_footer__line3{font-size: 22px;}
	body{overflow-x: hidden;}
	.number{color: #fff}

}
@media screen and (max-width: 1024px) 
{
	.utp_line1{font-size: 45px;}
	.utp_line2{font-size: 22px;}
	.utp_line3{font-size: 14px;}
	.utp_line4{font-size: 78px;top: -76px;}
	.scrol_two__line2{margin-top: 55px;}
	.foter_politics__copirit{font-size: 11px;}
	.politics{font-size: 11px;}
	.foter_politics__dev{font-size: 11px;}
	.number{color: #fff; font-family: 'Roboto-Regular', sans-serif;}
	.mobi_buto_sv{width: 160px;height: 35px;    float: right;border: 2px solid rgb(74, 101, 117);color: rgb(74, 101, 117);display: none;line-height: 32px;text-align: center; margin-top: 13px;}
	.block_svyaz{ width: 240px; height: 50px; border: 2px solid #fff; color: #fff; text-transform: uppercase; line-height: 46px; margin: auto; margin-top: 20px;}
}

@media screen and (max-device-height: 400px)  
{
    .mobile{display: none;}
    .mobi_rotate{display: block;width: 100%; height: 100vh; line-height: 80vh; text-align: center; background:#00263d }
    .mobi_rotate p{font-family: 'Raleway-Medium', sans-serif; font-size: 16px; color: #fff;}
    .mobi_rotate__block{height: 300px; width: 300px;position: absolute;left: 0px;right: 0px;top: calc(50% - 150px);line-height: 1.2;margin: 0 auto;background: url(../images/thanks_mob.png);background-size: cover; padding-top: 130px;}
}