@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: 1800px;
    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;
}
.firstBlock{
    background-image: url(../img/PhoneText.png);
    background-size: 100% 100%;
    width: 100%;
    height: auto;
}

.secondBlock{

    /* background-image: url(../img/phoneBlockOrange2.png); */
    /* background-color: #fd8d1f; */
    background: linear-gradient(to left, #fd8d1f,#fc9732 );
    background-size: 100% 100%;
}
.thirdBlock{
    height: 1050px;
    background-image: url(../img/phoneBlockOrangetest2.png);
    background-size: 100% 100%;
    font-weight: 600;

}

/* ------------------ price start------------------------ */
.priceBlock{
    width: 75%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
}
.table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}

.table thead th {
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: black;
	font-size: 1.5em;
    font-weight: 400;
    padding: 1%;
    color: #fc9732;
    padding: 1%;

}

.headT tr th:first-child {
	border-radius: 8px 0 0 0px;
}
.headT tr th:last-child {
	border-radius: 0 8px 0px 0;
}
.table tbody tr{
    background: #f3f3f3;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    font-weight: 300;
}

.foot tr th {
	text-align: left;
	font-size: 1.2em;
	vertical-align: top;
    background: #f3f3f3;
    /* font-family: 'Roboto Slab', serif; */
    font-weight: 300;
    color: black;
    padding: 1%;
}
.foot tr th:first-child {
	border-radius: 0px 0px 0px 8px;
}
.foot tr th:last-child {
	border-radius: 0 0px 8px 0;
}
.table tbody td {
	text-align: left;
	border: none;
	padding: 1%;
	font-size: 1.2em;
	vertical-align: top;
}

.table tbody tr:hover{
	background: black;
    color:#f3f3f3
}

.foot tr:hover th{
	background: black;
    color: #f3f3f3;
}
.footTr:hover{
    background: black;
    color: #f3f3f3;
}
/* .table tbody tr:nth-child(even){
	background: #f3f3f3;
} */


/* ------------------ price 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: 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%;
    }
    #myModal {
        height: 50%;
   }
}
/* -----------------screen media 2k------------------------ */
@media(min-width: 2560px) {
    .firstBlock{
        background-image: url(../img/PhoneTextMobile2.png);
        background-size: 100% 100%;
        width: 100%;
        height: auto;
    }
    .repairBlocksPhone{
        width: 180vh;
        height: 135vh;
        margin:auto;
        margin-top: 5%;
        border-radius: 5%;
        background-color: black;
    }
    .textOnBigImg{
        margin-left: 15%;
    }
    .repairBlockBig{
        width: 200vh;
        height: 60vh;
    }
    .repairBlockBigImg{
        width: 100%;
        height: 100%;
    }
    .repairBlock{
        height: 60vh;
    }

    
/* ------------------ footer start------------------------ */
.footerHr{
    margin-top: -8%;
    margin-left: 37%;
    width: 31vh;
    border-width: 2px;
}
/* ------------------ footer end------------------------ */

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

@media(max-width: 380px){
    .slogan{
        font-size: 1em;
        margin-left: 35%;
        max-width: 35%;
        /* font-family: Century gothic; */
    }
}

/* -----------------screen media 480 start ------------------------ */


@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;
    }
    
    /* ------------------ 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 ------------------------ */
@media (max-width: 600px)  {
    #myModal {
        width: 85%;
         height: 50%;
    }
    .autoPhone{
        width:100%;
        background-image: url(../img/PhoneTextMobile.png);
        background-size: 100% 104%;
        color: white;
        background-repeat: no-repeat;
        object-fit: cover;
    }
    .navhead{
        height: 100vh;
        background-image: url(../img/wallpap.jpg);
        object-fit: cover;
        z-index: 12;
        background-size: 100% 100%;
        color: aliceblue;
    }
    
    .roundedCornersImg{
        width: 100%;
        height: 100%;
        height: 30vh;
        /* width: 50vh; */
        border-radius: 10%;
     }
    .firstBlock{
        width: 100%;
        height: auto;
        object-fit: cover;
        background-color: #fc9732;
    }
    .secondBlock{
        background-color: white;
    }
    .thirdBlock{
        width: 100%;
        height: auto;
        background-color: #fc9732;
        /* background-image: url(../img/phoneMobileTest.png); */
    }
    .autoText{
        margin-top: 2%;
        width: 90%;
        margin-left: 10%;
    }
    .navhead{
        height: auto;
    }
    .slogan{
        margin-left: 20%;
    }
    .slogan2{
        font-size: 1.1em;
        width: 35vh;
    }
/* ------------------ price start------------------------ */
.priceBlock{
    width: 95%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
}
.table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}

.table thead th {
	text-align: left;
	border: none;
	padding: 10px 20px;
    
	background: black;
	font-size: 1.5em;
    font-weight: 400;
    padding: 2% 5px;
    color: #fc9732;

}

.headT tr th:first-child {
	border-radius: 8px 0 0 0px;
}
.headT tr th:last-child {
	border-radius: 0 8px 0px 0;
}
.table tbody tr{
    background: #f3f3f3;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    font-weight: 300;
}

.foot tr th {
	text-align: left;
	font-size: 1.2em;
	vertical-align: top;
    background: #f3f3f3;
    /* font-family: 'Roboto Slab', serif; */
    font-weight: 300;
    color: black;
    padding: 2%;
}
.foot tr th:first-child {
	border-radius: 0px 0px 0px 8px;
}
.foot tr th:last-child {
	border-radius: 0 0px 8px 0;
}
.table tbody td {
	text-align: left;
	border: none;
	padding: 2%;
	font-size: 1.2em;
	vertical-align: top;
}

.table tbody tr:hover{
	background: black;
    color:#f3f3f3
}

.foot tr:hover th{
	background: black;
    color: #f3f3f3;
}
.footTr:hover{
    background: black;
    color: #f3f3f3;
}
.headT{
    color: #fd8d1f;
}
/* .table tbody tr:nth-child(even){
	background: #f3f3f3;
} */


/* ------------------ price 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 480 end ------------------------ */