@charset "UTF-8";

::-webkit-scrollbar {
    width: 5px;
    background-color: #f9f9fd;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #5681A3;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: #f9f9fd;
}

.content{
    min-height: calc(100vh - 558px);
}


.act{
    color: #6081A2 !important;
}

.logo_new{
    width: 142px;
}


/* Админка */

.admin-panel-button{
    color: white !important;
    text-decoration: none;
}

.div-admin{
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-decoration: none !important;

}

.div-admin-links{
    text-decoration: none !important;
    color: black !important;
}

.div-admin-links:hover{
    color: #5681A3 !important;
    transition: 0.5s;
}

.card-edit-contacts{
    margin: 0 auto;
    display: flex !important;
    text-align: center;
}

/* Страница главная */

/* Хедер */

.navbar{
    /* background-color: wheat !important; */
    /* margin-left: 17.5% !important; */
    /* border-bottom: 1px solid black;
    border-radius: 75px; */
    box-shadow: 0 0 15px lightgrey;
    border-radius: 0 0 25px 25px;
}

.navbar-collapse{
    flex-grow: 0 !important;
    /* margin-right: 30px; */
    /* padding-top: 10px;  */
}

.navbar-brand{
    margin: 0 auto;
}

.navbar-nav{
    padding: 20px;
    /* background-color: wheat; */
}

.nav-link{
    color: black;
    font-size: 22px;
    margin: 0 30px !important;
    padding: 0;
}

hr{
    margin: 12px 0 12px 0;
}

.nav-link:hover{
    color: #5681A3 !important;
}

.navbar-toggler{
    color: black;
    width: 45px;
    margin: 0 auto;
    padding: 0;
}

.navbar-toggler-icon {
    color: black !important;
    background-image: url(../images/nav-drop.svg) !important;
}

.navbar-toggler-icon:hover{
    background-image: url(../images/nav-drop-hover.svg) !important;
    transition: 0.5s;
}

.navbar-toggler:focus{
    box-shadow: 0 0 0 1.5px #5681A3 !important;
    width: 45px;
    margin: 0 auto;
}

.img-home-clients{
    width: 300px;
    height: 180px;
}



/* Форма заполнения */

.alert-danger{
    font-size: 18px;
    width: fit-content;
    margin: 0 auto;
}

.home-div-form{
    border-color: #5681A3 !important;
}

.name{
    text-transform: capitalize;
}

.btn-primary-form{
    background-color: #5681A3 !important;
    box-shadow: none !important;
    border: none !important;
}

.home-client-div{
    display: grid;
    grid-template-columns: 1fr 1fr;
}


/* Страница новости */

.div-news{
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 80% !important;
    /* border: 1px solid #5681A3; */
}

.alert-heading{
    text-align: center;
    margin-bottom: 20px;
}


/* Страница проекты */


.card-group{
    width: 100% !important;
    text-align: center;
}

.card{
    width: 600px;
    display: flex !important;
    text-align: center;
    width: fit-content !important;
}

.card-img-top{
    width: 450px;
    height: 300px;
    border-radius: 10px;
}

.card-group-item{
    height: 500px;
    border: 1px solid #D8D8D8;
    /* border-top: none; */
    padding-top: 10px;
    border-radius: 10px;
    /* border-right: linear-gradient(#D8D8D8, none); */
    /* border-bottom: 1px solid #D8D8D8; */
    
}

.card-title{
    padding-left: 20px;
    padding-right: 20px;
}

.w-45{
    width: 45% !important;
}

.pagination{
    display: flex !important;
    justify-content: center !important;
}

.page-link-active{
    background-color: #5681A3 !important;
    border-color: #5681A3 !important;
}

.hover-page:focus{
    box-shadow: none;
}

.select-project{
    max-height: 35px;
    background-color: #5681A3;
    border-radius: 3px;
    border: 0;
    margin: 10px 0 10px 0px;
    padding: 4px 15px;
    color: white;
    font-weight: 600;
    transition: all 0.4s linear;
}

.select-project:hover{
    box-shadow: inset 0 -60px 0 #D34A4A;
    color: white;
}



/* Страница конкретного проекта */



.img-fluid{
    height: 450px;
    width: 500px;
    border-radius: 5px !important;
    margin: 20px;
}

.card-body-project{
    margin-top: 15%;
    padding-left: 50px;
    padding-right: 30px;
    width: 650px;
}

.select-project-back{
    width: fit-content;
    margin: 0 auto;
}



/* Страница вакансии */



.div-vacancies{
    display: grid;
    grid-template-columns: 1fr 1fr;
    white-space: pre-wrap;
}

.img-vac{
    width: 60%;
    margin: 0 auto;
    margin-top: 30% !important;
}

.div-vac-2{
    text-align: right;
}


/* Страница о нас */

.div-about{
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* border: 1px solid black; */
}

.img-div-about{
    width: 500px;
    height: 300px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 25px;
    /* margin-top: 5%; */
}

.div-about-text{
    margin-top: 5%;
    padding-left: 10px;
    padding-right: 10px;
    /* white-space: pre-wrap; */
}

.div-about-clients{
    display: grid;
    grid-template-columns: 1fr 1fr;
}


/* Страница контакты */


.div-contacts{
    text-align: center;
    margin: 0 auto;
    width: fit-content;
}

.div-contacts-info{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.div-contacts-command{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    justify-content: center;
}

.border-info{
    text-align: center !important;
    width: auto !important;
}

.div-contacts-command-img{
    width: 100px;
}

.div-contacts-main{
    text-align: center;
    /* width: 70%; */
    margin: 0 auto;
}

/* .h3-contacts-command{
    text-align: center;
}

.div-contacts-command-people-first{
    padding-left: 20px;
}

.div-contacts-command-people-second{
    text-align: right;
    padding-right: 20px;
}

.div-contacts-command-img-first{
    width: 100px;
    padding-right: 20px;
    justify-self: right;
}

.div-contacts-command-img-second{
    width: 100px;
    padding-left: 20px;
}

.div-contacts-main-hr{
    padding: 1.2px;
    color: #D34A4A;
    opacity: 1;
} */



/* slider */



.carousel{
    margin-top: 30px; 
}

.carousel-control-prev-icon{
    background-image: url(../images/slider/prev.svg) !important;
}

.carousel-control-next-icon{
    background-image: url(../images/slider/next.svg) !important;
}


.carousel-item img{
    width: 80%;
    margin: 0 auto !important;
    border-radius: 20px;
    /* margin-right: 0px !important; */
}



/* footer */



.phone-number{
    text-decoration: none;
}

.iframe-map{
    /* border: 1px solid black !important; */
    box-shadow: 0 0 5px grey;
    border-radius: 10px;
}

.not-found{
    color: #D34A4A;
    text-align: center;
}

.img-not-found{
    margin-right: 10px;
}

.div-not-found{
    margin: 17vh;
    text-align:  center;
}

.btn-outline-success{
    color: white !important;
    border-color: #5681A3 !important;
    margin: 20px;
    background-color: #5681A3 !important;
}

.btn-outline-success:hover{
    background-color: white !important;
    color: #5681A3 !important;
}

.btn-outline-success:focus{
    box-shadow: none !important;
}


.grid-area1{
    margin: 1% !important;
}

.grid-area2{
    margin: 1% !important;
}

.grid-area3{
    /* margin-left: 20px !important;
    margin-right: 20px !important; */
    width: fit-content;
}

.iframe-map{
    /* margin: 1% !important; */
    /* width: 400px; */

}


td, th {
    padding: 3px;  /*  Поля вокруг содержимого таблицы  */
    border: 1px solid black;   /* Параметры рамки*/
}




/* Адаптив для планшета 768px */




@media screen and (max-width: 768px) {
    .navbar{
        display: grid;
        grid-template-columns: 1fr;
    }
    
    .navbar-brand{
        margin: 0 auto !important;
    }

    .navbar-nav{
        margin: 0 auto !important;
    }

    .nav-link{
        font-size: 22px;
        margin-left: 10px !important;
        margin-right: 10px !important; 
    }

    .row{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas: "first second"
        "third third";
    }

    .grid-area1{
        grid-area: first;
        width: fit-content;

    }

    .grid-area2{
        grid-area: second;
        width: fit-content;

    }

    .grid-area3{
        grid-area: third;
        width: fit-content;
    }

    .nado{
        margin-top: 30vh; 
    }

    .div-not-found{
        margin: 21vh;
    }

    .img-not-found{
        width: 300px;
        margin-right: 5px;
    }

    .iframe-map{
        width: 400px;
        height: 200px;
    }


    /* Главная */

    .form-control{
        width: fit-content;
    }

    .form-home{

    }

    .map-work-iframe{
        height: 600px;
    }


    /* Страница проекты */

    
    .card-img-top{
        width: 65%;
        /* height: 150px; */
    }

    .card-body-proj{
        height: 200px !important;
    }

    .card-proj{
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .card-group-item{
        /* height: 450px; */
        width: 100% !important;
    }


    /* Страница конкретного проекта */

    .div-showPage{
        display: block !important;
    }

    .img-fluid{
        width: 100%;
    }

    .div-img-show{
        width: 80% !important;
        margin-left: 8% !important;
    }

    .card-body-project{
        margin-top: 0px;
    }

    .card-showPage{
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }


    /* страница вакансии */

    .div-vacancies{
        /* grid-template-columns: 2fr 1fr; */
        margin-top: 10% !important;
    }

    .div-contacts{
        white-space: pre-wrap;
        width: auto;
    }


    /* Страница  О нас */

    .div-about{
        grid-template-columns: 1fr 1fr;
        padding: 0px !important;
    }

    .div-about-text{

    }

    .img-div-about{
        width: 350px;
        height: 200px;
        margin-top: 75px;
    }

    .div-contacts-command{
        grid-template-columns: 1fr 1fr;
    }
}



/* Адаптив для телефона 380px */

/* 
@media screen and (max-width: 395px) {

    .iframe-map{
        width: 300px !important;
    }

    .home-client-div{
        grid-template-columns: 1fr;
    }
} */




/* Адаптив для телефона 425px */




@media screen and (max-width: 425px) {
    .navbar{
        margin: 0 !important;
        border-radius: 0 0 30px 30px;
        display: grid;
        /* grid-template-columns: 2fr 1fr; */
    }
    
    .navbar-brand{
        /* margin-left: 13% !important; */
    }

    .navbar-toggler{
        /* margin-right: 2% !important; */
        border: none !important;
    }

    .navbar-nav{
        padding-top: 0px; 
    }

    .nado{
        margin-top: 27vh; 
    }
    
    .img-not-found{
        width: 200px;
        margin-right: 5px;
    }

    .div-not-found{
        margin: 1vh;
    }

    .map-work-iframe{
        height: 550px;
    }

    .carousel-item img{
        width: 100%;
        margin: 0 auto !important;
        border-radius: 10px;
        /* margin-right: 0px !important; */
    }
    
    .carousel-control-prev-icon{
        background-image: url(../images/slider/prev-white.svg) !important;
    }
    
    .carousel-control-next-icon{
        background-image: url(../images/slider/next-white.svg) !important;
    }

    .row{
        margin-top: 0px !important;
    }

    .container{
        margin-top: 20px !important;
        /* padding: 0 !important; */
    }

    .p-footer{
        text-align: left !important;
    }
    
    .p-footer-contacts{
        text-align: right !important;
    }

    .iframe-map{
        width: 300px !important;
        height: 200px !important;
    }

    .phone-home{
        margin: 0 auto;
        width: 100%;
    }
    
    .message-home{
        margin: 0 auto;
        width: 100%;
    }

    .form-font-size{
        font-size: 14px;
    }

    .btn-submit{
        width: fit-content !important;
    }


    .form-control{
        width: 100%;
    }

    .home-client-div{
        grid-template-columns: 1fr;
    }


    /* страница проектов для телефона */

    .card-img-top{
        width: 75%;
        height: 250px;
    }


    /* Страница конкретного проекта для телефона */

    .img-fluid{
        width: 300px;
        margin: 0;
        height: 250px;
    }

    .div-showPage{
        display: block !important;
    }
    
    .card-body-project{
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
    }


    /* Страница Вакансии для телефона */


    .div-vacancies{
        grid-template-columns: 1fr;
        margin-top: 10% !important;
    }

    .div-vac-1{
        text-align: justify;
    }

    .div-vac-2{
        text-align: justify;
    }

    .img-vac{
        display: none;
    }


    /* Страница О нас для телефона */

    .div-about{
        display: block;
    }

    .img-div-about{
        margin-top: 0 !important;
    }


    /* Страница Контакты для телефона */

    .div-contacts{
        margin-top: 0 !important;
    }

    .div-contacts-info{
        grid-template-columns: 1fr;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .div-contacts-info span{
        margin-top: 20px !important;
    }
    
    .div-contacts-command{
        grid-template-columns: 1fr;
    } 

}