/**
   Файл:    <шаблон>/css/company/about.css
   Раздел:  Стили страницы "О компании"
   Автор:   BVP
 */

/*  Cтруктура */
#sc-cover {
    position:       relative;
    width:          100%;
    height:         100vh;
    overflow:       hidden;
    text-align:     center;
    vertical-align: middle;
    background:     #000;
}

/* фоновое изображение */
#sc-bg {
    position: relative;
    width:    100%;
    height:   100vh;
    opacity:  0;
    vertical-align: middle;
    background-repeat:       no-repeat;
    background-attachment:   fixed;
    transform:         translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform:    unset;
}
#sc-bg.loaded {
    opacity: 1;
    -webkit-transition: opacity 700ms;
     -moz-transition:   opacity 700ms;
     -o-transition:     opacity 700ms;
     transition:        opacity 700ms;
}

/* фильтр фонового изображения (окно) */
#sc-filter {
    position: absolute;
    top:      0;
    left:     0;
    width:    100%;
    height:   100%;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f000000', endColorstr='#7f000000');
}

/*  Информация */
#sc-slides {
    position: absolute;
    width:    100%;
    height:   100%;
    top:      0;
}
#sc-slides > div {
    position: absolute;
    top:      0;
    bottom:   0;
    left:     0;
    right:    0;
}

/*  "О компании" */
#sc-center {
    display:        table-cell;
    height:         100vh;
    vertical-align: middle;
    text-align:     center;
    padding-bottom: 10%;
}
#sc-header {
    font-size:     3.3em;
    margin-bottom: 5%;
}
#sc-line {
    margin:        0 40%;
    border-bottom: solid 1px;
}
#sc-preview {
    padding:     0 15%;
    font-size:   1.3em;
    line-height: 1.55em;
    margin-top:  4%;
}

/*  Предисловие */
.arba-content {
    padding:     7% 10% 5%;
    font-size:   1.15em;
    line-height: 1.55em;
}

/*  Раздел страницы */
.arba-section {
    padding: 3% 0;
}
.arba-section h2 {
    margin:     0;
    font-size:  2.4em;
    text-align: center;
}
.arba-image > img {
    width: 100%;
}

/*  Награды */
#arba-awards {
    display: none;
}
.arba-award {
    float:   left;
    display: block;
    width:   25%;
    padding: 3%;
}

/*  Благодарности */
#arba-thanks {
    display: none;
}
.arba-thanks {
    float:   left;
    display: block;
    width:   16.6666%;
    padding: 3%;
}

/*  Клиенты */
#arba-clients {
    display:  none;
    overflow: hidden;
    margin:   10% 0 5%;
}
.arba-client {
    float:   left;
    display: block;
    width:   33.3333%;
    padding: 2%;
    text-align: center;
}
.arba-client > img {
    display:   inline-block;
    margin:    0 auto;
    max-width: 160px;
}
.arba-client.arbac-bottom {
    border-bottom: solid 1px #bebebe;
}
.arba-client.arbac-right {
    border-right: solid 1px #bebebe;
}


@media (max-width: 1000px) 
{
    #sc-header {
        font-size:     3em;
        margin-bottom: 7%;
    }
    #sc-line {
        margin: 0 35%;
    }
    #sc-preview {
        padding:     0 10%;
        font-size:   1.25em;
        margin-top:  5%;
    }
}

@media (max-width: 700px) 
{
    #sc-header {
        font-size:     2.7em;
        margin-bottom: 8%;
    }
    #sc-line {
        margin: 0 37%;
    }
    #sc-preview {
        padding:     0 6%;
        font-size:   1.2em;
        margin-top:  6%;
    }
    .arba-content {
        padding:   7% 8% 5%;
        font-size: 1.1em;
    }
    .arba-award {
        width:   33.3333%;
        padding: 5%;
    }
    .arba-thanks {
        width:   33.3333%;
        padding: 5%;
    }
}

@media (max-width: 500px) 
{
    #sc-header {
        font-size:     2.5em;
        margin-bottom: 10%;
    }
    #sc-line {
        margin: 0 35%;
    }
    #sc-preview {
        padding:     0 4%;
        font-size:   1.15em;
        margin-top:  7%;
    }
    .arba-content {
        padding:   7% 5% 5%;
        font-size: 1.05em;
    }
}

@media (max-width: 450px) 
{
    .arba-award,
    .arba-thanks {
        width:   50%;
        padding: 5%;
    }
}