body {
    padding-top: 0px;
    padding-bottom: 0px;
    background: none;
    min-width: 1200px;
}
      .nav-pills > li >a {
        font: normal 13px Arial;
      }
    .nav_line{
        background-color: #1b242a;
            -moz-box-shadow:0px 0px 4px #000000;
            -webkit-box-shadow:0px 0px 4px #000000;
            box-shadow:0px 0px 4px #000000;
        display: table;
        width: 100%;
        position: relative;
    }

    .i_led{ background: url(../img/index/icon_01.png); margin: 0 auto; }
    .i_sport{ background: url(../img/index/icon_05.png);  margin: 0 auto; }
    .i_referee{ background: url(../img/index/icon_04.png);  margin: 0 auto; }
    
    .i_rent{ background: url(../img/index/icon_03.png);  margin: 0 auto;}
    .i_azs{ background: url(../img/index/icon_02.png);  margin: 0 auto;}
    .i_media{ background: url(../img/index/icon_06.png);  margin: 0 auto;}
    
    
    .nav-pills>li>a:hover .i_led{ background-position: 0px -101px; }
    .nav-pills>li>a:hover .i_sport{  background-position: 0px -101px;}
    .nav-pills>li>a:hover .i_referee{   background-position: 0px -101px;}
    .nav-pills>li>a:hover .i_rent{   background-position: 0px -101px;}
    .nav-pills>li>a:hover .i_azs{   background-position: 0px -101px;}
    .nav-pills>li>a:hover .i_media{   background-position: 0px -101px;}


.back_line{
    background: url(../img/index/back_liner.jpg) no-repeat center bottom;
    height: 500px;
}
.back_line a:hover{
    text-decoration: none;
}
.icon_line{
    float: left;
    width: 226px;
    height: 353px;
    border: solid 3px #ffffff;
    margin-top: 60px;
}

.icon_line:hover{
    border: solid 3px #4ca9e1;
    background-color: #4ca9e1;
    opacity: 0.7;
}

.icon1{
    background: url(../img/index/icon_line2.png) no-repeat;  background-position: -7px 60px;
}
.icon2{
    background: url(../img/index/icon_line2.png) no-repeat;  background-position: -240px 60px;
    margin-left: 17px;
}
.icon3{
    background: url(../img/index/icon_line2.png) no-repeat;  background-position: -495px 60px;
    margin-left: 17px;
}
.icon4{
    background: url(../img/index/icon_line2.png) no-repeat;  background-position: -733px 60px;
    margin-left: 17px;
}
.icon5{
    background: url(../img/index/icon_line2.png) no-repeat;  background-position: -972px 60px;
    margin-left: 17px;
}

.icon_line_txt{
    width: 100%;
    text-align: center;
    font: normal 26px Conv_HeliosCondLightC;
    color: #ffffff;
    margin-top: 220px;
}
.icon_line_txt span{
    display: table;
    width: 100%;
    clear: both;
    font: normal 20px Tahoma;
}

.back_line2{
    background-color: #fff;
    height: 500px;
}
.back_line2 h1{
    font: normal 60px "Conv_HeliosCondLightC",Tahoma;
    color: #1b242a;
    text-align: center;
    margin-top: 60px;
}
.ico_circle{
    display: block;
    width: 267px;
    height: 267px;
    background: url(../img/index/circle2.png);
    float: left;
    margin-top: 46px;
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
   
}
.ico_circle_txt1{
    display: table;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    font: normal 23px Tahoma;
    color: #1b242a;
    text-align: center;
    padding-top: 29px;
    margin-top: 10px;
}
.ico_circle_txt2{
    display: table;
    margin: 0 auto;
    font: normal 90px Tahoma;
    color: #1b242a;
    text-align: center;
}
.ico_circle_txt3{
    display: table;
    margin: 0 auto;
    font: normal 23px Tahoma;
    color: #1b242a;
    text-align: center;
}
.reason {
    margin-top: 54px;
}
.reason h1{
    font: normal 45px Conv_HeliosCondLightC,Tahoma;
    text-align: center;
}
.onScreen .ico_circle{
    opacity: 1;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease; /** Chrome & Safari **/
    -moz-transition: all 500ms ease; /** Firefox **/
    -o-transition: all 500ms ease; /** Opera **/
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    
}
.reason img{
    width: 153px;
    transform: rotateZ(40deg);
    -webkit-transform: rotateZ(40deg); /** Safari & Chrome **/
    -o-transform: rotateZ(40deg); /** Opera **/
    -moz-transform: rotateZ(40deg); /** Firefox **/  
}
.onScreen img{
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease; /** Chrome & Safari **/
    -moz-transition: all 600ms ease; /** Firefox **/
    -o-transition: all 600ms ease; /** Opera **/

    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg); /** Safari & Chrome **/
    -o-transform: rotateZ(0deg); /** Opera **/
    -moz-transform: rotateZ(0deg); /** Firefox **/ 
}

.green_line {
    display: table;
    margin-top: 80px;
    width: 100%;
    background: url(../img/index/bg_green.jpg);
}
.green_line h1 {
    font: normal 50px Conv_HeliosCondLightC,Tahoma;
}

.back_line3{
        background: url(../img/index/back_liner2.jpg) no-repeat center bottom;
}
.install h1 {
    font: normal 40px Conv_HeliosCondLightC,Tahoma;
    color: #ffffff;
    text-align: center;
    margin: 50px 0px;
}
.block_install_txt {
    font: normal 15px Arial;
    color: #ffffff;
    width: 70%;
    display: table;
    float: left;
    margin-left: 9px;
}

.slick-prev{
    width: 80px;
    height: 80px;
    background: url(../img/index/slider_arrow2.png);
    margin-top: -40px;
    margin-left: -61px;
}
.slick-next{
    width: 80px;
    height: 80px;
    background: url(../img/index/slider_arrow2.png) 82px 0px;
    margin-top: -40px;
    margin-right: -54px;
}
.slick-prev:hover{
    background: url(../img/index/slider_arrow2.png) 0px -90px;
}
.slick-next:hover{
    background: url(../img/index/slider_arrow2.png) 82px -90px;
}
.slick-dots{ display: none;}
.slick-dots li{ display: none;}    
.block_support{
    opacity: 0;
    position: relative;
    bottom: -80px;
}
.onScreen .block_support{
    transition: all 800ms ease;
    -webkit-transition: all 800ms ease; /** Chrome & Safari **/
    -moz-transition: all 800ms ease; /** Firefox **/
    -o-transition: all 800ms ease; /** Opera **/
    
    opacity: 1;
    bottom: 0px;
}
.block_install{
    opacity: 0;
    position: relative;
    left: -80px;
}
.onScreen .block_install{
    transition: all 800ms ease;
    -webkit-transition: all 800ms ease; /** Chrome & Safari **/
    -moz-transition: all 800ms ease; /** Firefox **/
    -o-transition: all 800ms ease; /** Opera **/
    
    opacity: 1;
    left: 0px;
}   
.slider {
    color: #ffffff;
    margin-top: 75px;
    width: 90%;
    margin: 0 auto;
}
.slider h1 {
    font: normal 50px Conv_HeliosCondLightC,Tahoma;
    color: #ffffff;
    text-align: center;
    margin: 50px 0px;
}
.slider h2 {
    font: bold 25px Arial;
    color: #ffffff;
    margin-top: 22px;
}

.block_gallerys{
    display: table;
    width: 960px;
    
}
.block_gallerys img{
    float: left;
}
.block_gallerys div{
    float: left;
    font: bold 18px Arial;
    margin: -26px 0px 0px 40px;
}

.block_gallery {
    float: left;
    width: 500px;
    height: 306px;
    background-size: cover;
    margin: 0px;
}
.back_color_line{
    width: 100%;
    height: 7px;
    background: url(../img/index/back_color_line.jpg) repeat-x;
    display: table;
}  
.reason{
    width: 100%;
}
.logo_clients{
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.logo_clients div{
    display: table;
    clear: both;
    margin: 10px auto;
}
.logo_clients img{
        width:auto;
        max-width:120px;
        height:auto;
        float: left;
        margin: 0 20px;
}  
.btn_all_p{
    display: block;
    width: 168px;
    height: 45px;
    background: url(../img/index/btn_all_p.png) repeat-x;
    float: right;
}