html,body {
    max-width: 100%;
    min-height: 100%;

    overflow-x: hidden;
}



section {-webkit-transform: translate3d(0, 0, 0);
    margin-right: 3%;
    margin-left: 3%;
    overflow: hidden;
}

h2.h4 {
	text-align: center;
	padding: 25px;
}
header {border-bottom: 1px solid rgba(193, 182, 182, 0.79);
    display: block;
    height: 80px;;
    width: 100%;
    overflow: hidden;
}
    .pap p {
        text-align: justify;
        display: block;
        width: 70%;
        margin: 1% 15%;
        font-size: 15px;

    }
h3 {font-size: 17px;}
    h3,h2 {
        text-align: center;
        position: relative;
    }

.baza {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 65px;

}


.left {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 150px;
    border-radius: 0 10px 10px 0;
    border: solid 2px #4a3b3b;
    z-index: 1;


}

.icon {
    margin: 4px;
     transition: 0.2s; /*Указываем время увеличения картинки*/
}


.icon:hover {
-webkit-transform: scale(1.3); /*Указываем величину изображения при анимации*/
-ms-transform: scale(1.3); /*Указываем величину изображения при анимации*/
transform: scale(1.3); /*Указываем тип увеличения*/
}
header .hh1 {
    position: absolute;
    text-transform: uppercase;
    display: block;
    text-align: center;
    top: 3%;
    left: 1%;
    font-size: 110%;
    font-family:fantasy;
}
header .name p {position: absolute;
    display: block;
    top: 3%;
    left: 1%;
    text-align: center;
    
    
}
.navs ul {
margin-top:20px;
transition: 1s opacity;
}
ul li{display: inline-block;
    list-style: none;  
    margin-right: 5px;
}


.navs ul li a{color: black;
    text-transform:uppercase;
    width: 40%;
    margin-right: 5px;
    font-family:fantasy;
    z-index: 2;
    
}

ul ul {position: absolute;
    display: none ;
    transition: 1s opacity;
    top:30px; 
    
    
}

ul :hover ul {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: rgba(196, 217, 250, 0.65);
    z-index: 1;
    margin-left: -25px;
    border-radius: 0 0 10px 10px;
    border-top: 5px solid transparent;
    
}
ul ul li a:hover{ color: #fff;
border-bottom: 1px solid;
list-style: none;
}

body a {color:black;}

.bigImg {
    display:none;
   
}
.bigImg1 {
    height: 60vw;
    width: 85%;
    display: block;
    background-image: url(../../media/img/kharkov2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin:2% 7%;
    border-radius: 10px;
}

.bigImg::after {
  content: "";
  display: table;
  clear: both;
}


.work2 {display: block;
    width: 100%;
    margin: 0 5% 2% 15%;
    border-top: 6px solid red;

}






.cartel {display: block;
    margin-left: 5%;
    height: 0px;


}

.kor {
    width: 100%;
    border: 2px solid #ff0000;
    display: inline;
    margin: 2% 0 2% 5%;
}



.border {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    height: auto;
    margin-top: 25px;

}




.right {
    display: block;
    flex-direction: column;

}




ul {
    display: block;
    justify-content: center;
    float: right;
    padding: 10px;
    border-radius: 10px;



}
 .col-sm-6 {display: flex;
        flex-direction: column;
        
    }


.advantages p {
    display: block;
    text-align:right;
    
    
}
.advantages p.name { color: red;
    display: block;
    margin-right: 55px;

}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}



.left3 {
    display: block;
    float: left;
    margin-top: 10%;
    
}

.cena {
    height: px;
    margin-top: 10%;
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
    text-align: ;
}

.left1 {
    height: 60px;
    margin-left: 35px;
    width: 250px;
    text-align: center;
    display: block;
    float: left;
    justify-content: center;

}





.map {
    display: block;
    margin-left: 37%;

}

.end {margin-top: 10%;}
.fa.fa-globe {
    width: 37%;
    display: block;
    color: #f03c3c;
    font-size: 50px;
    margin-bottom: 25px;
    
    
}
#mapleft {
    text-align: center;
    display: block;
    position: absolute;
    height: 60%;
    box-sizing: border-box;
}

#mapleft p {
    display: block;

    width: 28%;
    margin-top: 5px;
    margin-left: 5%
}

#topcontrol {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(/media/icon/up-arrow-circular-button_icon-icons.com_73126.png);
    background-size: 100%;
    background-position: center;
    position: fixed;
    bottom: 40px;
    right: 6px;
    cursor: pointer;
    transition: cubic-bezier(.88, -0.39, .87, -0.39) 2s:
}





.footer { 
    padding:0;
    margin:0;
	height: 470px;
	width: 100%;
	background: #1c2734;
     clip-path: polygon(
    0% 0%, /* left top */
    100% 40%, /* right top */ 
   100% 100%, /* right bottom */
    0% 100% /* left bottom */
  );
}

.center h4 {
	display: block;
	text-align: center;
	color: #ffffff;
	padding-top: 125px;
	font-size: 25px;
}

h4 p {
	font-size: 15px;
	color: #555b62;
	margin-top: 10px
}


.footer { 
	height: 470px;
	width: 100%;
	background: #1c2734;
     clip-path: polygon(
    0% 0%, /* left top */
    100% 40%, /* right top */ 
   100% 100%, /* right bottom */
    0% 100% /* left bottom */
  );
}

.center h4 {
	display: block;
	text-align: center;
	color: ffffff;
	padding-top: 125px;
	font-size: 25px;
}

h4 p {
	font-size: 15px;
	color: 555b62;
	margin-top: 10px
}





.wrap {
	position: relative;
	height: 140px;
	width: 400px;
	margin: 25px auto;
	border: 1px solid silver;
	padding: 24px;
	border-radius: 25px;
	background: #fff;
}
input::-webkit-input-placeholder { color: #695656;
font-weight: 350;
}

.bote {display: inline-block;
	color: red;
	
	
}


.wrap__item input {
	text-align: center;
	width: 100%;
	font-size: 20px;
	height: 30px;
	color: black;
	border-radius: 5px 10px 10px 5px ;
}
#phone {color:#695656}

.bote button {
	display: inline-block;
	color: #fff;
	background: red;
	border-radius: 25px 25px;
	width: 140px;
	font-size: 21px;
	font-weight: 700;
	height: 50px;
	border: 1px solid black;
	margin-top: 12px;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.text2 {
	margin-left: 10px;
	margin-top: 3px;
	color: #a3aafc;
	font-size: 50%;
	text-align:center
}



.centres input.checkbox {
margin-left: 0px;
	
}
.centres {
	display: flex;
	flex-direction: row;
	margin-top: 5px;
}

.text-container breadcrumbs-offset {width: 80%;
	display: flex;
}


/*++++*/

.miniimg {
	left: 3%;
	margin-top: 2%;
	display: block;
	position: absolute;
}

.okolo .tron {
	font-size: 20px;

}

.okolo p {
	font-size: 17px;
	opacity: 0.5;
}

.col-sm-6 .okolo {
	display: block;
	padding-left: 15%;
}



h4.h2:before,
h4.h2:after {
	content: '';

	display: inline-block;

	vertical-align: middle;
	box-sizing: border-box;
	margin: 5%;
	width: 50%;
	height: 3px;
	background: rgba(244, 20, 20, 0.53);

	border: solid #FFF;
	border-width: 0px;
}

h4.h2:before {

	margin-left: -91%;
}

h4.h2:after {

	margin-right: -91%;
}

.tok h4 {
    margin: auto;
    font-size: 35px;
}

h4.h2 {
    margin: 25px auto;
	text-align: center;
	font-size: 36px;
    color: red;
    font-family: 'PFDinDisplayPro-Regular';


}