html,body{
    font:14px Arial, sans-serif;
}
header>div,body>div>div, footer>div{
    width:960px;
    margin: 0 auto;
    position: relative;
}
header{
    top:0;
    left:0;
    position: fixed;
    width: 100%;
    padding: 20px 0;
    background: rgba(255,255,255, .95);
    z-index: 999;
}
body{
    padding-top: 100px;
}
header .logo, header .logo a{
    display: inline-block;
    vertical-align: middle;
}
header .slogan{
    font-style: italic;
    color: #666666;
    font-size: 13px;
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle;
}
header nav, header nav li, header nav li span{
    display: inline-block;
}
header nav{
    margin-left: 95px;
}
header nav li{
    border-left: 1px solid #e1e1e1;
    cursor: pointer;
}
header nav li:last-child{
    border-right: 1px solid #e1e1e1;
}
header nav span{
    font:bold 14px Arial,sans-serif;
    color: #acd462;
}
header nav span{
    font:bold 14px Arial,sans-serif;
    color: #acd462;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 5px 10px;
}
header nav span:hover, header nav span.active{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #61abd4;
    text-decoration: none;
}
.lang img{
    margin-right: 5px;
}
.lang{
    position: absolute;

    right: 10px;
    top: 14px;
    overflow: hidden;
    max-height: 13px;
    padding: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.lang span{
    color: #62abd5;
    font-weight: normal;
}
.lang:hover{
    box-shadow: 0 0 5px 0 #aaaaaa;
    max-height:inherit;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.lang span:hover{
    text-decoration: underline;
    cursor: pointer;
}
/* we best */
.we_best{
    background: url("../img/fon_1.png") 50% 0 no-repeat #1188DD;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}
.we_best>div{
    color:#ffffff;
    text-transform: uppercase;
    background: url("../img/rupor.png") no-repeat 0 50%;
    padding: 32px 0 32px 97px;
}
.we_best .pop_up{
    position: absolute;
    top:41px;
    right: 0px;
    font:15px Arial,sans-serif;
    padding: 10px;
    border:2px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    text-transform: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.we_best .pop_up:hover{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    /*color: #2e8ad9;*/
    box-shadow:inset 0 0 10px 0px #ffffff;
    /*text-shadow:0 0 1px #2e8ad9;*/
}
/* our_team */
.our_team{
    padding: 40px 0;
}
.our_team>div p.title{
    color: #9ac748;
    font:600 17px 'Open Sans', sans-serif;
    margin-bottom: 5px;
}
.our_team>div p{
    font:600 14px/23px 'Open Sans', sans-serif;
    color: #959595;
    margin-bottom: 10px;
}
.our_team>div{
    padding: 30px;
    box-shadow: 0 0 10px 0 #f5f5f5;
}
.our_team>div>div{
    text-align: center;
    padding-top: 20px;
}
.our_team>div>div p.title{
    font:30px Roboto,sans-serif;
    position: relative;
    margin-bottom: 10px;
}
.our_team>div>div p.title:after{
    position: absolute;
    display: block;
    content: " ";
    bottom:-5px;
    left: 50%;
    height: 1px;
    width: 72px;
    margin-left: -36px;
    background: url("../image/line.png") no-repeat;
}
.our_team > div > div > div{
    display: inline-block;
    width: 24%;
    position: relative;
}
.our_team>div>div>p{
    margin-bottom: 50px;
    text-transform: uppercase;
}
.our_team>div>div .name:after{
    display: block;
    content: " ";
    position: absolute;
    top:-13px;
    left: 50%;
    height: 1px;
    width: 72px;
    margin-left: -36px;
    background: url("../image/line.png") no-repeat;
}
.our_team>div>div .name{
    color: #9ac74a;
    font:600 17px 'Open Sans', sans-serif;
    position: relative;
    margin-top: 30px;
}
.our_team>div>div .work{
    color: #bababa;
    font:italic 14px Arial, sans-serif;
}
.skype, .phone{
    width: 16px;
    height: 16px;
    background: url("../img/contact.png") no-repeat;
    display: inline-block;
    cursor: pointer;
}
.phone{
    background-position: 100% 0;
}
/* partner */
.partner{
    box-shadow: inset 0 0 10px 0 #dddddd;
    background: url("../img/fon_2.png") no-repeat 50% 0/cover ;
    padding: 40px 0;
}
.partner>div{
    box-shadow: 0 0 10px 0 #dddddd;
    border-radius: 4px;
    background:#f6faff;
    padding: 20px;
}
.partner h2, .wr_map h2{
    color: #9ac748;
    font: 30px 'Roboto', sans-serif;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 20px 0;
}
.partner h2:after, .wr_map h2:after{
    display: block;
    content: " ";
    position: absolute;
    bottom:-7px;
    left: 50%;
    height: 1px;
    width: 72px;
    margin-left: -36px;
    background: url("../image/line.png") no-repeat;
}
.partner h2+p, .wr_map h2+p{
    text-align: center;
    text-transform: uppercase;
    font:600 15px 'Open Sans', sans-serif;
}
.partner p{
    margin: 10px 0;
    line-height: 20px;
}
.partner p.title{
    color: #9ac748;
    font:600 17px 'Open Sans', sans-serif;
    margin: 10px 0;
}
.partner li{
    background: url("../img/marker.png") no-repeat 8px 3px;
    padding-left: 25px;
    margin-bottom: 5px;
    list-style: none;
}
.partner span, .form input[type=submit]{
    font:bold 18px Arial,sans-serif;
    color:#673d00;
    display: inline-block;
    background: #fce375;
    background: -moz-linear-gradient(top,  #fce375 0%, #fd920a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce375), color-stop(100%,#fd920a));
    background: -webkit-linear-gradient(top,  #fce375 0%,#fd920a 100%);
    background: -o-linear-gradient(top,  #fce375 0%,#fd920a 100%);
    background: -ms-linear-gradient(top,  #fce375 0%,#fd920a 100%);
    background: linear-gradient(to bottom,  #fce375 0%,#fd920a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce375', endColorstr='#fd920a',GradientType=0 );
    border-radius: 4px;
    border-bottom:2px solid #ac7d40;
    padding: 15px 20px;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
}
.partner>div>div{
    text-align: center;
}
/* vacancy */
.partner.vacancy, .partner.vacancy>div{
    background: none;
    box-shadow: none;

}
.partner.vacancy>div{

}
.partner.vacancy p{
    margin: 10px 20px;
}
.wr_vac{
    display: inline-block;
    border-radius:4px;
    border:1px solid #abd3e4;
    padding: 10px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e4f3f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4f3f8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e4f3f8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e4f3f8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e4f3f8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e4f3f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4f3f8',GradientType=0 );
    text-align: left!important;
    margin: 0 25px 25px 0;
}
.wr_vac:nth-of-type(2n+2){
    margin: 0;
}
.wr_vac .info{
    color:#4da2d4;
    font:17px Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    width: 280px;
    padding: 10px;
}
.wr_vac .info p:first-child{
    position: relative;
    text-decoration: underline;
    margin-bottom:23px;
    font-size: 17px;
}
.wr_vac .info p{
    margin: 0;
    font-size: 20px;
}
.wr_vac .info p:first-child:after{
    content: " ";
    display: block;
    height: 1px;
    width: 131px;
    background: #dddddd;
    position: absolute;
    bottom:-13px;
}
/* wr_map */
.wr_map{
    border-top:1px solid #b6d5df;
    border-bottom:1px solid #b6d5df;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(244,250,251,0.8) 84%, rgba(227,243,248,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(84%,rgba(244,250,251,0.8)), color-stop(100%,rgba(227,243,248,0.8)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(244,250,251,0.8) 84%,rgba(227,243,248,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(244,250,251,0.8) 84%,rgba(227,243,248,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(244,250,251,0.8) 84%,rgba(227,243,248,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(244,250,251,0.8) 84%,rgba(227,243,248,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#cce3f3f8',GradientType=0 );
    padding: 10px 0;
    position: relative;
    z-index: 10;
    margin-bottom: -100px;
}
/* footer */
footer{
    text-transform: uppercase;
    color:#ffffff;
    background: url("../img/fon_3.png") no-repeat 0 0/cover;
    padding: 20px 0;
}
footer .wr_contact{
    display: inline-block;
    margin-right: 65px;
}
footer .wr_contact p{
    margin-bottom: 10px;
    font:17px 'Roboto', sans-serif;
}
footer .wr_contact a{
    color:#9ac748;
    text-decoration: underline;
}
footer .wr_contact a:hover{
    text-decoration: none;
}
footer .wr_social img{

}
footer .wr_social a{
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.form{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 378px;
    z-index: 20;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(77,162,210, .93);
}
.form>*{
    padding: 30px;
}
.form>div{
    background: rgba(0,0,0, .2);
    border-bottom: 3px solid #3577a3;
}
.form>div p{
    text-align: center;
    color:#8bd5ff;
    font-size: 16px;
    text-transform: none;
}
.form>div p.title{
    font-size: 21px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.form p.title{
    font-family: Roboto, sans-serif;
    color:#ffffff;
}
.form form p.title{
    font-size: 17px;
}
.form form p.title{
    font-size: 17px;
}
.form p{
    margin-bottom: 5px;
    position: relative;
}
.form form label{
    font-size: 14px;
    background: url("../img/radio.png") no-repeat 0 -25px;
    padding-left: 27px;
    text-transform: none;
    overflow: hidden;
    cursor: pointer;
}
.form form input[type=radio]{
    position: absolute;
    left: -999em;
}
.form form input[type=radio]:checked + label{
    background-position:0 0px;
}
.form textarea{
    display: block;
    resize: none;
    box-shadow: inset 0 0 5px 0 #b2d3ff;
    height: 118px;
    padding: 10px;
    border-radius: 5px;
    border: none;
    width: 100%;
    box-sizing: border-box;
}
.form input[type=submit]{
    margin: 20px 0 0 0;
    border-top: none;
    border-left: none;
    border-right: none;
}
/* slider */
.wr_control>div{
    cursor: pointer;
    width: auto;
    display: inline-block;
    margin-right: 14px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #000000;
}
.wr_control img{
    display: block;
}
.wr_control>div:last-child{
    margin: 0;
}
.wr_control{
    text-align: center;
    background: url("../img/fon_sl.png") no-repeat 0 0/cover;
    padding: 20px 0;
}
.wr_all{
    width: 1366px;
    overflow: hidden;
}
.wr_slides{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.wr_slides>div{
    position: relative;
    float: left;
}
.wr_slides:after{
    display: block;
    clear: both;
    content: " ";
}
.wr_slides>div>img{
    display: block;
}
.wr_slider .info{
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -463px;
    width: 920px;
    padding: 20px;
    border-radius: 10px;
    background: rgba(0,0,0,.7);
    color:#ffffff;
    box-sizing: border-box;
}
.wr_slider .info p.title{
    font:36px Roboto, sans-serif;
}
.wr_slider .info p{
    font:14px/22px Arial, sans-serif;
}
.wr_slider .info .wr_social{
    float: right;
    margin-top: 12px;
}
.wr_slider .info>div{
    display: inline-block;
    width: 469px;
    text-align: justify;
    vertical-align: top;
}
/*.wr_slider .count div{*/
    /*float: left;*/
/*}*/
.wr_slider .count p{
    float: right;
    margin-top: 4px;
    font:italic 13px Arial,sans-serif;
    width: 129px;
}
.wr_slider .info>div:last-child{
    width: 386px;
    margin: 13px 0 0 21px;
}
.count{
    background: #1b1b1b;
    padding: 13px;
    margin-bottom: 13px;
}
.count span{
    display: inline-block;
    background: url("../img/count.png") no-repeat;
    width: 25px;
    padding: 2px 0;
    text-align: center;
    font:25px Roboto, sans-serif;
    text-shadow: 0 -1px 0  #000000;
}
.play{
    font:bold 13px Arial,sans-serif;
    color:#000000;
    display: inline-block;
    background: #fce375;
    background: -moz-linear-gradient(top,  #fce375 0%, #fd920a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce375), color-stop(100%,#fd920a));
    background: -webkit-linear-gradient(top,  #fce375 0%,#fd920a 100%);
    background: -o-linear-gradient(top,  #fce375 0%,#fd920a 100%);
    background: -ms-linear-gradient(top,  #fce375 0%,#fd920a 100%);
    background: linear-gradient(to bottom,  #fce375 0%,#fd920a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce375', endColorstr='#fd920a',GradientType=0 );
    border-radius: 4px;
    padding: 15px 45px;
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 0 5px 0 #000000;
    cursor: pointer;
    margin-right: 28px;
}
.wr_slides a:hover{
    text-decoration: none   ;
}
.look{
    font:bold 13px Arial,sans-serif;
    color:#ffffff;
    float: right;
    display: inline-block;
    background: #4b4b4b;
    background: -moz-linear-gradient(top,  #4b4b4b 0%, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#3e3e3e));
    background: -webkit-linear-gradient(top,  #4b4b4b 0%,#3e3e3e 100%);
    background: -o-linear-gradient(top,  #4b4b4b 0%,#3e3e3e 100%);
    background: -ms-linear-gradient(top,  #4b4b4b 0%,#3e3e3e 100%);
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3e3e3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#fd920a',GradientType=0 );
    border-radius: 4px;
    padding: 15px 45px;
    text-shadow: 0 1px 0 #000000;
    box-shadow: 0 0 5px 0 #000000;
    cursor: pointer;
}
.create{
    display: none;
}
footer .create{
    position: absolute;
    display: block;
    bottom: 10px;
    right: 10px;
    width: 86px;
    color:#ffffff;
    font-size: 10px;
}
footer{
    position: relative;
}
.wrap_pop_up{
    background: rgba(0,0,0,.6);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.pop{
    position: fixed;
    left:50%;
    top: 50%;
    width: 900px;
    margin-left: -450px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 #000000;
    background: rgb(77, 162, 210);
    box-sizing:border-box;
    z-index: 9999;
    color:#ffffff;
    font-size: 18px;
    display: none;
}
.close{
    position: absolute;
    top: 5px;
    right: 5px;
    color:#000000;
    cursor: pointer;
}