@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helveticaneuecyr-roman-webfont.eot');
    src: url('../fonts/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneuecyr-roman-webfont.woff') format('woff'),
        url('../fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype'),
        url('../fonts/helveticaneuecyr-roman-webfont.svg#helveticanuen') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticb';
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot');
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'),
        url('../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype'),
        url('../fonts/helveticaneuecyr-bold-webfont.svg#helveticanuen-b') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticm';
    src: url('../fonts/helveticaneuecyr-medium.eot');
    src: url('../fonts/helveticaneuecyr-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneuecyr-medium.woff') format('woff'),
        url('../fonts/helveticaneuecyr-medium.ttf') format('truetype'),
        url('../fonts/helveticaneuecyr-medium.svg#helveticanuen-b') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetical';
    src: url('../fonts/helveticaneuecyr-light-webfont.eot');
    src: url('../fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneuecyr-light-webfont.woff') format('woff'),
        url('../fonts/helveticaneuecyr-light-webfont.ttf') format('truetype'),
        url('../fonts/helveticaneuecyr-light-webfont.svg#helveticanuen-l') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaul';
    src: url('../fonts/helveticaneuecyr-ultralight-webfont.eot');
    src: url('../fonts/helveticaneuecyr-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneuecyr-ultralight-webfont.woff') format('woff'),
        url('../fonts/helveticaneuecyr-ultralight-webfont.ttf') format('truetype'),
        url('../fonts/helveticaneuecyr-ultralight-webfont.svg#helveticanuen-ul') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    padding: 0px;
    margin: 0px;
}
a{
    text-decoration: none;
}
div.slideB,div.slideC{
    height: 850px;
    max-height: 850px;
}
a.logotype{
    background-color: #040503;
    width: 94px;
    height: 94px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}
a.logotype span.imlogo{
    background: url(../images/logo_altwork.png) no-repeat;
    display: block;
    margin: 19px auto auto;
    width: 63px;
    height: 56px;
}
div.imagesA{
    background: url(../images/main_kolaj.jpg) no-repeat center; 
    width: 100%;
    height: 100%;
    position: absolute;   
     
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size:cover ; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover ; /* Opera 9.6+ */
    background-size: cover  ; /* Современные браузеры */   
    display: none;
}
div.bg{
    background: url(../images/main_aliance_03.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute; 
    z-index: 1;
}
div.imagesB{
    background: url(../images/pict_center_aliance.jpg) no-repeat center;   
    height: 850px;
    width: 100%;
    height: 850px;
    position: absolute;    
        max-height: 850px;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size:cover ; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover ; /* Opera 9.6+ */
    background-size: cover  ; /* Современные браузеры */
}
div.imagesC{
    background: url(../images/tab_pict_aliance.jpg) no-repeat center; 
    height: 850px;
    width: 100%;
    height: 850px;
    position: absolute;    
    max-height: 850px;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size:cover ; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover ; /* Opera 9.6+ */
    background-size: cover  ; /* Современные браузеры */
}
div.content{
   /* width: 960px;*/
    left: 50%;
    margin-left: -480px ;
    position: absolute;
    white-space: nowrap;
    color: #fff;
    z-index: 2;
}
div.content div{
    display:inline-block ; *display: inline; *zoom:1;
    vertical-align: top;  
    white-space: normal;
}
div.content div.textA{
    font-size: 63px;
    border-right: 2px solid #fff;
    font-family: 'helveticaul';
    padding-left: 93px;
    padding-right: 40px;
    width: 343px;
    line-height: 65px;
    text-transform: uppercase;
}
div.content div.textA span{
    color: #da3a31;
    display: block;
    font-family: 'helveticaul';
}
div.content div.textB{
    font-family: 'helvetical';
    width: 436px;
    padding-left: 40px;
    line-height: 20px;
    font-size: 18px;
}
div.content div.textB a{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'helveticb';
    margin-top: 30px;
    display:inline-block ; *display: inline; *zoom:1;
}
a.arrow{
    background-color: #da3a31;
    width: 35px;
    height: 55px;
    display: block;
    bottom: 0px;
    left: 50%;
    margin-left: -17px;
    position: absolute;
    z-index: 4;
}
span.imgarrow{
    background: url(../images/arrow_down.png);
    width: 23px;
    height: 13px;
    display: block;
    margin: 0px auto auto;
    margin-top: 22px;
}
div.contentC{
    width: 960px;
    left: 50%;
    margin-left: -480px ;
    position: absolute;
    margin-top: 55px;
}
div.textC{
    color: #fff;
    font-size: 54px;
    font-family: 'helveticaul';
    width: 365px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
}

/*div.bg{
    display: none;
}
*/
div.slideA {
    overflow: hidden;
}

@media (min-width:240px){
    div.slide{
         
    }
   div.images{
      /*  -moz-background-size: contain ;
    -webkit-background-size:  contain ;
    -o-background-size: contain ; 
    background-size:  contain ;   
    */
    }
   
    div.imagesA{
        display: block;
    }
    div.video{
        display: none;
    }
    div.content{
      /*  width: 312px; */
        white-space: normal;
        margin-left: -176px;
        margin-top: 20px;
    }
    div.content div.textA{
        border: 0px solid #fff;
        padding-left: 45px;
        font-size: 39px;
        line-height: 45px;
        width: 238px;
    }
    div.content div.textB{
        padding-top: 25px;
        width: 260px;
        font-size: 14px;
    }
   /* div.bg{
        display: block;
    }
   */
    div.contentC{
        width: 274px;

        left: 0px;
        margin-left: 20px;    
    }
    div.textC{
        width: 270px; 
        font-size: 40px;
    }
}
@media (min-width:480px){
    div.content{
       /* width: 460px; */
    }
    div.content div.textB{
        width: 322px;
        font-size: 18px;
        line-height: 23px;
    }
    div.content{
        margin-top: 0px;
    }
    div.content div.textA {
        font-size: 45px;
        line-height: 49px;
    }
}
@media (min-width:640px){
    div.content div.textA{
        font-size: 50px;
        line-height: 50px;
    }
}

@media (min-width:1000px){
    div.video{
        display: block;
        position: fixed;
    }
    div.imagesA{
        display: none;
    }
   /* div.bg{
        display: none;
    }
   */
    div.content{
       /* width: 960px; */
        white-space: normal;
        margin-left: -480px;

    }
    div.content div.textB{
        padding-top: 0px;
    }
    div.content div.textA{
        border-right: 2px solid #fff;
        padding-left: 93px;
        font-size: 63px;
        line-height: 65px;
        width: 343px;
    }
    div.contentC {
        width: 960px;
        left: 50%;
        margin-left: -480px;
    }
    div.textC{
        font-size: 54px;
        width: 365px;
    }
 
}