@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: 400px;
    background-image: url(../img/contactsPhone1.png);
    background-size: 100% 100%;
}

.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: white;
}

/* ------------------buiznesAutoBlock start------------------------ */

/* ------------------buiznesAutoBlock end------------------------ */

/* ------------------main end------------------------ */
.contactText{
    margin: 0 auto;
    width: 100%;
    /* margin-left: 35%; */
    margin-top: 5%;
    color:black;
    margin-top: 5%;
    
}
.contactMiniBlock{
    width: 50%;
    margin-top: -2%;
}

.contactFrstTitle{
    margin-top: 20%;
    color: white;
    font-size: 2.4em;
    text-align: left;
}
.contactFrstText{
    font-size: 1.6em;
    text-align: left;
}
.firstBlock{
    width: 100%;
    margin-top: -12%;
    margin-bottom: 5%;
    
}
.leftBlock{
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5%;
}
.rightBlock{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    
}

.embed-responsive-item{
    width: 100vh;
    height: 50vh;
    border-radius: 5%;
}
/* ------------------ recieveFrom start------------------------ */
.recieveFromTitle{
    margin-top: 4%;
    font-size: 2.6em;
}
.form{
    margin-top: 4%;
}
.recieveForm{
    width: 120vh;
    height: 75vh;
    background-color: black;
    border-radius: 5%;
    color:white;
    margin-bottom: -4%;
}
.recieveFormInput{
    width: 80vh;
    height: 5vh;
}
.recieveFormTextarea{
    width: 80vh;
    height: 10vh;
    max-height: 12vh;
}
.myLinkModal1{
    width: 14vh;
    height:5vh;
    font-size: 1.3em;
}

/* ------------------ recieveFrom end------------------------ */

/* ------------------ footer start------------------------ */
.footerPhone{
    margin-top: 5%;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 45%;
    background-image: url(../img/contactsPhone.png);
    background-size: 100% 100%;
}
.footer{
    z-index: 1;
    margin-top: 15%;
}
.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%;
    }
    .recieveButton{
        width: 15%;
        height: 15%;
    }
    #myModal {
        height: 50%;
   }
   .recieveForm{
    height: 82vh;
    
}
}

/* -----------------screen media 2k------------------------ */
@media(min-width: 2560px){
    .footer{
        margin-top: 18%;
    }
}
/* -----------------screen media 2k end------------------------ */
@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;
    }
    .firstBlock{
        margin-top: -35%;
    }
    .contactFrstTitle{
        margin-top: 20%;
        color: white;
        font-size: 2.3em;
        text-align: left;
    }
    .contactFrstText{
        font-size: 1.3em;
        text-align: left;
    }
    .leftBlock{
        width: 100%;
        color: white;
    }
    .rightBlock{
        width: 100%;
        
    }
    /* ------------------ recieveFrom start------------------------ */
    .recieveForm{
        margin-bottom: 10%;
        min-height: 62vh;

    }
    .recieveFormInput{
        width: 96%;
        height: 6vh;
    }
    .recieveFormTextarea{
        width: 96%;
        height: 10vh;
        max-height: 12vh;
    }
    .recieveButton{
        width: 40%;
        height: 10%;
    }
/* ------------------ recieveFrom end------------------------ */
    /* ------------------ footer start------------------------ */
    .footerPhone{
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 30%;
        background-image: url(../img/PhoneTextMobileContact2.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{
        margin-top: -50%;
    }
    .main{
        min-height: 400px;
        background-image: url(../img/PhoneTextMobileContact.png);
        background-size: 100% 50%;
        background-repeat: no-repeat;
    }
    .contactFrstTitle{
        margin-top: 20%;
        color: white;
        font-size: 2.3em;
        text-align: left;
    }
    .contactFrstText{
        font-size: 1.3em;
        text-align: left;
    }
    .leftBlock{
        
        width: 100%;
        color: white;
    }
    .rightBlock{
        width: 100%;
        
    }
    .pageTitle{
        background-color: #000000;
    }
    .textOnImg{
        margin-top: -10%;
        font-size: 1.2em;
    }
    /* .autoPhone{
        width:100%;
        background-image: url(../img/PhoneTeg);
        background-size: 100% 30%;
        color: white;
        background-repeat: no-repeat;
    } */
    .autoText h2{
        color: #000000;
    }
    .autoText li{
        font-size: 1.4em;
    }
    li{
        color: #000000;
    }
    .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;
    }
    
    /* ------------------uslugiTop end------------------------ */
/* ------------------ recieveFrom start------------------------ */
.recieveForm{
    margin-bottom: 10%;
    min-height: 82vh;

}
.recieveFormInput{
    width: 96%;
    height: 6vh;
}
.recieveFormTextarea{
    width: 96%;
    height: 10vh;
    max-height: 12vh;
}
.recieveButton{
    width: 50%;
    height: 10%;
}
.myLinkModal1{
    width: 18vh;
    height:6vh;
    font-size: 1.3em;
}
/* ------------------ recieveFrom end------------------------ */

    /* ------------------ footer start------------------------ */
 
.footerPhone{
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 52%;
    background-image: url(../img/PhoneTextMobileContact2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.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------------------------ */