/* blocks.css

 * Стили блоков сайта, основной рабочий файл

 *

 */

.fixed-logo a {

   background-image: url('./img/logo.png');

   position: fixed;

   z-index: 99;

   width: 252px;

   height: 90px;

   top:0;

   left: 0;

}
.cookiebox{
    max-width: 900px;
    margin: auto;
    display: flex;
    flex-direction: row;
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 15px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
}

.cookie-content {
    flex: 1;
    margin-right: 20px;
    font-size: 16px;
    line-height: 125%;
}
.cookie-content a{
    color:#008499 ;
    text-decoration: none;
}
.cookie-button {
    background: #008499;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 40px;
    font-weight: 700;
    border:2px solid #008499;
}

.cookie-button:hover {
    background: white;
    border:2px solid #008499;
    color: #008499;
}

@media (max-width: 768px) {
    .cookie-banner {
        flex-direction: column;
        text-align: center;
    }
    
    .cookie-content {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .cookiebox{
        max-width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
}

.arrow a {

    background:url('./img/arrow-white.png') 0px 0px no-repeat;

    width: 41px;

    height: 41px;

    margin: 0 auto;

    display: none;

}

.fs-smallest {

  font-size: 14px;

}

.mt-6 {

  margin-top: 4rem;

}

.arrow a:hover{

    background:url('./img/arrow-grey.png') 0px 0px no-repeat;

}



.l-header, .l-header>div {

    max-height: 400px;

}

.l-header .arrow{

    position: absolute;

    bottom: 80px;

    width: 100%;

}

.l-header .arrow a{

    position: relative;

    z-index: 99;

}

#myVideo {

    position: absolute;

    right: 0;

    bottom: 0;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    /*background-size: 100% 100%;

    background-color: #fff;

    background-image: url('../../img/video-bg.png');

    background-position: center center;

    /*background-size: contain;*/

    background-repeat: no-repeat;

    object-fit: cover;

    z-index: 3;

}

.section {

    padding-top: 40px;

    padding-bottom: 40px;

}

.color-white {

    color: #fff;

}

.b-content{

    max-width: 343px;

    margin: 0 auto;

    position: relative;

}

.b-content-top-menu{

    background:url('./img/menu.png') 0px 0px;

    width: 26px;

    height: 26px;

    position: absolute;

    top:0;

    right: -50px;

    cursor: pointer;

}

.b-content-top-menu a {

    width: 26px;

    height: 26px;

    display: block;

    overflow: hidden;

}

.b-content-top-menu:hover{

    background-position: 27px 0px;

}

    .b-content-top {

        display: grid;

        grid-template-columns: repeat(1, auto);

        margin-bottom: 30px;

    }

    .b-content-bottom {

        margin-bottom: 30px;

    }

    .b-content-top .b-content-mobile {

        /*width: 230px;*/

        height: 300px;

        cursor: pointer;

        display: flex;

        padding: 24px;

        color: #fff;

    }

    .b-content-top .b-content-mobile b {

        font-size: 24px;

        font-style: normal;

        font-weight: 700;

        line-height: 110%;

    }

    .b-content-top .b-content-mobile p {

        font-size: 20px;

        font-style: normal;

        font-weight: 350;

        line-height: 110%;

    }

    .b-content-top .b-content-mobile a {

        color: #fff;

        text-decoration: none;

        font-size: 20px;

    }

    .b-content-top .b-content-mobile.bg-yellow {

        color: #000;

    }

    .b-content-top .b-content-mobile.bg-yellow a {

        color: #000;

    }

    .b-content-item {

        /*width: 230px;*/

        height: 300px;

        cursor: pointer;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .b-content-item a{

        color: #fff !important;

    }

        .b-content-item-title{

            color: #fff;

            line-height: 22px;

            font-size: 22px;

            text-align: center;

        }

        .b-content-item-hover-block {

            display: none;

            color: #fff;

            font-size: 20px;

            line-height: 20px;

            max-height: 240px;



        }

        .b-content-item-hover-block a {

            width: 240px;

            height: 240px;

            /*padding: 20px 20px;*/

            box-sizing: border-box;

            -moz-box-sizing:border-box;

            -webkit-box-sizing:border-box;

            display: block;

            text-decoration: none !important;

        }

        .b-content-item.item1 .b-content-item-hover-block {

            width: 240px;

            height: 240px;

            padding: 20px 20px;

            box-sizing: border-box;

            -moz-box-sizing:border-box;

            -webkit-box-sizing:border-box;

            text-decoration: none !important;

        }

        .b-content-item-hover-block a span{

            color:#B8B8B8 !important

        }

        .b-content-item:hover .b-content-item-title{

            display: none;

        }

        .b-content-item:hover .b-content-item-hover-block{

            display: block;

        }

        .b-content-item.item1{

            background:url('./img/it-ico300.png') 1px 0px no-repeat;

        }

        .bg-grey {

            background: #4c4c4e;

        }

        .b-content-item.item2, .bg-red {

            background: #EE2B53;

        }

        .b-content-item.item3, .bg-cian {            

            background: #008399;

        }

        .b-content-item.item4, .bg-yellow {            

            background: #FDB515;

        }

        .b-content-item.item5, .bg-violet {

            background: #642c8f;

        }

        .b-content-item.item6, .bg-red2 {

            background: #ed2552;

        }

        .b-content-item.item1:hover, 

        .b-content-item.item2:hover, 

        .b-content-item.item3:hover, 

        .b-content-item.item4:hover, 

        .b-content-item.item5:hover, 

        .b-content-item.item6:hover{

            background: #4c4c4e;

        }

.b-client {

    max-width: 343px;

    margin: 0 auto;

}

    .b-client h2 {

        text-align: center;

        color: #fff !important;

        font-size: 28px;

        line-height: 28px;

        margin: 0;

    }

    .b-client-block{

        font-size: 20px;

        background: #f0f0f1;

        margin-top: 20px;

        /*overflow: hidden;*/

        margin-bottom: 30px;

        position: relative;

    }

        .b-client-block-menu{

            background:url('./img/menu.png') 0px 0px;

            width: 26px;

            height: 26px;

            position: absolute;

            top:0;

            right: -50px;

            cursor: pointer;

            display: none;

        }

        .b-client-block-menu:hover{

            background-position: 27px 0px;

        }

        .b-client-block-menu a{

            width: 26px;

            height: 26px;

            display: block;

        }

    .b-client-item{

        width: 240px;

        height: 240px;

        cursor: pointer;

        float: left;

    }

    .b-client-item-pic{

        display: table-cell;

        height: 240px;

        width: 240px;

        vertical-align: middle;

        border-top: 1px solid #fff;

        border-left: 1px solid #fff;

    }

    .b-client-item:nth-child(4n) .b-client-item-pic, .b-client-item:first-child .b-client-item-pic{

        border-left: 0px solid #fff;

    }

        .b-client-item-pic-wrap{

            text-align: center;

        }

.b-footer {

    max-width: 343px;

    margin: 0 auto;

    padding-bottom: 100px;

}

    .b-footer h2 {

        text-align: left;

        color: #fff !important;

        font-size: 28px;

        line-height: 28px;

        margin: 0;

    }

    .b-footer-block {

        background: #fff;

        position: relative;

        margin-top: 20px;



    }

        .b-footer-block-menu{

            background:url('./img/menu.png') 0px 0px;

            width: 26px;

            height: 26px;

            position: absolute;

            top:0;

            right: -50px;

            cursor: pointer;

            display: none;

        }

        .b-footer-block-menu:hover{

            background-position: 27px 0px;

        }

        .b-footer-block-menu a {

            width: 26px;

            height: 26px;

            display: block;

        }

        .b-footer-contact {

            background: #f0f0f1;

            color: #4c4c4e;

            display: flex;

            flex-direction: column;

            gap: 16px;

            padding: 24px 0 24px 24px;

        }

        .b-footer-contact>div {

            display: flex;

            flex-direction: row;

            align-items: start;

            gap: 8px;

        }

        .b-footer-phone {     

            float: left;

            background: #f0f0f1;

            border-right: 1px solid #fff;

        }

            .b-footer-phone-ico {

                background: url('./img/code.png') 0px 0px no-repeat;

                width: 24px;

                height: 24px;

                background-size: contain;

            }



            .b-footer-phone-hover {

                /*display: none;*/

                text-align: center;

                font-size: 20px;

            }

            /*.b-footer-phone.active{

               background: #4c4c4e; 

            }*/

           /* .b-footer-phone.active .b-footer-phone-hover{

                display: block;

            }*/

        .b-footer-adress {

            float: left;

            background: #f0f0f1;

            border-right: 1px solid #fff;

        }

        /*.b-footer-adress:hover{

            background: #4c4c4e;

        }*/

            .b-footer-adress-ico{

                background: url('./img/adress-ico2.png') 0px 0px no-repeat;

                width: 24px;

                height: 24px;

                background-size: contain;

            }



            .b-footer-adress-hover{

                text-align: center;

                font-size: 20px;

            }



        .b-footer-mail{

            float: left;

            background: #f0f0f1;

        }

            .b-footer-mail-ico{

                background: url('./img/mail-ico2.png') 0px 0px no-repeat;

                width: 24px;

                height: 24px;

                background-size: contain;

            }



            .b-footer-mail-hover{

               /* display: none;*/

                text-align: center;

                font-size: 20px;

            }

            .b-footer-social {                

                width: 100px;

                margin: 0 auto;

                display: flex;

            }

            .burger-social {                

                width: 100px;

                display: none;

            }

            .burger-social a {

                margin-right: 24px;

                margin-top: 8px;

                color: #4c4c4e !important;



                float: left;

                line-height: 15px;

                /* display: inline-block; */

                text-decoration: none !important;

            }

            .burger-social a svg {

                color: rgba(0, 0, 0, 0.3);

               

            }

            .burger-social a:hover svg {

                 color: rgba(0, 0, 0, 0.4);

            }

            .burger-social a:last-child{

                margin-right: 0px;

            }

            @media (max-width:992px){

                .b-footer-social{                

                width: 100px;

                display: flex;

            }

            }

            .b-footer-social a {

                margin-right: 24px;

                margin-top: 8px;

                color: rgba(0, 0, 0, 0.3) !important;



                float: left;

                line-height: 15px;

                /* display: inline-block; */

                text-decoration: none !important;

            }

            .b-footer-social a:last-child{

                margin-right: 0;

            }

            .b-footer-accreditation {

                padding: 16px;

            }

            .b-footer-copy {

                padding: 0 0 0px; 

                display: flex; 

                flex-direction: column; 

                justify-content: space-between;

                padding: 0px 16px 16px 16px;

                font-size: 12px;

                color: rgba(0, 0, 0, 0.6);

            }

            .b-footer-copy a{

                color:rgba(0, 0, 0, 0.6);

                text-decoration: none;

            }





.b-footer-form{
	margin-bottom: 15px;
    padding: 16px 16px 40px 16px;
	

    border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}



@media (min-width: 576px) { 

    .l-header, .l-header, .l-header>div {

        max-height: unset;

    }

    .section {

        padding-top: inherit;

        padding-bottom: inherit;

    }

	.news-list { 

		grid-template-columns: repeat(2, auto);

	}

    .b-client, .b-footer, .b-content {

        max-width: 560px;

    }

    .b-content-top {

        grid-template-columns: repeat(2, auto);

    }

    .b-footer-phone, .b-footer-adress, .b-footer-mail {

        width: auto;

    }

    .arrow a {

        display: block;

    }

    

}



@media (max-width: 991.98px) {

  .fullscreen-navbar {

    padding: 20px 1rem;

  }

}



.custom-link-button {

  color: black;

  font-weight: 600;

  font-size: 15px;

  text-decoration: none;

  padding: 0;

  margin: 0;

  border: none;

  box-shadow: none;

  background: transparent;

}



.custom-link-button:hover {

  color: #0d6efd;

  text-decoration: none;

}



.custom-mobile-button {

  border: 1px solid #ced4da; 

  color: black;

  background-color: transparent;

  font-weight: 600;

  font-size: 14px;

  padding: 12px 0;

}



.custom-mobile-button:hover {

  color: #0d6efd;

  border-color: #0d6efd;

  text-decoration: none;

}



.custom-desktop-button {

  color: black;

  background: transparent;

  border: none;

  padding: 0;

  margin: 0;

  text-decoration: none;

  box-shadow: none;

}



.custom-desktop-button:hover {

  color: #0d6efd;

}



@media (min-width: 992px) { 

	.news-list { 

		grid-template-columns: repeat(3, auto);

	}

    .b-client, .b-footer {

        max-width: 900px;

    }

    .b-footer-contact {

        max-width: 900px;

        display: grid;

        grid-template-columns: repeat(3, auto);

        gap: 0;

        padding: 0;

    }

    .b-footer-contact>div {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .b-footer-copy {

        flex-direction: row; 

    }

    .b-footer-phone, .b-footer-adress, .b-footer-mail {

        width: 300px;

    }

    .b-content {

        max-width: 600px;

    }

    .b-content .b-content-item {

        width: 300px;

    }

    .b-footer-phone {

        height: 300px;

        float: left;

        background: #f0f0f1;

        border-right: 1px solid #fff;

        }

        .b-footer-phone-ico {

            width: 64px;

            height: 63px;

            margin: 88px auto 27px auto;

            }

    .b-footer-adress {

        height: 300px;

        float: left;

        background: #f0f0f1;

        border-right: 1px solid #fff;

        }

        .b-footer-adress-ico {

            width: 55px;

            height: 79px;

            margin: 78px auto 17px auto;

            }

    .b-footer-mail{

        width: 300px;

        height: 300px;

        float: left;

        background: #f0f0f1;

        }

        .b-footer-mail-ico {

            width: 55px;

            height: 55px;

            margin: 91px auto 28px auto;

            }

}