/************Слайдер на главной*************/
.index-slider {float:left; padding-bottom:20px; background:url(/images/services-bg.jpg) no-repeat top left 20%}

.index-block-afterslider,
.index-slider{width:100%;}

.index-slider  .jcarousel-wrapper {

    position: relative;
}
.jcarousel-index ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
    float:left;
}
.index-slider li {
    float: left;
}

.index-slider .jcarousel-wrapper{width: 100%;padding: 0px;box-sizing: border-box;padding-left: 320px;}
.index-slider .jcarousel-wrapper li{overflow: hidden;height: 310px;position: relative;     }
.index-slider .jcarousel-wrapper img{width: 95%; /*display:none;*/}
.jcarousel-control-prev-index{background: url(../../../images/index-slider-left.png) left center;width: 13px;height: 24px;position: absolute;left:10px;font-size: 0px;top:50%;margin-top: -12px;}
.jcarousel-control-next-index{background: url(../../../images/index-slider-right.png) left center;width: 13px;height: 24px;position: absolute;right:10px;font-size: 0px;top:50%;margin-top: -12px;}

.jcarousel-pagination-index{text-align: right;margin: 10px 0; opacity:0.8;}
.jcarousel-pagination-index a{background: url(../../../images/index-slider-page2.png) center no-repeat;width: 22px;height: 21px;font-size: 0px;display: inline-block;margin: 0px 10px;}
.jcarousel-pagination-index a.active{background: url(../../../images/index-slider-page1.png) center no-repeat;width: 22px;height: 21px;}



.index-slider .string-1{font-size: 21px;line-height: 30px;margin-top: 0px;position: relative; z-index: 2; width: 60%; color:#fff;}
.index-slider .string-1 a, .index-slider .string-1 a:hover, .index-slider .string-3 a.slider-button{color:#fff; text-decoration:none;}
.index-slider .string-1:after {
    background: rgb(41, 177, 124) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 10px auto 0;
    width: 80px;
    left:0px;position: absolute;
}
.index-slider .dop_string {color:#bdc1cc; margin-top:35px; font-size:14px; line-height:20px; width:60%;}



.index-slider .string-2{color:#bdc1cc;font-size: 14px; position: absolute;left:170px;bottom: 9px; z-index:1}
.index-slider .slide-image img{width: auto!important;height: 225px;}
.index-slider .slide-image{position: absolute;right:0px;bottom: 0px; z-index:1}

.index-slider .string-3 a.slider-button{padding: 8px 35px; position:absolute; bottom:35px; right:15px; z-index:3; /*background:#FFECB9; color:#2a2f36*/}


.head-navigation{overflow: visible!important; position: absolute!important;top:0px;left:0px;}
.head-navigation .elemnav{float:left;width: 280px;background: transparent;clear: left;text-align: left;padding: 10px 14px;margin-bottom: 10px;cursor: pointer;font-size: 15px; line-height:18px;/*opacity: 0.6;*/box-sizing: border-box;border:1px solid  #59616C;color:#fff;     background: rgba(0,0,0,0.2);}

.head-navigation .elemnav.active{    opacity: 1;
    position: relative;
    background: #5988bd;
    color: #fff;
    border-color: #5988bd;
}
.head-navigation .elemnav.active:before{
    border-bottom: 20px solid rgba(0, 0, 0, 0);
    border-left: 15px solid #5988bd;
    border-top: 20px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: -16px;
    top: -1px;
    width: 0;
}


.zagolovok_act {font-size:36px; line-height:40px; font-weight:bold; color:#fff; margin: 45px 0;}
.zagolovok_act span {/*background: rgba(0,0,0,0.3);*/ padding:0 10px 5px 10px;}

.indexaction-bg {background: rgba(0,0,0,0.3); width:100%; height:292px;}

.indexactionleft {width:44%; float:left; padding:2%;}
.indexactionright {width:48%; float:right; padding:2%; text-align:right; color:#fff;}


.indexaction-h1 {font-size: 22px; line-height: 24px; font-weight: bold; text-align: right; margin-bottom:25px; color:#FFECB9}
.indexaction-h2 {margin-bottom:20px; font-size:18px; font-weight:bold;}
.indexaction-h3 {margin-top:10px; font-size:14px; line-height:15px;}

.videooverflow2 {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
		max-width:560px;}
.videooverflow2 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;}
.primer_rolika {position:absolute; right:15px; bottom:30px; max-width:149px;}