@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|PT+Sans+Caption&subset=latin,cyrillic);
body{

    color: aliceblue;
    background-color: #ff8e00;
    /* background-color: aliceblue; */

}
.main{
    min-height: 500px;
}
.nav-item {
    margin-right: 32px;
}

    .nav-item:last-child {
        margin: 0;
    }


.navbar li  a {
  color: aliceblue;
  font-size:25px;
  /* font-family: Century gothic; */
    /* color:#E2A126!important;
    text-shadow: 1px 0 1px #fe9d3e,
    0 1px 1px #fe9d3e,
    -1px 0 1px #fe9d3e,
    0 -1px 1px #fe9d3e; */
}
/* .logoBlock{
    width: 85px;
    height: 85px;
    border-radius: 7%;
} */
.logoImg{
    border-radius: 20%;
}
.navbar li:hover a {
    /* text-transform: uppercase; */
    color: #ff8e00;
  }
a {
    text-decoration: none;
    color: aliceblue;
}

    a:hover {
        text-decoration: none;
        color: #fe9d3e;
    }
.navbar{
    font-size: 0.8em;
    z-index: 1;
    background-color: black;
    /* background: rgba(0, 0, 0, 0); */

}
h1{
    font-weight: 600;

}
.navhead{
    /* height: 75vh;  */
    /* background-image: url(../img/wallpap.jpg); */
    object-fit: cover;
    z-index: 12;
    background-size: 100% 100%;
    color: aliceblue;
}
.btn-outline-success{
    font-size: 0.7em;
}
.slogan{
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    color: aliceblue;
    /* color:#E2A126; */
    text-shadow: 0 2px 0 0px hsl(330, 100%, 25%),
             0 3px 2px 0px hsla(330, 100%, 15%, 0.5);
    margin-top: 5%;
    margin-left: 30%;
    max-width: 35%;
    /* font-family: Century gothic; */
}
.btn-outline-success{
    font-size: 1em;
    --bs-btn-font-weight: 600;
    --bs-btn-color:#fe9d3e;
    --bs-btn-border-color:#fe9d3e;
}
.btn-outline-success:hover{
    color: aliceblue;
    background-color: #fe9d3e;
    border-color:aliceblue;
}
.btn-outline-success:focus{
    color: aliceblue;
    background-color: #fe9d3e;
    border-color:aliceblue;
}



#myModal {
    width: 35%;
     height: 45%;
    /* background-image: url(../img/fonModalForm.png); */
    padding: 18px 9px;
    border-radius: 4px;
    background-color: rgb(2, 1, 1);
    box-shadow: 0px 0px 5px 5px aliceblue;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: 38;
    text-align: center;
}
#myModal #myModal__close {
    width: 21px; height: 21px;
    position: absolute;
    font-size: 29px;
    top: 1px; right: 11px;
    cursor: pointer;
    display: block;
}
#myOverlay {
    z-index: 37;
    position: fixed;
    background: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: pointer;
    display: none;
}

.form-control{
    border: 2px solid #fe9d3e;
}
.formText{
    font-size: 15px;
}
.fromUp{
    width: 100%;
    height: 10%;

}
/* ------------------main start------------------------ */
.pageTitle{
    font-size: 2.6em;
    color: #fe9d3e;
}

/* ------------------uslugiTop start------------------------ */
.uslugiTop{

    position: relative;
    z-index: 7;
    margin-top: 4%;
    width: 100%;
    font-size: 1.3em;
}


.uslugiTopchildImg{
    border-radius: 5px;
    width: 25vh;
    height: 25vh;
}
.card-title{
    font-size: 1.5em;
}
.advantages{
    border-top-right-radius: 5% 15%;
    border-bottom-left-radius: 5% 15%;
    border-top-left-radius: 5% 15%;
    border-bottom-right-radius: 5% 15%;
}
/* ------------------uslugiTop end------------------------ */


/* ------------------buiznesAutoBlock start------------------------ */
.firstBlock{
    margin-bottom: -5%;
}
.secondBlock{
    margin-top: -10%;
}
.autoPhone{
    width:100%;
    background-image: url(../img/PhoneText.png);
    background-size: 100% 100%;
    color: white;
    object-fit: cover;
}
.autoText{
    margin-top: 2%;
    width: 80%;
    margin-left: 15%;
}
.autoText p{
    font-size: 1.4em;
}
.autoText h2{
    color: #fe9d3e;
}
.autoText li{
    font-size: 1.4em;
}
li{
    color: #fe9d3e;
}
li span{
    color: white;
}
.pageTitle2{
    margin-top: 5%;
    margin-bottom: -1%;
    font-size: 2.6em;
    color: white;
}
.buiznesAutoBlocks{
    margin-top: 2%;
    margin-bottom: 5%;
}
.buiznesAutoBlock{
    margin-top: 2%;
    object-fit: cover;
}
.buiznesAutoBlockImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5%;
}
.scale {
    display: inline-block; /* Строчно-блочный элемент */
    overflow: hidden; /* Скрываем всё за контуром */
    transition: transform 0.35s;
   }
.buiznesAutoBlock:hover .scale{
    transform: scale(1.05);
}  
.textOnImgBlack{
    color: white;
} 
.textOnImgWhite{
    color: white;
} 
.textOnImg{
    position: absolute;
}
.textOnImg1{
    margin-top: -10%;
    font-weight: 600;
    transition: transform 1s;
    margin-top: -4%;
    margin-left: 5%;
}
.textOnImg2{
    margin-top: -15%;
    font-weight: 600;
    transition: transform 1s;
    margin-top: -4%;
    margin-left: 2%;
}
.textOnImg3{
    margin-left:3%;
}
.textOnImgBig{
    margin-top: -7%;
    font-weight: 600;
    transition: transform 1s;
    margin-top: -4%;
    margin-left: 13%;
}
.textOnImgBig2{
    font-weight: 600;
    transition: transform 1s;
    margin-top: -3%;
    margin-left: 15%;
}

.buiznesAutoBlock:hover .textOnImg1 {
    color: #fc9732;
}
.buiznesAutoBlock:hover .textOnImg2 {
    color: #fc9732;
}
.buiznesAutoBlock:hover .textOnImgBig {
    color: #fc9732;
}
.buiznesAutoBlock:hover .textOnImgBig2 {
    color: #fc9732;
}
/* ------------------buiznesAutoBlock end------------------------ */

/* ------------------main end------------------------ */


/* ------------------ footer start------------------------ */
.footerPhone{
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 45%;
    background-image: url(../img/PhoneText2.png);
    background-size: 100% 100%;
}
.footer{
    z-index: 1;
    margin-top: 10%;
}
.foterUl{
    text-align: right;
}
.foterUl2{
    font-size: 1.1em;
    margin-top: 4%;
    width: 100vh;
    text-align: left;
}
.foterUl3{
    margin-top:5%;
}
.foterUl li{
    display: inline-block;
}
.foterUl2 li{
    /* text-decoration: n; */
    display: inline-block;
    margin-left: 2%;
}
.footerItemNav{
    font-size: 1.2em;
    color: white;
    /* display: inline-block; */
}
.footerH{
    font-size: 1.8em;
}
.footerNum{
    /* text-align: right; */
    /* margin-left: 75%; */
    /* background-color: #fc9732; */
    width: 35vh;
    height: 12vh;
    text-align: right;
}
.footerIco{
    margin-left: 3%;
   margin-bottom: 70%;
}
.footerNumber{
    margin-top: -3%;
    position: absolute;
}
.footerHr{
    margin-top: -8%;
    margin-left: 37%;
    width: 42vh;
    border-width: 2px;
}
.footerIcons{
    text-align: right;
}

/* ------------------ footer end------------------------ */
@media(min-width: 1300px) and (max-width: 1600px){
    .footerNumber{
        margin-left: -3.5%;
    }
    #myModal {
        height: 50%;
   }
}
/* -----------------screen media 2k------------------------ */
@media(min-width: 2260px){
    .footer{
        margin-top: 18%;
    }
    .footerNumber{
        position: relative;
    }
    .footerPhone{
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 47%;
        background-image: url(../img/PhoneText2.png);
        background-size: 100% 104%;
    }
}

/* -----------------screen media 2k end------------------------ */

/* @media(max-width: 365px){
    .autoPhone{
        width:100%;
        background-image: url(../img/PhoneTextMobile.png);
        background-size: 100% 124%;
        color: white;
        background-repeat: no-repeat;
        object-fit: cover;
    }
} */
@media (min-width: 620px) and (max-width: 1050px) {
/* -----------------screen media 750 start ------------------------ */
.autoPhone{
    width:100%;
    background-image: url(../img/PhoneTextMobile.png);
    background-size: 100% 104%;
    color: white;
    background-repeat: no-repeat;
    object-fit: cover;
}

/* ------------------buiznesAutoBlock start------------------------ */
.autoText li{
    font-size: 1.4em;
}
li{
    color: #fe9d3e;
}
li span{
    color: white;
}
.pageTitle2{
    margin-top: 5%;
    margin-bottom: -1%;
    font-size: 2.6em;
    color: white;
}
.textOnImg{
    font-size: 1.2em;
}
.textOnImg1{
    margin-top: -10%;
    font-weight: 600;
    transition: transform 1s;
    margin-top: -4%;
    margin-left: 5%;
}
.textOnImg2{
    margin-top: -15%;
    font-weight: 600;
    transition: transform 1s;
    margin-top: -4%;
    margin-left: 2%;
}
.textOnImg3{
    margin-left:1.5%;
}
.textOnImgBig{
    margin-top: -7%;
    font-weight: 600;
    transition: transform 1s;
    margin-top: -4%;
    margin-left: 13%;
}
.textOnImgBig2{
    font-weight: 600;
    transition: transform 1s;
    margin-top: -3%;
    margin-left: 15%;
}

/* ------------------buiznesAutoBlock end------------------------ */
.uslugiTop{

    position: relative;
    z-index: 7;
    margin-top: 4%;
    width: 100%;
    font-size: 1.3em;
}


.uslugiTopchildImg{
    border-radius: 5px;
    width: 25vh;
    height: 25vh;
}
.card-title{
    font-size: 1.5em;
}
.secondBlock{
    margin-top: 5%;
    margin-bottom: 5%;
}
/* ------------------uslugiTop end------------------------ */
/* ------------------ footer start------------------------ */
.footerPhone{
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 30%;
    background-image: url(../img/PhoneTextMobile2.png);
    background-repeat: no-repeat;
    background-size: 100% 104%;
}
.footer{
    margin-top: 20%;
}
.foterUl{
    text-align: right;
    margin-left: -10%;
}
.foterUl2{
    font-size: 1em;
    margin-top: 4%;
    margin-left: -20%;
    width: 40vh;
    text-align: left;
}
.foterUl3{
    margin-top:5%;
}
.foterUl li{
    display: inline-block;
}
.foterUl2 li{
    /* text-decoration: n; */
    display: inline-block;
    margin-left: 2%;
}
.footerItemNav{
    font-size: 1em;
    color: white;
    /* display: inline-block; */
}

.footerH{
    font-size: 1.5em;
}
.footerNum{
    /* text-align: right; */
    /* margin-left: 75%; */
    /* background-color: #fc9732; */
    width: 25vh;
    height: 12vh;
    text-align: right;
    
}
.footerIco{
    margin-left: 3%;
   margin-bottom: 70%;
   width: 70px;
   height: 70px;
}
.footerNumber{
    font-size: 1.5em;
    margin-top: 0%;
    margin-left: -10%;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
}
.footerHr{
    margin-top: -8%;
    margin-left:28%;
    width: 32vh;
    border-width: 2px;
}
.footerIcons{
    text-align: right;
}
}
/* ------------------ footer end------------------------ */
/* -----------------screen media 750 end ------------------------ */


/* -----------------screen media 600 start------------------------ */
@media(max-width: 600px){
    #myModal {
        width: 85%;
         height: 50%;
    }
    .firstBlock{
        background-color: #ff8e00;
    }
    
    .pageTitle{
        background-color: #000000;
    }
    .textOnImg{
        margin-top: -10%;
        font-size: 1.2em;
    }
    .autoPhone{
        width:100%;
        background-image: url(../img/PhoneTextMobile.png);
        background-size: 100% 104%;
        color: white;
        background-repeat: no-repeat;
        object-fit: cover;
    }
    
    .autoText li{
        font-size: 1.4em;
    }
    
    .uslugiTop{
        position: relative;
        z-index: 7;
        margin-top: 4%;
        width: 100%;
        font-size: 1.3em;
    }
    
    
    .uslugiTopchildImg{
        border-radius: 5px;
        width: 25vh;
        height: 25vh;
    }
    .card-title{
        font-size: 1.5em;
    }
    .secondBlock{
        margin-top: 5%;
        margin-bottom: 5%;
    }
    /* ------------------uslugiTop end------------------------ */


    /* ------------------ footer start------------------------ */
/* .footer{
    background-color: #000000;
}     */
.footerPhone{
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 45%;
    background-image: url(../img/PhoneTextMobile2.png);
    background-repeat: no-repeat;
    background-size: 100% 50%;
}
.foterUl{
    text-align: right;
}
.foterUl2{
    font-size: 1em;
    margin-top: 4%;
    max-width: 120%;
    margin-left: -10%;
    width: 100vh;
    text-align: left;
}
.foterUl2 li{
 margin-bottom: -1em;
 margin-right: 1em;
}
.foterUl3{
    margin-top:5%;
}
.foterUl li{
    display: inline-block;
}
.foterUl2 li{
    /* text-decoration: n; */
    display: inline-block;
    margin-left: 2%;
}
.footerItemNav{
    font-size: 1em;
    color: white;
    /* display: inline-block; */
}

.footerH{
    font-size: 1.5em;
}
.footerNum{
    /* text-align: right; */
    /* margin-left: 75%; */
    /* background-color: #fc9732; */
    width: 25vh;
    height: 12vh;
    text-align: right;
}
.footerIco{
    margin-left: 3%;
   margin-bottom: 70%;
   width: 70px;
   height: 70px;
}
.footerNumber{
    font-size: 1.5em;
    margin-top: 0%;
    margin-left: -10%;
    position: relative;
}
.footerHr{
    margin-top: -8%;
    margin-left:35%;
    width: 32vh;
    border-width: 2px;
}
.footerIcons{
    text-align: right;
}
}
    
/* -----------------screen media 600 end------------------------ */
@media(max-width: 345px){
    .autoPhone{
        width:100%;
        background-size: 100% 108%;
        color: white;
        background-repeat: no-repeat;
        object-fit: cover;
    }
}