/* Start:/company/style.css?16322004788427*/
.breadcrumb-wrapper{
	 border-bottom: none !important;
	 background: none !important;
}

/* ------  Баннер -------------*/
.top-big-banner.top-big-banner--company{
    background-image: url("/company/img/top-big-banner--company.jpg");
    //background-image: url("/company/img/top-big-banner--company.webp");
    background-position: center;
    min-height: 950px;
    height: 950px;
    background-size:100%;
}

.top-big-banner__inner{
     height: 100%;
     width: 100%;
     background-image: url("/company/img/Vector1.svg"),url("/company/img/Vector2.svg"),url("/company/img/Vector3.svg"),url("/company/img/Vector4.svg");
     background-position: center calc(100% + 50px), center calc(100% + 45px), center calc(100% + 75px), center calc(100% + 50px);
     background-repeat:no-repeat;
     padding-top: 300px;
}
.top-big-banner__inner .top-big-banner__title {
    line-height: 84px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-size: 96px;
    margin-top: 0;
    margin-bottom: 110px;
}

.top-big-banner .top-big-banner__body{
    line-height: 56px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-size: 48px;
}
@media screen and (max-width: 1700px){
    .top-big-banner.top-big-banner--company {
        min-height: 700px;
        height: 700px;
    }
    .top-big-banner__inner{
        padding-top: 150px;
    }
    .top-big-banner__inner .top-big-banner__title {
       font-size: 72px;
       margin-bottom:0px;
    }
    .top-big-banner .top-big-banner__body {
       font-size: 36px;
    }
}
@media screen and (max-width: 1400px){
    .top-big-banner.top-big-banner--company {
        min-height: 600px;
        height: 600px;
    }
    
}
@media screen and (max-width: 1240px){

    .top-big-banner__inner .top-big-banner__title {
        font-size: 56px;
    }
    .top-big-banner .top-big-banner__body{
        font-size: 22px;
    }
    .top-big-banner.top-big-banner--company{
       background-size: cover;
    }
}

@media screen and (max-width: 980px){
    .top-big-banner.top-big-banner--company{
        min-height: 550px;
        height: 550px;  
    }
    .top-big-banner__inner{
        padding-top: 75px;
    }
    .top-big-banner .top-big-banner__body{
         font-size: 22px;
         line-height: 30px;
    }
    .top-big-banner .top-big-banner__body br{
        display: none;
    }   
}





/* --Выполненые задачи -- */
.completed-tasks{
    background: linear-gradient(281.13deg, #D9E9FC 0.14%, #E0E9FB 32.88%, #E6E9FB 63.2%, #FAE9FE 116.56%);
    padding: 36px 0 36px;
}
.workarea__inner .completed-tasks .container{
      position: relative;
}
.completed-tasks__list{
    font-size: 24px;
    margin-top:45px;
    padding-left: 100px;
}
.completed-tasks .button{
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #F5F5F5;
    border-radius: 15px;
    text-shadow:none;
    margin-top:70px;
}
.tkl{
    background: url('/company/img/tkl.png');
    width: 366px;
    height: 524px;
    position: absolute;
    bottom: -36px;
    right: -70px;
    background-size: 100% auto;
}
.tkl-title{
    position: absolute;
    bottom: 7px;
    color: white;
    font-size: 12px;
    left: 113px;
    font-style: italic;
}
@media screen and (max-width: 1400px){
    .tkl{
        width: 290px;
        height: 416px;
        position: absolute;
        bottom: -36px;
        right: -25px;
        background-size: 100% auto;
    }
    .workarea__inner .completed-tasks .container{
        max-width: auto;
    }
    .completed-tasks__list{
       padding-left: 0;
    }
}
@media screen and (max-width: 980px){
    .completed-tasks .fs36{
        font-size: 22px;
    }
    .completed-tasks__list{
        font-size: 18px;
    }
}



/* Отзывы */

.section-clients{
    background: rgb(245,245,245);
}
.section-clients .block-shadow{
    transition: none;
    text-align: center;
    min-height: 527px;
}

.section-clients__img{
    width: 182px;
    height: 182px;
    background-size: cover;
    border-radius:50%;
    margin: 0 auto;
}

.section-clients__title{
    font-size: 26px;
    font-weight: bold;
    //line-height: 30px
}
.section-clients__subtitle{
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin-bottom: 20px;
}
.section-clients__text{
    margin-top: 10px;
    color: #545454; 
}

.section-clients__img.section-clients__img--1{
    background-image: url(/company/img/client1.jpg);
}
.section-clients__img.section-clients__img--2{
    background-image: url(/company/img/client2.jpg);
}
.section-clients__img.section-clients__img--3{
    background-image: url(/company/img/client3.jpg);
}
.section-clients .block-shadow:hover{
    transform: scale(1.2);
     box-shadow: #ccc 0px 8px 8px 0;
   /* margin: -30px -35px;
    //padding: 50px 55px;
    padding: 50px 20px;
    height: calc(100% + 60px);
   
    border-radius: 0px;
    min-height: 527px;*/
}

/** Сертификаты **/
#section-sert .image-popup > img{
    max-height: inherit;
}
#section-sert img{
    border: 1px solid #ccc;
}
#section-sert .image-popup
{
	padding: 10px 10px;
}

#section-sert .image-popup::before
{
	top:10px;
	left:10px;
}
/* Start:/include/for_pages/programm-for-who.css?1594292458769*/
.programm-detail__for-who{
    background: #F5F5F5;
}
.programm-detail__for-who .flex{
    flex-wrap: wrap;

    justify-content: center;
}
.programm-detail__for-who-item{
    background-color:#cda;
    width:calc( ( 100% - 80px ) / 3 );
    min-width:calc( ( 100% - 80px ) / 3 );
    margin:0 0 30px;
    padding: 25px 10px;
    /*max-width:340px;*/
}
.programm-detail__for-who-item:nth-child(3n-1){
    margin-left:40px;
    margin-right:40px;
}

@media screen and (max-width: 800px) {
    .programm-detail__for-who .flex{
       flex-direction: column;
    }
    .programm-detail__for-who-item{
       width:100%;
    }
    .programm-detail__for-who-item:nth-child(3n-1) {
        margin-left: 0px; 
        margin-right: 0px;
    }
}

.button.button-sm {
    padding: 7px 10px;
    font-size: small;
    min-width: 0;
}
.button.button-grey {
    background-color: #eee;
    color: #666;
    text-shadow: 1px -1px 0 #efefef;
}


/* End */

/* Направление деятельности */
/*.section-direction{
    background: rgb(245,245,245);
}
.direction-block{
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding: 35px 10px;
    
}
.direction-block__back{
    display: block;
    position: absolute;
    top: -15px;
    bottom: -15px;
    left: -20px;
    right: -20px;
    z-index: -1;
    padding: 30px 20px;
    background-size: cover;
    text-decoration: none !important;
    
}
.direction-block--rent1C .direction-block__back{
    background-image: url(/company/img/dir1_hover.jpg);
}
.direction-block--server1c .direction-block__back{
   background-image: url(/company/img/dir2_hover.jpg);
}
.direction-block--virt_server .direction-block__back{
   background-image: url(/company/img/dir3_hover.jpg);
}
.direction-block:hover .direction-block__back{
    z-index: 3;
}
.direction-block__front-wrapp-img{
    text-align: center;
     min-height: 110px;
}
.direction-block__back-title{
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    line-height: 21px;
}
.direction-block__back-text{
    font-size: 12px;
    color: #000;
    line-height: 12px;
}
.direction-block__back-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    font-size: 18px;
    color: white;
    background-color: #FF7F21;
    background-image:url('/company/img/arrow.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
}
@media screen and (max-width: 980px){
    .direction-block{
       margin-bottom: 15px;
       padding: 35px 10px 60px;
    }
    .direction-block__back{
        left: 0;
        right: 0;
        bottom: 0;
        top:0;
        z-index: 3;
    }   
}
*/

/* Контакт */
.section-contact .media-left{
    min-width: 78px;
    text-align: center;
    padding-right: 17px;
}
.section-contact .media-body{
    height: 60px;
}

/* End */


/* Start:/include/general/fonts/roboto/roboto.css?15724294742279*/
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('/include/general/fonts/roboto/Robotothin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/include/general/fonts/roboto/Robotothinitalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('/include/general/fonts/roboto/Robotolight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/include/general/fonts/roboto/Robotolightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('/include/general/fonts/roboto/Roboto.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'), url('/include/general/fonts/roboto/Robotoitalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('/include/general/fonts/roboto/Robotomedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/include/general/fonts/roboto/Robotomediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/include/general/fonts/roboto/Robotobold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/include/general/fonts/roboto/Robotobolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('/include/general/fonts/roboto/Robotoblack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/include/general/fonts/roboto/Robotoblackitalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

/* End */


/* Start:/include/for_pages/privilege3.css?1594276375473*/
/* ------  Инфа после баннера -------------*/

.section-company-e24 .media{
    min-height: 100px;
}

.section-company-e24 .media-heading{
    color: #3069B0;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 0;
}
.section-company-e24 .media-left{
    vertical-align: top;
    height: 105px;
    min-width: 125px;
    text-align: center;
}

.section-company-e24 .media-body{
    font-size: 14px;
}

/* End */


/* Start:/include/for_pages/privilege2.css?15942748491849*/
/** - Преимущества - **/
.section-privilege h2{
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    color: #2F2F2F;
    margin: 0;
    padding-bottom: 0;
}

.section-privilege__block{
    text-align: center;
    color: #6A6A6A;
    margin-top:50px;
}
.section-privilege__block:hover{
    color: #3C3C3C;
}


.section-privilege__img{
    height: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
.section-privilege__block--reliability .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv1.png);
}
.section-privilege__block--reliability:hover .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv1_hover.png);
}

.section-privilege__block--economy .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv2.png);
}
.section-privilege__block--economy:hover .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv2_hover.png);
}
.section-privilege__block--controll .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv3.png);
}
.section-privilege__block--controll:hover .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv3_hover.png);
}
.section-privilege__block--comfort .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv4.png);
}
.section-privilege__block--comfort:hover .section-privilege__img{
    background-image: url(/include/for_pages/images/privilege2/priv4_hover.png);
}

.section-privilege__title{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 35px;
    color: #000000;
}
.section-privilege__block:hover .section-privilege__title{
    color: #000000;
}
.section-privilege__text{
    font-size: 18px;
    line-height: 21px;
}

/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1561017947666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */
/* /company/style.css?16322004788427 */
/* /include/general/fonts/roboto/roboto.css?15724294742279 */
/* /include/for_pages/privilege3.css?1594276375473 */
/* /include/for_pages/privilege2.css?15942748491849 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1561017947666 */