@charset "utf-8";
/*
Theme Name: Бизнес сайт от XSite.PRO
Theme URI: https://xsite.pro/
Author: XSite.PRO
Author URI: https://xsite.pro/
Description: Тема для WordPress. Разработка XSite.PRO.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: xsite.pro
*/

body, html{
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    color:#000000;
    margin:0;
    padding:0;
    line-height:120%;
    cursor:default;
    text-align:left;
    min-width: 100%;
    background:#fff;
}

input[type="text"],
input[type="submit"],  
input[type="email"],  
input[type="tel"],  
button,
select,
textarea{
    -webkit-appearance: none;   
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="email"],
textarea{
    border: 1px solid #e8e8e8;
    font-family: inherit;
    font-size: 16px;
    padding: 15px 20px;
    width: 100%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
}
button,
input,
a,
select,
textarea{
    outline:none;
    font-family:inherit;
}
input,
textarea{
    padding:8px 15px;
}
select{
    cursor:pointer;
    background:url(images/select.svg) no-repeat top 50% right 15px;
    background-size:10px;
}
input[type=checkbox]{
    position:absolute;
    opacity:0;
    z-index: 1;
}
input[type=checkbox] + label{
    position:relative;
    padding-left:45px;
    cursor:pointer;
    display:inline-block;
}
input[type=checkbox] + label:before{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-color: #0d56cc;
    border-radius: 8px;
}
input[type=checkbox]:checked + label:after{
    position: absolute;
    background: url(images/path-2.svg) no-repeat 50% 50%;
    background-size: contain;
    left: 6px;
    top: 50%;
    margin-top: -7px;
    content: "";
    display: block;
    width: 18px;
    height: 14px;
}
a{
    color:#3bf6f1;
    text-decoration:none;
}
a:hover{
    color: #fff;
}
a.inset{
    text-decoration:none;
}
a.inset:hover{
    text-decoration:underline;
}
hr{
    border:0;
    border-top: 1px solid #e4e4e4;
}
img{
    max-width:100%;
    height:auto;
}
li{
    list-style-type: none;
}
form{
    margin:0;
}
::selection {
    background:#a0c4e0 !important;
}
::-moz-selection {
    background:#a0c4e0 !important;
}
h1, h2{
    font-weight: normal;
    font-size:37px;
    line-height:120%;
    text-align:left;
}
.title{
    font-size: 50px;
    color: #0d56cc;
    font-weight: 700;
    margin-bottom: 60px;
    line-height: 120%;
}
.title-huge{
    color: #0d56cc;
    font-size: 70px;
    line-height: 100%;
    font-weight: 600;
}
h1{
    margin-top:0;
    padding-top:0;
    margin-bottom: 25px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a{
    color:inherit;
    text-decoration:none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.title a:hover{
    color:#5f9cd1;
    text-decoration:none;
}
i{
    display:inline-block;
}
*{
    outline:none !important;
    box-sizing:border-box;
}
.clearfix:after{
    content:"";
    display:block;
    width:100%;
    clear:both;
}
.btn{
    text-align: center;
    text-transform: uppercase;
    padding: 23px 72px;
    border-radius: 8px;
    background-color: #0041aa;
    display: inline-block;
    vertical-align: top;
    transition: .2s all;
	border:0;
    position: relative;
	cursor:pointer;
}
.btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/button.png) no-repeat 50% 50%;
    background-size: cover;
    z-index: 5;
    border-radius: 8px;
    opacity: 0;
    transition: .2s all;
}
.btn strong{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 10;
}
.btn:hover:before,
.btn.hover:before {
    content: "";
    opacity: 1;
}
.attache.btn,
.green.btn{
	background:#ecedee
}
.attache.btn strong,
.green.btn strong{
	color:#0d56cc
}
.attache.btn:hover strong,
.attache.btn.hover strong,
.green.btn:hover strong{
	color:#fff;
}
.hide{
    display:none
}
.container{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    position: relative;
}
.right{
    float:right;
}
.left{
    float:left;
}
.clear{
    width:100%;
    clear:both;
}
.xs_flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.xs_flex.xs_inline{
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.xs_flex.xs_middle{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}
.xs_flex.xs_bottom{
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.xs_flex.xs_wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.xs_flex.xs_center{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xs_flex.xs_start{
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.xs_flex.xs_column{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.xs_flex.xs_column_reverse{
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.xs_flex.xs_reverse{
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.xsite{
    color: inherit !important;
    text-decoration:none
}
.xsite:hover,
.xsite:active{
    text-decoration:none
}
.xsite strong{
    color:#333;
}
.xsite strong span {
    color:#ff7700;
    font-weight:bold;
}
.xsite strong:hover{
    text-decoration:underline;
}
.share42init a{
    border-radius:50%;
    transition:.3s all;
}
.share42init a:hover{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.alignleft{
    float:left;
    margin:0 20px 5px 0;
}
.alignright{
    float:right;
    margin:0 0 5px 20px;
}

.pagenavigation{
    text-align:center;
    margin:20px 0;
}
.pagenavigation span,
.pagenavigation a{
    display: inline-block;
    background: #ffcc00;
    color: #000;
    margin: 0 6px;
    box-sizing: border-box;
    padding: 0 10px;
    white-space: nowrap;
    min-width: 31px;
    line-height: 29px;
    transition:.3s all;
}
.pagenavigation span,
.pagenavigation a:hover{
    background:#ce0015;
    color:#fff;
}
.xs_load{
    position:relative;
}
.xs_load:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.67);
    z-index: 99;
    opacity: 1;
}
.xs_load:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    bottom: 0;
    z-index: 100;
    margin: auto;
    width: 26px;
    height: 26px;
    background: url(images/load.svg) no-repeat 50% 50%;
    background-size: contain;
    transform: none;
}

.buttonMenu:after,
.buttonMenu:before,
.buttonMenu span{
    content: "";
    display: block;
    height: 3px;
    background: #373c42;
    margin: 8px 0;
    transition:.3s all;
}

header .phone{
    white-space:nowrap;
}
header nav{
    background:#ddd;
}
header nav ul, header nav ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
}
header nav a {
    font-weight: 700;
    line-height: 20px;
    padding: 20px 30px;
    transition: .3s all;
    display: block;
    text-decoration:none !important;
}
header nav .menu_container .menu_wrapper .footer{
    display:none;
}

#xs_recall{
    max-width: 500px;
    padding:40px;
}
#xs_recall .description {
    margin-bottom: 25px;
}
#xs_recall input[type=text] {
    box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.08);
    padding: 15px 16px;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
}
#xs_recall input[type=text]:focus {
    border: 1px solid #ffbd0e;
}
#xs_recall .name{
    margin-bottom:6px;
}
#xs_recall .box-sub{
    margin:24px 0px 24px;
}
#xs_recall .xs_result p{
    margin:0;
}
.xs_result{
    color:green;
}
*:before,
*:after{
    display: block;
}


.hide-edges{
    overflow: hidden;
}

.dummy {
    -webkit-transition: all .7s;
    transition: all .7s;
    -moz-transition: all .7s;
    opacity: 0;
    position: relative;
    top: 200px;
}
.dummy.visible {
    opacity: 1;
    top: 0;
}

.move-up{
    top: 800px;
    -webkit-transition: all .7s;
    transition: all .7s;
    -moz-transition: all .7s;
    opacity: 0;
}
.move-up.active{
    top: 0;
    opacity: 1;
}


.wr-main-screen{
    background-color: #0d56cc;
    min-height: 900px;
    position: relative;
    overflow: hidden;
}
.wr-main-screen .ellipse{
    width: 404px;
    height: 404px;
    position: absolute;
    top: 14%;
    left: 2%;
}
.wr-main-screen .ellipse div{
    border-radius: 50%;
    background-image: linear-gradient(129deg, rgba(255, 255, 255, 0.4) 3%, rgba(255, 255, 255, 0) 89%);
    background-repeat: no-repeat;
	width:100%;
	padding-top:100%;
}
.wr-main-screen .wr-menu{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 30px 0;
    z-index: 990;
    transition: .2s all;
}
.wr-main-screen .wr-menu .menu.xs_flex{
	height:68px;
}
body.show_menu .wr-main-screen .wr-menu,
body.fix .wr-main-screen .wr-menu{
    background: #fff;
}
body.show_menu .wr-main-screen .menu .browse-side .logotip a,
body.fix .wr-main-screen .menu .browse-side .logotip a{color: #0d56cc;}

body.show_menu .wr-main-screen .menu .follow-side strong,
body.fix .wr-main-screen .menu .follow-side strong{color: #000000; opacity: 0.6;}

body.show_menu .wr-main-screen .menu .browse-side .buttonMenu:after, 
body.show_menu .wr-main-screen .menu .browse-side .buttonMenu:before, 
body.show_menu .wr-main-screen .menu .browse-side .buttonMenu span,
body.fix .wr-main-screen .menu .browse-side .buttonMenu:after, 
body.fix .wr-main-screen .menu .browse-side .buttonMenu:before, 
body.fix .wr-main-screen .menu .browse-side .buttonMenu span{
    background: #0d56cc;
}

body.show_menu .wr-main-screen .menu .browse-side .logotip a:after,
body.fix .wr-main-screen .menu .browse-side .logotip a:after{
    content:"";
    opacity: 1;
}

body.show_menu .wr-main-screen .menu .browse-side .buttonMenu,
body.fix .wr-main-screen .menu .browse-side .buttonMenu{
    border-right: 1px solid #ecedee;
}

body.show_menu .wr-main-screen .menu .follow-side a.soc,
body.fix .wr-main-screen .menu .follow-side a.soc{
    background-color: #ecedee;
}


body.show_menu .wr-main-screen .menu .browse-side .buttonMenu span{
    opacity: 0;
}
body.show_menu .wr-main-screen .menu .browse-side .buttonMenu:before{
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #bec2c6;
    margin: 0;
    margin-left: -5px;
    margin-top: 20px;
}
body.show_menu .wr-main-screen .menu .browse-side .buttonMenu:after{
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #bec2c6;
    margin: 0;
    margin-left: -5px;
    margin-top: -24px;
}
body.show_menu .wr-main-screen .menu .browse-side .buttonMenu {
    width: 85px;
    height: 46px;
}

.wr-main-screen .wr-menu .loading-line{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 8px;
    z-index: 995;
    background: #ecedee;
    opacity: 0;
    transition: .2s all;
}
.wr-main-screen .wr-menu .loading-line .alife{
    background: #0d56cc;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
body.fix .wr-main-screen .wr-menu .loading-line{
    opacity: 1;
}
body.show_menu .wr-main-screen .wr-menu .loading-line{
    opacity: 0 !important;
}


body.show_menu .menu_wrapper{
    display: block;
    overflow: auto;
}
.menu_wrapper{
    background-color: #fff;
    position: fixed;
    padding-top: 55px;
    padding-bottom: 30px;
    top: 128px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 989;
    background-image: url(images/guy-menu.jpg);
    background-repeat: no-repeat;
    background-position: 80% 35%;
    background-size: initial;
    display: none;
}
.menu_wrapper .menu_wrapper_inner{}
.menu_wrapper .menu_wrapper_inner .title{
    color: #0d56cc;
    margin-bottom: 80px;
    max-width: 535px;
    line-height: 165%;
}
.menu_wrapper .menu_wrapper_inner .title a{
    transition: .2s all;
}
.menu_wrapper .menu_wrapper_inner .title a:hover{
    color: #3bf6f1;
}
.menu_wrapper .menu_wrapper_inner .fork{}
.menu_wrapper .menu_wrapper_inner .fork .item{
    max-width: 350px;
    margin-right: 30px;
}
.menu_wrapper .menu_wrapper_inner .fork .item strong{
    color: #000000;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 30px;
    display: block;
}
.menu_wrapper .menu_wrapper_inner .fork .item.icon strong{
    display: inline-block;
    vertical-align: top;
    padding-right: 37px;
    position: relative;
}
.menu_wrapper .menu_wrapper_inner .fork .item.icon strong:before{
    content:"";
    display: block;
    width: 23px;
    height: 23px;
    background: url(images/external-link.svg) no-repeat 50% 50%;
    background-size: 23px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}
.menu_wrapper .menu_wrapper_inner .fork .item ul{
    margin: 0;
    padding: 0;
}
.menu_wrapper .menu_wrapper_inner .fork .item ul li{
    margin-bottom: 30px;
}
.menu_wrapper .menu_wrapper_inner .fork .item ul li:last-child{
    margin-bottom: 0;
}
.menu_wrapper .menu_wrapper_inner .fork .item ul li a{
    color: #0d56cc;
    font-size: 16px;
    line-height: 22px;
    transition: .2s all;
}
.menu_wrapper .menu_wrapper_inner .fork .item ul li a:hover{
    color: #3bf6f1;
}



.wr-main-screen .menu{}
.wr-main-screen .menu .browse-side{}
.wr-main-screen .menu .browse-side .buttonMenu{
    width: 85px;
    padding-right: 29px;
    box-sizing: border-box;
    transition: .3s all;
    cursor: pointer;
    display: block;
    border-right: 1px solid #0041aa;
    margin-right: 30px;
    padding-left: 0;
}
.wr-main-screen .menu .browse-side .buttonMenu:after, 
.wr-main-screen .menu .browse-side .buttonMenu:before, 
.wr-main-screen .menu .browse-side .buttonMenu span {
    content: "";
    display: block;
    height: 6px;
    background: #fff;
    margin: 7px 0;
    transition: .3s all;
    border-radius: 5px;
    transition: .2s all;
}

.wr-main-screen .menu .browse-side .logotip{}
.wr-main-screen .menu .browse-side .logotip a{
    margin: 0;
    padding-left: 81px;
    position: relative;
    color: #fff;
    display: block;
    transition: .2s all;
}
.wr-main-screen .menu .browse-side .logotip a:before{
    content: "";
    display: block;
    width: 68px;
    height: 68px;
    background: url(images/logo.svg) no-repeat 50% 50%;
    background-size: 68px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -34px;
    z-index: 5;
}
.wr-main-screen .menu .browse-side .logotip a:after{
    content: "";
    display: block;
    width: 68px;
    height: 68px;
    background: url(images/logo-fixed.svg) no-repeat 50% 50%;
    background-size: 68px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -34px;
    z-index: 10;
    opacity: 0;
    transition: .2s all;
}
.wr-main-screen .menu .browse-side .logotip a.my{
	padding-left:0 !important
}
.wr-main-screen .menu .browse-side .logotip a.my img{
	vertical-align:top;
	max-height:96px;
}
.wr-main-screen .menu .browse-side .logotip a.my:before,
.wr-main-screen .menu .browse-side .logotip a.my:after{
	display:none !important;
}
.wr-main-screen .menu .browse-side .logotip a strong{
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 140%;
}

.wr-main-screen .menu .follow-side{
    position: relative;
}
.wr-main-screen .menu .follow-side .triangle{
    display: block;
    width: 23px;
    height: 23px;
    background: url(images/sharing-interface.svg) no-repeat 50% 50%;
    background-size: 23px;
    cursor: pointer;
    position: relative;
    display: none;
}
.wr-main-screen .menu .follow-side .triangle:before{
    content:"";
    display: block;
    width: 23px;
    height: 23px;
    background: url(images/sharing-interface-blue.svg) no-repeat 50% 50%;
    background-size: 23px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}
.wr-main-screen .menu .follow-side .linker{}
.wr-main-screen .menu .follow-side strong{
    font-size: 18px;
    color: #fff;
    line-height: 140%;
    display: block;
    margin-right: 15px;
    transition: .2s all;
}
.wr-main-screen .menu .follow-side a.soc{
    width: 68px;
    height: 68px;
    background-color: #0041aa;
    border-radius: 50%;
    position: relative;
    display: block;
    margin-right: 13px;
    transition: .2s all;
}
.wr-main-screen .menu .follow-side a.soc:hover{
    background-color: #fff;
}
body.show_menu .wr-main-screen .menu .follow-side a.soc:hover,
body.fix .wr-main-screen .menu .follow-side a.soc:hover{
    background-color: #0041aa;
}

.wr-main-screen .menu .follow-side a.soc.inst{
    background-image: url(images/inst.svg);
    background-position: 50% 50%;
    background-size: 26px;
    background-repeat: no-repeat;
}
.wr-main-screen .menu .follow-side a.soc.inst:before{
    content: "";
    width: 68px;
    height: 68px;
    display: block;
    background-image: url(images/inst-blue.svg);
    background-position: 50% 50%;
    background-size: 26px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;
    opacity: 0;
}
body.show_menu .wr-main-screen .menu .follow-side a.soc.inst:hover:before,
body.fix .wr-main-screen .menu .follow-side a.soc.inst:hover:before{
    opacity: 0;
}


.wr-main-screen .menu .follow-side a.soc.inst:hover:before,
body.show_menu .wr-main-screen .menu .follow-side a.soc.inst:before,
body.fix .wr-main-screen .menu .follow-side a.soc.inst:before{
    content: "";
    display: block;
    opacity: 1;
}

.wr-main-screen .menu .follow-side a.soc.vk{
    background-image: url(images/vk.svg);
    background-position: 50% 50%;
    background-size: 35px;
    background-repeat: no-repeat;
}
.wr-main-screen .menu .follow-side a.soc.vk:before{
    content: "";
    width: 68px;
    height: 68px;
    display: block;
    background-image: url(images/vk-blue.svg);
    background-position: 50% 50%;
    background-size: 35px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;
    opacity: 0;
}
body.show_menu .wr-main-screen .menu .follow-side a.soc.vk:hover:before,
body.fix .wr-main-screen .menu .follow-side a.soc.vk:hover:before{
    opacity: 0;
}

.wr-main-screen .menu .follow-side a.soc.vk:hover:before,
body.show_menu .wr-main-screen .menu .follow-side a.soc.vk:before,
body.fix .wr-main-screen .menu .follow-side a.soc.vk:before{
    content: "";
    display: block;
    opacity: 1;
}

.wr-main-screen .menu .follow-side a.soc.fb{
    margin-right: 0;
    background-image: url(images/fb.svg);
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}
.wr-main-screen .menu .follow-side a.soc.fb:before{
    content: "";
    width: 68px;
    height: 68px;
    display: block;
    background-image: url(images/fb-blue.svg);
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;
    opacity: 0;
}
body.show_menu .wr-main-screen .menu .follow-side a.soc.fb:hover:before,
body.fix .wr-main-screen .menu .follow-side a.soc.fb:hover:before{
    opacity: 0;
}

.wr-main-screen .menu .follow-side a.soc.fb:hover:before,
body.show_menu .wr-main-screen .menu .follow-side a.soc.fb:before,
body.fix .wr-main-screen .menu .follow-side a.soc.fb:before{
    content: "";
    display: block;
    opacity: 1;
}

.main-screen-text{}
.main-screen{}
.main-screen .text-area{
    max-width: 540px;
    position: relative;
    z-index: 975;
}
.main-screen .text-area h1{
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 40px;
    max-width: 540px;
    line-height: 117%;
}
.main-screen .text-area h1 strong{
    color: #3bf6f1;
}
.main-screen .text-area p{
    margin: 0;
    font-size: 24px;
    color: #fff;
    margin-bottom: 40px;
    line-height: 143%;
}
.main-screen .text-area a.button-screen{}
/*.main-screen .text-area a.button-screen{
    text-align: center;
    text-transform: uppercase;
    padding: 21px 72px;
    border-radius: 8px;
    background-color: #0041aa;
    display: inline-block;
    vertical-align: top;
    transition: .2s all;
    position: relative;
}
.main-screen .text-area a.button-screen strong{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 10;
}
.main-screen .text-area a.button-screen:before{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/button.png) no-repeat 50% 50%;
    background-size: cover;
    z-index: 5;
    border-radius: 8px;
    opacity: 0;
    transition: .2s all;
}
.main-screen .text-area a.button-screen:hover:before{
    content: "";
    opacity: 1;
}*/


.instuction .deadline a.btn-now{}
.instuction .deadline a.btn-now:before{
    content: "";
    opacity: 1;
}
.instuction .deadline a.btn-now:hover:before{
    content:"";
    opacity: 0;
}

.wr-main-screen .computer{
    width: 887px;
    height: 887px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -285px;
}
.wr-main-screen .computer .line-1{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.wr-main-screen .computer .line-1 div{
	width:100%;
	padding-top:100%;
    border: solid 1px #0041aa;
    border-radius: 50%;
}
.wr-main-screen .computer .line-2{
    width: 631px;
    height: 603px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -301px;
    margin-left: -315px;
}
.wr-main-screen .computer .line-2 div{
	width:100%;
	padding-top:97%;
    border: solid 1px #0041aa;
    border-radius: 50%;
}

.wr-main-screen .computer .device{
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -373px;
    z-index: 10;
}
.wr-main-screen .computer .device div{
    width: 746px;
    height: 660px;
    background-image: url(images/Abstract-comp.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: initial;
}
.wr-main-screen .computer .oval-1{
    position: absolute;
    right: -5%;
    bottom: -2%;
    z-index: 15;
    width: 503px;
    height: 503px;
}
.wr-main-screen .computer .oval-1 div{
    background: url(images/Oval2.svg) no-repeat 50% 50%;
    background-size: contain;
	width:100%;
	padding-top:100%;
}
.wr-main-screen .computer .oval-2{
    left: 7%;
    top: 15%;
    position: absolute;
    width: 68px;
    height: 68px;
}
.wr-main-screen .computer .oval-2 div{
    background: url(images/Oval.svg) no-repeat 50% 50%;
    background-size: contain;
	width:100%;
	padding-top:100%;
}
.wr-main-screen .computer .oval-3{
    position: absolute;
    left: 11%;
    bottom: 44%;
    z-index: 5;
    width: 68px;
    height: 68px;
}
.wr-main-screen .computer .oval-3 div{
    background: url(images/Oval3.svg) no-repeat 50% 50%;
    background-size: contain;
	width:100%;
	padding-top:100%;
}

.universal{
    background-image: linear-gradient(to bottom, #ffffff, #ecedee 98%);
}
#main-screen{
	margin-bottom:100px;
}
.wr-about-field{
    padding: 100px 0 114px;
    position: relative;
}
.wr-about-field .icon{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
	transition:.2s all linear;
	content: attr(data-timing);
	will-change: transform;
}
.easeBox { transform: translateY(var(--ty)); }
.wr-about-field .icon div{
	width:100%;
	padding-top:100%;
    background-size: initial;
    border-radius: 50%;
}
.wr-about-field .icon.ic-1{
    top: 9%;
    left: 1%;
}
.wr-about-field .icon.ic-1 div{
    background: url(images/oval-1.jpg) no-repeat 50% 50%;
}
.wr-about-field .icon.ic-2{
    top: 9%;
    right: 10%;
}
.wr-about-field .icon.ic-2 div{
    background: url(images/oval-7.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-3{
    top: 44%;
    left: 4%;
}
.wr-about-field .icon.ic-3 div{
    background: url(images/oval-2.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-4{
    top: 87%;
    left: 1%;
}
.wr-about-field .icon.ic-4 div{
    background: url(images/oval-3.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-5{
    top: 42%;
    right: 33%;
}
.wr-about-field .icon.ic-5 div{
    background: url(images/oval-5.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-6{
    top: 42%;
    right: 23%;
}
.wr-about-field .icon.ic-6 div{
    background: url(images/oval-6.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-7{
    top: 42%;
    right: 4%;
}
.wr-about-field .icon.ic-7 div{
    background: url(images/oval-8.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-8{
    top: 68%;
    right: 38%;
}
.wr-about-field .icon.ic-8 div{
    background: url(images/oval-4.jpg) no-repeat 50% 50%;
}

.wr-about-field .icon.ic-9{
    top: 68%;
    right: 15%;
}
.wr-about-field .icon.ic-9 div{
    background: url(images/oval-9.jpg) no-repeat 50% 50%;
}


.about-field{
    position: relative;
    z-index: 10;
}

.about-field .title-huge{
    margin-bottom: 40px;
}
.about-field .text{
    max-width: 540px;
    color: #121212;
    font-size: 16px;
    line-height: 175%;
    opacity: 0.6;
}
.about-field .text p{
    margin: 0;
    margin-bottom: 10px;
}
.about-field .text p:last-child{
    margin-bottom: 0;
}
.about-field .text span{
    font-size: 16px;
    font-weight: 700;
    color: #0d56cc;
    vertical-align: top;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
    z-index: 15;
}


.wr-download-field{
    padding-bottom: 30px;
	z-index: 5;
}

.download-field{}

.download-field .item{
    display: block;
    width: 48.65%;
    min-height: 215px;
    position: relative;
}




.download-field .details{
    border-radius: 8px;
    overflow: hidden;
}
.download-field .details:hover .wfront{
    top: -100%;
}
.download-field .details:hover .wback{
    bottom: 0%;
}

.download-field .details .wfront{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(112deg, #2682ec, #105bd0);
    min-height: 215px;
    position: absolute;
    top: 0;
    z-index: 5;
    transition: .4s all;
}
.download-field .details .wfront:before{
    content: "";
    display: block;
    height: 300px;
    width: 300px;
    background-image: linear-gradient(110deg, #ffffff 15%, rgba(255, 255, 255, 0) 76%);
    position: absolute;
    top: 50%;
    right: -12%;
    bottom: 0;
    opacity: 0.19;
    border-radius: 50% 0 0 50%;
    margin-top: -150px;
}
.download-field .details .wfront:after{
    content: "";
    display: block;
    width: 110px;
    height: 130px;
    background: url(images/info.svg) no-repeat 50% 50%;
    background-size: 110px;
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -63px;
}


.download-field .details .wfront .fusn{}

.download-field .details .wfront .fusn p,
.download-field .description p{
    margin: 0;
    font-size: 24px;
    color: #fff;
    line-height: 145%;
    font-weight: 700;
    max-width: 195px;
    padding: 0 33px;
}
.download-field .details .wfront .fusn .dot-make{
    display: block;
    margin: 0;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    max-width: 195px;
    padding: 0 33px;
}




.download-field .details .wback{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(112deg, #2682ec, #105bd0);
    min-height: 215px;
    position: absolute;
    bottom: -100%;
    z-index: 10;
    transition: .4s all;
}

.download-field .details .wback .fusn{
    padding: 30px;
}

.download-field .details .wback .fusn .hiden_side{
    margin-bottom: 28px;
    display: none;
}
.download-field .details .wback .fusn .hiden_side p{
    margin: 0;
    font-size: 20px;
    color: #fff;
    line-height: 155%;
    font-weight: 700;
    max-width: 140px;
}
.download-field .details .wback .fusn .hiden_side .dot-make{
    display: block;
    margin: 0;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    max-width: 140px;
}
.download-field .details .wback .fusn .side{
    display: block;
    max-width: 216px;
    color: #fff;
}
.download-field .details .wback .fusn .side .atext{
    display: block;
}
.download-field .details .wback .fusn .side .atext p,
.download-field .details .wback .fusn .side .atext .line{
    display: block;
	margin-top:0;
    margin-bottom: 19px;
}
.download-field .details .wback .fusn .side .atext p strong,
.download-field .details .wback .fusn .side .atext .line strong{
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
.download-field .details .wback .fusn .side .atext p span,
.download-field .details .wback .fusn .side .atext .line span{
    display: block;
    font-size: 16px;
}
.download-field .details .wback .fusn .side .atext p a,
.download-field .details .wback .fusn .side .atext .line a{
    font-size: 16px;
    color: #3bf6f1;
    margin: 0;
    transition: .2s all;
}
.download-field .details .wback .fusn .side .atext p a:hover,
.download-field .details .wback .fusn .side .atext .line a:hover{
    color: #fff;
}



.download-field a.item.description{
    background-image: linear-gradient(112deg, #0ee888, #00c3c0);
    display: flex;
    border-radius: 8px;
    overflow: hidden;
}
.download-field a.item.description:before{
    content: "";
    display: block;
    height: 300px;
    width: 300px;
    background-image: linear-gradient(110deg, #ffffff 15%, rgba(255, 255, 255, 0) 76%);
    position: absolute;
    top: 50%;
    right: -12%;
    bottom: 0;
    opacity: 0.19;
    border-radius: 50% 0 0 50%;
    margin-top: -150px;
    transition: .4s all;
}
.download-field a.item.description:after{
    content: "";
    display: block;
    width: 72px;
    height: 80px;
    background: url(images/download-1.svg) no-repeat 50% 50%;
    background-size: 72px;
    position: absolute;
    top: 50%;
    right: 70px;
    margin-top: -40px;
}
.download-field a.item.description:hover:before{
    height: 900px;
    width: 900px;
    margin-top: -450px;
}



.wr-curriculum{
    padding-bottom: 100px;
}

.curriculum{
    padding: 0 30px;
    background: #fff;
    border-radius: 8px;
	position:relative;
}
.curriculum .ahead{
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.curriculum .clicker{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
	cursor:pointer;
}
.curriculum .ahead .aname{
    color: #121212;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}


.curriculum .ahead .extend{
    position: relative;
    z-index: 20;
}
.curriculum .ahead .extend .down_btn{
    text-transform: uppercase;
    color: #0d56cc;
    font-size: 16px;
    transition: .2s all;
    padding-left: 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 35px;
    font-weight: 700;
}
.curriculum .ahead .extend .down_btn:hover{
    color: #3bf6f1;
}
.curriculum .ahead .extend .down_btn:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(images/download_blue.svg) no-repeat 50% 50%;
    background-size: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}

.curriculum .ahead .see-more{}
.curriculum .ahead .see-more strong{
    text-transform: uppercase;
    color: #0d56cc;
    font-size: 16px;
    margin-right: 13px;
    transition: .2s all;
}
.curriculum .ahead .see-more:hover strong{
    color: #3bf6f1;
}
.curriculum .ahead .see-more .arrow-shot{
    width: 68px;
    height: 68px;
    background-color: #ecedee;
    border-radius: 50%;
    background-image: url(images/arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px;
    transition: .2s all;
    position: relative;
}
.curriculum .ahead .see-more .arrow-shot:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    opacity: 0;
}
.curriculum.active .ahead .see-more .arrow-shot{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #0d56cc;
}
.curriculum.active .ahead .see-more .arrow-shot:after{
    content: "";
    opacity: 1;
}
.curriculum.active .metters:before{
    display: none;
}

.curriculum .metters{
    padding: 30px 0;
    position: relative;
}
.curriculum .metters:before{
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(images/fog.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 13;
}
.curriculum .metters ul{
    margin: 0;
    padding: 0;
    /*-moz-column-count: 3; 
    -webkit-column-count: 3; 
    column-count: 3; */
    height: 100%;
    max-height: 155px;
    overflow: hidden;
    transition: .2s all;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.curriculum.active .metters ul{
    max-height: 1000px;
}
.curriculum .metters ul li{
    color: #121212;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding-left: 23px;
    margin-bottom: 19px;
    padding-right: 10px;
    width: 32%
}
.curriculum .metters ul li:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #0d56cc;
    position: absolute;
    top: 0%;
    left: 0;
    margin-top: 8px;
    border-radius: 50%;
}
.curriculum .metters ul li.dt-last:before{
    display: none;
}
.curriculum .metters ul li span{
    opacity: 0.6;
    display: block;
    line-height: 175%;
}

.curriculum .metters .drow{
    width: 100%;
}
.curriculum .metters .download_btn{
    background: #ecedee;
    display: inline-block;
    vertical-align: top;
    padding: 18px 30px;
    border-radius: 8px;
    transition: .2s all;
    margin: 20px 0 0;
    position: relative;
    z-index: 5;
	z-index: 15;
}


.curriculum .metters .download_btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/button.png) no-repeat 50% 50%;
    background-size: cover;
    z-index: 5;
    border-radius: 8px;
    opacity: 0;
    transition: .2s all;
    z-index: 10;
}
.curriculum .metters .download_btn:hover:before {
    content: "";
    opacity: 1;
}

.curriculum .metters .download_btn strong{
    text-transform: uppercase;
    color: #0d56cc;
    font-size: 16px;
    transition: .2s all;
    padding-left: 30px;
    position: relative;
    z-index: 10;
}
.curriculum .metters .download_btn:hover strong{
    color: #fff;
}

.curriculum .metters .download_btn strong:before{
    content:"";
    display: block;
    width: 15px;
    height: 15px;
    background: url(images/download_blue.svg) no-repeat 50% 50%;
    background-size: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.curriculum .metters .download_btn strong:after{
    content:"";
    display: block;
    width: 15px;
    height: 15px;
    background: url(images/download-1.svg) no-repeat 50% 50%;
    background-size: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    opacity: 0;
}
.curriculum .metters .download_btn:hover strong:after{
    opacity: 1;
}

.wr-photo-field{
    padding-bottom: 100px;
    position: relative;
}
.wr-photo-field .next-click{
    position: absolute;
    top: 120px;
    left: auto;
    bottom: 0;
    right: 0;
    width: 82.2%;
    z-index: 989;
    background: none;
    cursor: pointer;
    margin-right: -750px;
}

.wr-photo-field .title{}
.wr-photo-field .title strong{}
.arrows{}

.arrows .attac{
    width: 66px;
    height: 46px;
    cursor: pointer;
    background: url(images/arrow-pointing.svg) no-repeat 50% 50%;
    background-size: 46px;
    position: relative;
}
.arrows .attac:before{
    content: "";
    display: block;
    transition: .2s all;
    background: url(images/arrow-pointing-blue.svg) no-repeat 50% 50%;
    background-size: 46px;
    width: 66px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -33px;
    opacity: 0;
}
.arrows .attac:hover:before{
    opacity: 1;
}
.arrows .attac.at-left{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 60px;
}
.arrows .attac.at-right{}

.photo-field{
    margin-left: -15px;
    margin-right: -380px;
    position: relative;
}

.photo-field .wr-eye{
    margin: 0 15px;
}
.photo-field .wr-eye a.eye{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.photo-field .wr-eye.slick-active + .slick-active + .slick-active{
    opacity:.7; 
}
.photo-field .wr-eye a.eye img{
    max-height: 296px;
    transition: .2s all;
}
.photo-field .wr-eye a.eye:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.photo-field .wr-eye a.eye:before,
.photo-field .wr-eye a.eye:after{
    content: "";
    display: block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.photo-field .wr-eye a.eye.icon-photo:before{
    content: "";
    display: block;
    background-color: #fff;
    background-image: url(images/photo-camera.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 33px;
}
.photo-field .wr-eye a.eye.icon-photo:after{
    content: "";
    display: block;
    background-color: #0d56cc;
    background-image: url(images/photo-camera-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 33px;
    transition: .2s all;
    opacity: 0;
}
.photo-field .wr-eye:hover a.eye.icon-photo:after{
    content: "";
    opacity: 1;
}

.photo-field .wr-eye a.eye.icon-video:before{
    content: "";
    display: block;
    background-color: #fff;
    background-image: url(images/play-button-arrowhead.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 21px;
    position: absolute;
}
.photo-field .wr-eye a.eye.icon-video:after{
    content: "";
    display: block;
    background-color: #0d56cc;
    background-image: url(images/play-button-arrowhead-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 21px;
    position: absolute;
    transition: .2s all;
    opacity: 0;
}
.photo-field .wr-eye:hover a.eye.icon-video:after{
    content: "";
    opacity: 1;
}




.wr-people{
    min-height: 634px;
}

.wr-people .next-click{
    position: absolute;
    top: 120px;
    left: auto;
    bottom: 0;
    right: 0;
    width: 33%;
    z-index: 989;
    background: none;
    cursor: pointer;
    margin-right: -380px;
}

.wr-people .title{}
.wr-people .title strong{}

.wr-people .people{
    margin-right: -380px;
}
.wr-people .people .wr-identity{
    margin: 0 15px;
    padding-top: 65px;
}
.wr-people .people .wr-identity.slick-active + .slick-active + .slick-active + .slick-active{
    opacity:.6; 
}
.wr-people .people a.identity{
    text-align: center;
    display: block;
    padding: 30px 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.04);
}
.wr-people .people a.identity .face{
    margin-top: -95px;
    margin-bottom: 37px;
}
.wr-people .people a.identity .face img{
    margin: 0 auto;
    max-height: 130px;
    border-radius: 50%;
}

.wr-people .people a.identity .intro{}
.wr-people .people a.identity .intro strong{
    display: block;
    font-size: 20px;
    color: #121212;
    line-height: 35px;
    margin-bottom: 5px;
    line-height: 110%;
}
.wr-people .people a.identity .intro p{
    margin: 0;
    color: #0d56cc;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}
.wr-people .people a.identity .intro span{
    display: block;
    color: #121212;
    font-size: 14px;
    line-height: 22px;
    opacity: 0.6;
}

.wr-people .people a.identity .learn-more{
    background: #ecedee;
    width: 100%;
    display: block;
    padding: 23px 0;
    border-radius: 8px;
    transition: .2s all;
    margin-top: 20px;
    opacity: 0;
    height: 0;
    padding: 0;
}
.wr-people .people .wr-identity:hover a.identity .learn-more{
    opacity: 1;
    height: 65px;
    padding: 23px 0;
}
.wr-people .people .wr-identity a.identity .learn-more:hover{
    background: #0d56cc;
}
.wr-people .people .wr-identity a.identity .learn-more:hover strong{
    color: #fff;
}

.wr-people .people .wr-identity a.identity .learn-more:hover strong:after{
    content: "";
    display: block;
    opacity: 1;
}
.wr-people .people a.identity .learn-more strong{
    color: #0d56cc;
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 36px;
    display: inline-block;
    position: relative;
}
.wr-people .people a.identity .learn-more strong:before{
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    background: url(images/external-link.svg) no-repeat 50% 50%;
    background-size: 23px;
}
.wr-people .people a.identity .learn-more strong:after{
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    background: url(images/external-link-sight.svg) no-repeat 50% 50%;
    background-size: 23px;
    opacity: 0;
    transition: .2s all;
}




.wr-instuction{
    background-color: #0d56cc;
    position: relative;
    padding: 110px 0 105px;
    z-index: 1;
	overflow:hidden;
}
.nomargin.first .wr-instuction{
	padding-bottom:0;
}
.nomargin.first + .universal + div > .wr-instuction{
	padding-top:0;
}
#how_to_apply:before{
    content: "";
    display: block;
    width: 988px;
    height: 988px;
    opacity: 0.2;
    background-image: linear-gradient(134deg, #ffffff 5%, rgba(255, 255, 255, 0) 88%);
    position: absolute;
    top: 100px;
    left: -6%;
    border-radius: 50%;
    z-index: -1;
}
#how_to_apply:after{
    content: "";
    display: block;
    width: 988px;
    height: 988px;
    opacity: 0.2;
    background-image: linear-gradient(136deg, rgba(255, 255, 255, 0) 5%, #ffffff 88%);
    position: absolute;
    bottom: 29%;
    right: -13%;
    border-radius: 50%;
    z-index: -1;
}

.instuction{}
.instuction .title-huge{
    color: #fff;
    margin-bottom: 90px;
}

.instuction .step-way{
    padding-bottom: 50px;
}
.instuction .step-way .item{
    background: #0041aa;
    padding: 30px 30px;
    margin-bottom: 30px;
    padding-right: 190px;
    border-radius: 8px;
    position: relative;
}
.instuction .step-way .item.move{
    cursor: pointer;
}
.instuction .step-way .item .arrow-place{
    width: 68px;
    height: 68px;
    background-color: #0d56cc;
    border-radius: 50%;
    background-image: url(images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px;
    transition: .2s all;
    position: absolute;
    top: 30px;
    right: 30px;
    transition: .2s all;
}

.instuction .step-way .item.desctop_hide{}
.instuction .step-way .item.desctop_hide .arrow-place{
    display: none;
}


.instuction .step-way .item.move.active .arrow-place{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #fff;
    background-image: url(images/arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px;
}
.instuction .step-way .item:last-child{
    margin-bottom: 0;
}
.instuction .step-way .item .numeral{
    display: block;
    color: #3bf6f1;
    font-size: 60px;
    text-align: center;
    line-height: 100%;
    font-weight: 700;
    padding: 24px 53px;
    margin-right: 30px;
}
.instuction .step-way .item strong{
    color: #fff;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 15px;
    display: block;
}
.instuction .step-way .item p{
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 180%;
}
.instuction .step-way .text{
    max-height: 128px;
    overflow: hidden;
}
.instuction .step-way .item.move.active .text{
    max-height: none;
}
.instuction .step-way .text .mark{
    margin-top: 20px;
    position: relative;
}

.instuction .step-way .text .mark:before{
    content: "*";
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 50px;
    line-height: 35px;
    font-weight: 700;
    color: #3bf6f1;
}
.instuction .step-way .text .mark span{
    display: block;
    opacity: 0.6;
    font-size: 16px;
    line-height: 180%;
    color: #fff;
    position: relative;
    padding-left: 45px;
}


.instuction .deadline{
    background-size: initial;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding: 100px 0;
    margin-bottom: 30px;
}
.instuction .deadline .thin{
    max-width: 435px;
}
.instuction .deadline .title{
    color: #fff;
    margin-bottom: 30px;
}
.instuction .deadline .date-info{
    color: #fff;
    margin-bottom: 30px;
}
.instuction .deadline .date-info .date-drow{
    margin-right: 20px;
    min-width: 107px;
	max-width: 107px;
}
.instuction .deadline .date-info .date-drow .image{
	display:block;
	padding-top:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.instuction .deadline .date-info .date-drow .d-top{
    background-image: linear-gradient(103deg, #0ee888, #00c3c0);
    width: 100%;
    height: 25px;
    border-radius: 8px 8px 0 0;
}
.instuction .deadline .date-info .date-drow .d-down{
    background: #fff;
    color: #0d56cc;
    text-align: center;
    width: 107px;
    height: 75px;
    padding: 11px 0;
}
.instuction .deadline .date-info .date-drow .d-down strong{
    display: block;
    font-size: 35px;
    line-height: 24px;
    margin-bottom: 5px;
}
.instuction .deadline .date-info .date-drow .d-down span{
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.instuction .deadline .date-info p{
    margin: 0;
    line-height: 180%;
}


.exchange{
    position: relative;
}

.exchange .next-click{
    position: absolute;
    top: 180px;
    left: auto;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: 989;
    background: none;
    cursor: pointer;
    margin-right: -515px;
}

.exchange .title{
    color: #fff;
}
.exchange .title strong{
    max-width: 445px;
}

.exchange .attac{
    background: url(images/arrow-pointing-white.svg) no-repeat 50% 50%;
    background-size: 46px;
}
.exchange .attac:before{
    background: url(images/arrow-pointing-breez.svg) no-repeat 50% 50%;
    background-size: 46px;
}

.exchange .countries{
    margin-right: -515px;
}
.exchange .countries .item{
    text-align: center;
    /*max-width: 255px;*/
}
.exchange .countries .item.slick-active + 
.slick-active + 
.slick-active + 
.slick-active + 
.slick-active{
    opacity: 0.6;
}
.exchange .countries .item .image{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 0 auto 30px;
    background-repeat:no-repeat;
	background-position: 50% 50%;
    background-size: auto;
	background-color:#fff;
}
.exchange .countries .item .text{
    font-weight: 700;
    line-height: 150%;
    font-size: 20px;
    color: #fff;
    margin: 0 auto 20px;
    max-width: 193px;
}
.exchange .countries .item .flag{}
.exchange .countries .item .flag strong{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 160%;
    color: #fff;
    padding: 6px 0;
    padding-left: 47px;
    position: relative;
}
.exchange .countries .item .flag strong .flag,
.exchange .countries .item .flag strong:before{
    content:"";
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fff;
    position: absolute;
    top: 50%;
	border-radius:50%;
	overflow:hidden;
	background-size:cover;
    background-repeat:no-repeat;
	background-position: 50% 50%;
    left: 0;
    margin-top: -17px;
}


.exchange .countries .item.bsu .flag strong:before,
.exchange .countries .item.bsu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/belarus.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.ftu .flag strong:before,
.exchange .countries .item.ftu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/chilie.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.nsyu .flag strong:before,
.exchange .countries .item.nsyu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/taiwan.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.su .flag strong:before,
.exchange .countries .item.su .flag strong .flag{
    content:"";
    display: block;
    background: url(images/sk.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.us .flag strong:before,
.exchange .countries .item.us .flag strong .flag{
    content:"";
    display: block;
    background: url(images/itali.svg) no-repeat 50% 50%;
    background-size: 34px;
}


.exchange .countries .item.usc .flag strong:before,
.exchange .countries .item.usc .flag strong .flag{
    content:"";
    display: block;
    background: url(images/spain.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.mu .flag strong:before,
.exchange .countries .item.mu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/germany.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.al .flag strong:before,
.exchange .countries .item.al .flag strong .flag{
    content:"";
    display: block;
    background: url(images/spain.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.poitiers .flag strong:before,
.exchange .countries .item.poitiers .flag strong .flag{
    content:"";
    display: block;
    background: url(images/france.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.renn .flag strong:before,
.exchange .countries .item.renn .flag strong .flag{
    content:"";
    display: block;
    background: url(images/france.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.nsyu .flag strong:before,
.exchange .countries .item.nsyu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/taiwan.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.su .flag strong:before,
.exchange .countries .item.su .flag strong .flag{
    content:"";
    display: block;
    background: url(images/sk.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.us .flag strong:before,
.exchange .countries .item.us .flag strong .flag{
    content:"";
    display: block;
    background: url(images/italy.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.usc .flag strong:before,
.exchange .countries .item.usc .flag strong .flag{
    content:"";
    display: block;
    background: url(images/spain.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.bsu .flag strong:before,
.exchange .countries .item.bsu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/belarus.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.ftu .flag strong:before,
.exchange .countries .item.ftu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/chilie.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.renn0 .flag strong:before,
.exchange .countries .item.renn0 .flag strong .flag{
    content:"";
    display: block;
    background: url(images/france.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.saiu .flag strong:before,
.exchange .countries .item.saiu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/Japan.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.rsa .flag strong:before,
.exchange .countries .item.rsa .flag strong .flag{
    content:"";
    display: block;
    background: url(images/armenia.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.igu .flag strong:before,
.exchange .countries .item.igu .flag strong .flag{
    content:"";
    display: block;
    background: url(images/scotland.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.exchange .countries .item.uot .flag strong:before,
.exchange .countries .item.uot .flag strong .flag{
    content:"";
    display: block;
    background: url(images/est.svg) no-repeat 50% 50%;
    background-size: 34px;
}

.wr-instuction {
	margin-bottom:100px;
}
.nomargin .wr-instuction {
	margin-bottom:0;
}
.employer{
    background-image: linear-gradient(to bottom, #ffffff 37%, #ecedee 98%);
}

.wr-employment{
    padding: 0 0 80px;
    /*background: url(images/man1.png) no-repeat 97% 76%;
    background-size: 300px;*/
}
.employment{}
.employment .title-huge{
    margin-bottom: 60px;
}

.employment .feedback{
    position: relative;
}
.employment .feedback .wr-item{}
.employment .feedback .item{
    padding-bottom: 15px;
}
.employment .feedback .item .avatar{
    margin-right: 220px;
    width: 23.244%;
    position: relative;
}
.employment .feedback .item .avatar img{
    border-radius: 50%;
}
.employment .feedback .item .avatar a.whatch-me{
    display: block;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    background: url(images/oval-copy-11.png) no-repeat 50% 50%;
    background-size: initial;
    position: absolute;
    top: 135px;
    right: -85px
}
.employment .feedback .item .avatar a.whatch-me strong{
    display: none;
}
.employment .feedback .item .avatar a.whatch-me:before{
    content: "";
    display: block;
    width: 144px;
    height: 147px;
    background: url(images/wv.svg) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -72px;
    margin-left: -71px;
    transition: .3s all;
}
.employment .feedback .item .avatar a.whatch-me:hover:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.employment .feedback .item .avatar a.whatch-me:after{
    content: "";
    display: block;
    width: 48px;
    height: 56px;
    background: url(images/play.svg) no-repeat 50% 50%;
    background-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -17px;
}

.employment .feedback .item .text{
    width: 50%;
}
.employment .feedback .item .text .name{
    font-size: 40px;
    line-height: 110%;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 700;
}
.employment .feedback .item .text .position{
    color: #0d56cc;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
	margin-top: 40px;
}

.employment .feedback .item .text.active .speech p,
.employment .feedback .item .text.active .speech.too-high p,
.about-field .text.active{
    max-height: none;
}
.employment .feedback .item .text .speech span{
    font-size: 16px;
    font-weight: 700;
    color: #0d56cc;
    vertical-align: top;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
}


.employment .feedback .item .text .speech{
    padding-bottom: 35px;
    position: relative;
}
.employment .feedback .item .text .speech p{
    margin: 0;
    font-size: 16px;
    line-height: 180%;
    opacity: 0.6;
}

.employment .feedback .item .text .speech p{
    max-height: 200px;
    overflow: hidden;
}
.employment .feedback .item .text .speech span{
    display: inline-block;
    vertical-align: top;
}


.wr-people .people .slick-dots {
    /*top: auto;
    bottom: 16px;
    right: auto;
    left: 50%;
    margin-left: -114px;*/

    top: auto;
    bottom: 16px;
    right: 0;
    left: 0;
    text-align: center;
}

.employment .feedback .slick-dots{
    top: 50px;
    right: 0%;
}

.slick-dots{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    right: 0%;
}
.slick-dots li{
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    padding: 4px 0;
}
.slick-dots li.slick-active{
    padding: 0;
}
.slick-dots li button{
    outline: 0;
    width: 10px;
    height: 10px;
    overflow: hidden;
    text-indent: -999px;
    z-index: 8;
    transition: .3s all;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    background: #0d56cc;
    padding: 0;
    box-sizing: border-box;
}
.slick-dots li.slick-active button{
    width: 20px;
    height: 20px;
    background: #0d56cc;
}



.wr-events{
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
}

.wr-events .next-click{
    position: absolute;
    top: 120px;
    left: auto;
    bottom: 0;
    right: 0;
    width: 34%;
    z-index: 999;
    background: none;
    cursor: pointer;
    margin-right: -35%;
}

.wr-events .events{
    margin: 0 -12px;
    margin-right: -105%;
}
.wr-events .events .wr-item{}
.wr-events .events .wr-item .item{}

.wr-events .events .wr-item .item .cluse{margin: 0 12px;}
.wr-events .events .wr-item .item .cluse a{display: block;overflow: hidden; border-radius: 8px;}
.wr-events .events .wr-item .item .cluse a img{
    transition: .2s all;
}
.wr-events .events .wr-item .item .cluse a:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wr-events .events .wr-item.slick-active + .slick-active{
    opacity: 0.7;
}

.wr_mobile_slider{
    display: none;
}
.mobile_slider{
    margin: 0 -15px;
}
.mobile_slider .item{
    margin: 0 15px;
}
.mobile_slider .item a.inner{
    display: block;
}
.mobile_slider .item a.inner img{}



.wr-companies{
    padding-bottom: 90px;
    position: relative;
}
.wr-companies .next-click{
    position: absolute;
    top: 180px;
    left: auto;
    bottom: 0;
    right: 0;
    width: 43%;
    z-index: 989;
    background: none;
    cursor: pointer;
    margin-right: -240px;
}

.wr-companies .title.xcenter{
    text-align: center;
}
.wr-companies .title strong{
    max-width: 445px;
    display: block;
}
.wr-companies .title.xcenter strong{
    display: block;
    width: 100%;
}


.wr-companies .no-companies{
    text-align: center;
}
.wr-companies .no-companies .wr-item{
    width: 160px;
    height: 160px;
    display: inline-block;
    vertical-align: top;
    margin: 0 60px;
}
.wr-companies .no-companies .item{
    width: 160px;
    height: 160px;
    background-color: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: initial;
    box-shadow: 0 1px 6px rgba(18, 18, 18, 0.08);
}


.wr-companies.mb_scrolling{
    overflow: auto;
}

.companies{
    margin-right: -240px;
}
.companies .wr-item{
    padding-bottom: 5px;
}
.companies .wr-item.slick-active + .slick-active + .slick-active + .slick-active + .slick-active{
    opacity:.6; 
}
.companies .item{
    width: 160px;
    height: 160px;
    background-color: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: initial;
    box-shadow: 0 1px 6px rgba(18, 18, 18, 0.08);
}

.wr-contacts{
    background-color: #121212;
    padding-top: 100px;
}

.contacts{}
.contacts .title{
    color: #fff;
}
.contacts .addresses-field{
    margin-bottom: 60px;
}
.contacts .addresses-field .item{
    width: 30%;
}
.contacts .addresses-field .item .ahead{
    font-size: 24px;
    line-height: 135%;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
.contacts .addresses-field .item .git{
    font-size: 16px;
    color: #fff;
    line-height: 180%;
}
.contacts .addresses-field .item .git .jit,
.contacts .addresses-field .item .git p{
    margin-bottom: 4px;
}
.contacts .addresses-field .item .git .phone{
    display: block;
    color: #fff;
}
.contacts .addresses-field .item .git a[href^='tel:']{
    color: inherit;
	cursor:default;
}
.contacts .addresses-field .item .git .mail{
    display: block;
}
.contacts .addresses-field .item .git p{
    margin: 0;
    display: block;
}

.contacts .deep-dive {
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
.contacts .deep-dive .item{
    width: 31.532%;
}
.contacts .deep-dive .item .ahead{
    font-size: 24px;
    color: #fff;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.contacts .deep-dive .item .ahead.sight{
    padding-right: 40px;
}
.contacts .deep-dive .item .ahead.sight:after{
    content:"";
    display: block;
    width: 23px;
    height: 23px;
    background: url(images/external-link-sight.svg) no-repeat 50% 50%;
    background-size: 23px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}
.contacts .deep-dive .item .silk-road{}
.contacts .deep-dive .item .silk-road ul{
    margin: 0;
    padding: 0;
    max-width: 90%;
}
.contacts .deep-dive .item .silk-road ul li{
    margin-bottom: 22px;
}
.contacts .deep-dive .item .silk-road ul li a{
    font-size: 16px;
    color: #3bf6f1;
    display: block;
    line-height: 140%;
    transition: .2s all;
}
.contacts .deep-dive .item .silk-road ul li a:hover{
    color: #fff;
}

.contacts .deep-dive .item .follow{
    background: url(images/button-footer.jpg) no-repeat 50% 50%;
    background-size: cover;
    border-radius: 8px;
    height: 100%;
    padding: 30px 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.contacts .deep-dive .item .follow:before{
    content: "";
    display: block;
    width: 100%;
    height: 85%;
    background: url(images/girls.png) no-repeat 100% 100%;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.contacts .deep-dive .item.foll.not_bg .follow{
	background:none;
	padding:0;
	height:auto;
	border-radius:0;
}
.contacts .deep-dive .item.foll.not_bg .follow .ahead{
	display:none;
}
.contacts .deep-dive .item.foll.not_bg .follow:before{
	display:none;
}
.contacts .deep-dive .item .follow .ahead{
    font-size: 40px;
    line-height: 40px;
    display: block;
    max-width: 180px;
}
.contacts .deep-dive .item .follow .linker{}
.contacts .deep-dive .item .follow .linker .unit{
    transition: .2s all;
    position: relative;
    background-color: #fff;
}
.contacts .deep-dive .item .follow .linker .unit:hover{
    background-color: #0041aa;
}
.contacts .deep-dive .item .follow .linker .unit.insta:hover:before,
.contacts .deep-dive .item .follow .linker .unit.fb:hover:before,
.contacts .deep-dive .item .follow .linker .unit.tg:hover:before,
.contacts .deep-dive .item .follow .linker .unit.vk:hover:before{
    content: "";
    display: block;
    opacity: 1;
}
.contacts .deep-dive .item .follow .linker .unit.insta{
    display: block;
    border-radius: 50%;
    background-image: url(images/inst-blue.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    margin-right: 20px;
}    
.contacts .deep-dive .item .follow .linker .unit.insta:before{
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background-image: url(images/inst.svg);
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    opacity: 0;
}
.contacts .deep-dive .item .follow .linker .unit.fb{
    display: block;
    border-radius: 50%;
    background-image: url(images/fb-blue.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
}
.contacts .deep-dive .item .follow .linker .unit.fb:before{
    content: "";
    width: 14px;
    height: 30px;
    display: block;
    background-image: url(images/fb.svg);
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -7px;
    opacity: 0;
}
.contacts .deep-dive .item .follow .linker .unit.vk{
    display: block;
    border-radius: 50%;
    background-image: url(images/vk-blue.svg);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
	margin-right: 20px;
}
.contacts .deep-dive .item .follow .linker .unit.vk:before{
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    background-image: url(images/vk.svg);
    background-position: 50% 50%;
    background-size: 28px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -14px;
    opacity: 0;
}

.contacts .deep-dive .item .follow .linker .unit.tg{
    display: block;
    border-radius: 50%;
    background-image: url(images/tg-blue.svg);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
	margin-right: 20px;
}
.contacts .deep-dive .item .follow .linker .unit.tg:before{
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    background-image: url(images/tg.svg);
    background-position: 50% 50%;
    background-size: 28px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -14px;
    opacity: 0;
}

.contacts .copyright{
    padding: 30px 0;
}
.contacts .copyright p{
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 130%;
    opacity: 0.49;
}
.contacts .copyright a{
    display: block;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #3f3f3f;
    background-image: url(images/path-copy-4.svg);
    background-position: 50% 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    transition: .2s all;
    position: relative;
}
.contacts .copyright a:hover{
    margin: -5px 0 5px;
    background-color: #0041aa;
}



#application_form, #feedback_form, #rating_form, .full_info{
    padding: 100px 95px 55px;
    background: #fff;
    position: relative;
    width: 58%;
    height: 100%;
    overflow-x: hidden;
    float: right;
    margin: 0;
    display: none;
}

/*#application_form .loading-line{
    position: fixed;
    top: 0;
    right: 0;
    width: 58%;
    height: 8px;
    z-index: 995;
    background: #ecedee;
    opacity: 1;
    transition: .2s all;
}
#application_form .loading-line .alife{
    background: #0d56cc;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}*/

#application_form .close, #feedback_form .close, #rating_form .close, .full_info .close{
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(images/combined-shape-copy.svg) no-repeat 50% 50%;
    background-size: 36px;
    position: absolute;
    top: 31px;
    right: 14px;
    z-index: 999;
}
.full_info_wrap {
    height: 100%;
}
.full_info .title {
    margin-bottom: 0;
}
.full_info .title,
.full_info .description,
.full_info .additional p {
    text-align: center;
}
.application_form{}
.application_form .title{
    margin-bottom: 60px;
}
.application_form form{}
.application_form .item{
    padding-bottom: 20px;
}
.application_form .item .form_title{
    font-size: 24px;
    line-height: 160%;
    font-weight: 700;
    margin-bottom: 30px;
}
.application_form .item .form_title.enert{
    margin-bottom: 8px;
}
.application_form .item input,
.application_form .item textarea{
    border: 1px solid #ecedee;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 20px;
    box-shadow: none;
    resize: none;
}
.application_form .item textarea {
    min-height: 200px;
}

.application_form .item .info-one{
    font-size: 16px;
    line-height: 180%;
    color: #121212;
    opacity: 0.6;
}
.application_form .item .fields{
    margin-top: 30px;
    margin-bottom: 10px;
}
.application_form .item .fields input{
    border: 1px solid #ecedee;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 20px;
    width: 48%;
    box-shadow: none;
    transition: .2s all;
    cursor: pointer;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);*/
}
.application_form input:hover,
.application_form textarea:hover{
    font-weight: 700;
}


.application_form input::-webkit-input-placeholder {color:#121212; opacity: 0.6;}
.application_form input::-moz-placeholder          {color:#121212; opacity: 0.6;}
.application_form input:-moz-placeholder           {color:#121212; opacity: 0.6;}
.application_form input:-ms-input-placeholder      {color:#121212; opacity: 0.6;}
.application_form textarea::-webkit-input-placeholder {color:#121212; opacity: 0.6;}
.application_form textarea::-moz-placeholder          {color:#121212; opacity: 0.6;}
.application_form textarea:-moz-placeholder           {color:#121212; opacity: 0.6;}
.application_form textarea:-ms-input-placeholder      {color:#121212; opacity: 0.6;}

.application_form .item .fields input:focus,
.application_form .item .fields input:focus{
    color: #000000;
}

.application_form .item .brick{
    margin-bottom: 30px;
}
.application_form .item .brick .s-title{
    color: #121212;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 22px;
    line-height: 150%;
}
.application_form .item .brick .geneder{}

.application_form .item .folder{
    position: relative;
}
.application_form .item .brick .folder{
    width: 48%;
    position: relative;
}
.application_form .item .folder:before{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(images/calendar.svg) no-repeat 50% 50%;
    background-size: 32px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -26px;
}

.application_form .item .brick .folder.input_tight:before{
    content:"";
    display: block;
    margin-top: -17px;
}

.application_form .item .brick .folder input{}

.application_form .item .brick .geneder input{
    position: absolute;
    opacity: 0;
    z-index: 1;
}
.application_form .item .brick label{
    font-size: 16px;
    color: rgba(18, 18, 18, 0.60);
    line-height: 150%;
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding-left: 45px;
    box-sizing: border-box;
    margin-right: 100px;  
}
.application_form .item .brick label.filelabel{
    padding-left:0; 
}
.application_form .item .brick label:last-child{
    margin-right: 0;
}
.application_form .item .brick input[type=radio] + label:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ecedee;
    border-radius: 50%;
    box-sizing: border-box;
}
.application_form .item .brick input[type=radio]:checked + label:after {
    position: absolute;
    background: #0d56cc;
    top: 50%;
    left: 0px;
    margin-top: -15px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-sizing: border-box;
}
.application_form .item .brick input[type=radio]:checked + label{
    font-weight: 700;
}

.application_form .item .brick .date{}


.application_form .item .brick .info-text{
    margin: 0;
    font-size: 16px;
    color: #121212;
    opacity: 0.6;
    line-height: 180%;
    margin-bottom: 15px;
}
.application_form .item .brick .file{
    width: 100%;
}
.application_form .item .brick .bri-mail{
    width: 48%;
    margin-bottom: 0;
}
.application_form .item .brick .info-text p{
    margin: 0;
}

.application_form .item .brick .faq{
    margin-bottom: 30px;
}

.application_form .item .brick .detail-call.provide{
    display: none;
}
.application_form .item .brick .detail-call.provide.active{
    display: block;
}

.application_form .item .accommod{}

.application_form .item .faq input,
.application_form .item .accommod input,
.application_form .item .bestblock input{
    position: absolute;
    opacity: 0;
    z-index: 1;
}
.application_form .item .accommod label,
.application_form .item .bestblock label{
    margin-bottom: 25px;
}


.application_form .item .fields .crow{
    width: 100%;
}
.application_form .item .fields .crow input{
    width: 48%;
}
.application_form .item .fields .crow .inner{
    width: 48%;
}
.application_form .item .fields .crow .inner span{
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 15px;
}
.application_form .item .fields .crow .inner input{
    width: 100%;
}

.application_form .item .indicate{}
.application_form .item .indicate p{
    margin: 0;
    color: #121212;
    font-size: 16px;
    line-height: 180%;
    opacity: 0.6;
    margin-bottom: 15px;
}
.application_form .item .indicate input.location{}




.application_form .item .conditions{}
.application_form .item .conditions .agreement{
    margin-bottom: 20px;
}
.application_form .item .conditions .agreement label{
    color: #121212;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
}
.application_form .item .conditions .agreement label span{
    color: #0d56cc;
    font-weight: 700;
    cursor: pointer;
}

.application_form .item .conditions .cond-text{
    margin-left: 26px;
    display: none;
}
.application_form .item .conditions .cond-text p{
    margin: 0;
    font-size: 12px;
    color: #121212;
    opacity: 0.6;
    margin-bottom: 20px;
    padding-left: 15px;
    position: relative;
}
.application_form .item .conditions .cond-text p:before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
    background: #bec2c6;
}
.application_form .item .conditions .cond-text p:last-child{
    margin-bottom: 0;
}
.application_form .item .conditions button.btn{
    margin-top: 30px;
}
#feedback_form .item .conditions button.btn,
#rating_form .item .conditions button.btn{
    margin-top: 0;
}

.application_form .item .conditions .detail-call{
    margin-bottom: 30px;
}
.application_form .item .input_tight input{
    margin-bottom: 0;
}


#xs_map {
    min-height: 328px;
    margin-bottom: 100px;
    border-radius: 8px;
    overflow: hidden;
}

#xs_map .ymaps-image{
    background-repeat: no-repeat;
}
#application_form .fancybox-close-small,
#feedback_form .fancybox-close-small,
#rating_form .fancybox-close-small,
.full_info .fancybox-close-small{
	display:none
}
#application_form, #feedback_form, #rating_form, .full_info {min-height:100vh}
#application_form .result.send .good_send,
#feedback_form .result.send .good_send,
#rating_form .result.send .good_send{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 50;
}
#application_form .result.send .good_send img,
#feedback_form .result.send .good_send img,
#rating_form .result.send .good_send img{
	max-width:340px;
	vertical-align:top;
}
#application_form .result.send .good_send > div,
#feedback_form .result.send .good_send > div,
#rating_form .result.send .good_send > div{
	max-width:460px;
	text-align:center;
	margin:20px
}
#application_form .result.send + .content_form,
#feedback_form .result.send + .content_form,
#rating_form .result.send + .content_form{
	display:none;
}
#application_form .result.send .good_send span,
#feedback_form .result.send .good_send span,
#rating_form .result.send .good_send span{
	font-size: 50px;
	font-weight: bold;
	display:block;
	line-height: 120%;
	color:#0d56cc;
	margin:40px 0;
	text-align:center;
}
.advantages-items .wrapper-items .item{
    width: 100%;
}
.advantages-items{
    padding-top: 70px;
}
.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-12{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.advantages-items .wrapper-items{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
}
.advantages-items .wrapper-items .item .icon{
    margin-bottom: 30px;
}
.advantages-items .wrapper-items .item .text{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    color: #121212;
}