/*
Theme Name: 26-1
Version: 26.1
Description: Версия для https://stroykonstanta.ru/
Author: https://ait-ural.ru/
Author URI: https://ait-ural.ru/
*/

/*@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Exo+2&display=swap');*/
@-ms-viewport {
    width: device-width
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

a {
    text-decoration: none;
    color: #00355e;
}

a:visited {
    color: #fe962f
}

a:hover {
    color: #2f32fe
}

a:active {
    color: #fff
}

html {
    overflow-x: hidden;
    /*font-family: 'Play', sans-serif;*/
	font-family: Fira Sans,Arial,sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #373636;
    font-weight: 300

}

body {
    margin: 0;
    overflow-x: hidden
}
strong{
 font-weight:bold;
}
p:first-child {
    margin-top: 0
}

p {
    margin: 20px 0 0;
    color: #515151;
    line-height: 24px;
  /*  text-indent: 20px;*/
    text-align: justify;
    letter-spacing: 0.5px
	font-size: 20px;
  line-height: 1.5em;font-family: Fira Sans,Arial,sans-serif;
}

H1 {
    color: #333;line-height: 1em;text-align: center;margin-top: 60px;
}

H2 {
    color: #333;text-align: center;margin-top: 60px;
}

h4 {
    color: #333;
    margin: 10px;
    font-size: 150%
}
.sp li {
    padding-left: 20px;
    list-style: none;
    background: url("images/ok.png") no-repeat;
    margin-top: 5px
}

.sp2 li {
    text-align: justify;
    padding-left: 20px;
    list-style: none;
    background: url("images/ok.png") no-repeat;
    margin-bottom: 5px
}

.sp3 li {
    text-align: justify;
    padding-left: 20px;
    list-style: none;
    background: url("images/ok2.png") no-repeat;
    margin-bottom: 5px
}

.sp4 li {
    text-align: justify;
    padding-left: 20px;
    list-style: none;
    background: url("images/ok3.png") no-repeat;
    margin-bottom: 5px;
background-position: 0% center;
}
  .container {
    width: 1170px;
    margin-right: auto;
  margin-left: auto;}

   .top-bar {
        width: 100%;
        /*height: 100%;*/
        float: left;
        background-color: white;
        display: table;
		
    }

/*мобил*/
@media (max-width:768px) {
 .container {
        width: 100%;
    }}/**
@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}*/
.body-wrapper {
    width: 100%;
    float: left
}

.wrapper {
    width: 100%;
    height: 100%;
    float: left;
  /* background-color: #fff9f1;
    box-shadow: inset 0 15px 5px -15px #333, inset 0 -15px 5px -15px #333*/
}
/*хедер*/
.fa
 {
    color: #013a67;top: 3px;
  position: inherit;
}
@media (min-width:768px) {
    .menu-bar {
        width: 100%;
        height: 100%;
        float: left;
        background-color: #437da7;
        box-shadow: 3px 3px 10px 2px #505050;
		z-index: 10;
    position: relative;
    }
    .containerh1 {
        float: left;
        width: 100%;
        padding: 15px
    }
    .containerh2 {
        width: 100%;
        float: left
    }
 
  
    .logo {
        width: 25%;
        height: 120px;
      
       
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box
    }
	.title{width: 45%;
        height: 120px;
		       float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
		display: flex;
    align-items: center;text-align: center;
	font-size: 20px;
    font-weight: bold;}
	.tel{width: 30%;
        height: 120px;
		       float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
		  display: grid;
  align-items: center; /* Вертикальное выравнивание */text-align: center;}
	.scrlogo{
        height: 120px;}
	
	#header_nomer {
    font-size: 1.5em;
    margin-bottom: -47px;
    position: relative;
}
.my-link{margin-bottom: -47px;}

	#header_time {
 font-size: 0.99em;
    margin-top: 9px;
}
	
	
}

/*мобил*/
@media (max-width:768px) {
.scrlogo{
        width: 100%;}
	
	#header_nomer {
font-size: 1.5em;
        /* margin-bottom: -47px; */
        /* position: relative; */
        text-align: center;
        float: left;
        width: 100%;
        margin-top: 20px;
}
.title{float: left;
    margin-top: 20px;
    padding: 15px;text-align: center;}
.tel{float: left;
    margin-top: 0px;
    padding: 15px;}

#header_time {
font-size: 1.5em;
        /* margin-bottom: -47px; */
        /* position: relative; */
        text-align: center;
        float: left;
        width: 100%;
        margin-top: 20px;margin-bottom: 20px;}
.logo {/*padding: 10px;*/}
.containerh1 {padding: 10px;}

}




/*main*/
    .content {
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        color: #333;
        padding-top: 40px;
		padding-bottom: 40px;min-height: 800px;
    }


/*контакты*/
.blokgkonta{width: 100%;
  font-size: 18px;
  line-height: 2.2em; }
.blokgkontform{ width: 50%;}
.blokgkont{width: 50%; }
.blokgkontmap{width: 100%; }
/*mobi*/
@media (max-width:768px) {
	.blokgkonta{width: 100%; }
.blokgkontform{width: 100%; }
.blokgkont{ width: 100%;}
.blokgkontmap{width: 100%; }
	}



/*футер*/
.aitfoot{display: flex;
  justify-content: space-between;}
.aitfooter {
    color: #fff;
    text-align: center;
    padding: 20px 0;
    background: #00325b;
    width: 100%;
    float: left
}
.aitfoot1{width: 25%; float: left;}
.aitfoot2{width: 25%; float: left;}
.aitfoot3{width: 25%; float: left;}
.aitfoot4{width: 25%; float: left;}
.aitfooter3 {
background-color: #053c61;
  width: 100%;
  height: 300px;
  float: left;
  color: aliceblue;line-height: 1.9em;
  font-size: 19px;
  font-weight: bold;
}
.aitfooter3 a {color: aliceblue;}
.aitfooter3 a:hover {color: white; 
/*text-shadow: 1px 1px 7px #fff;*/
box-shadow: 0 5px 15px -8px rgb(0, 0, 0),0 8px 10px -5px rgb(0, 0, 0);
}


.aitfooter{
    color: #f0f0f0;
    text-align: center;
    padding: 20px 0;
	background: #333;
	width: 100%;
	float: left;line-height: 1.7;
	}
.aitfooter a{color: #c7c1c1;}
.aitfooter a:hover{   color: #eaeaea;

	}
.footblock2 a{
    color: #07f;

	}


.footblock3 a{
    color: #fff;

	}


.footblock3 a:hover{
    color: #eaeaea;

	}


/*mobi*/
@media (max-width:768px) {
.aitfoot1{width: 100%; float: left;        text-align: center;}
.aitfooter3 {
    background-color: #053c61;
    width: 100%;
 height: 100%;
    float: left;
    color: aliceblue;
    line-height: 1.9em;
    font-size: 19px;
    font-weight: bold;
}
.aitfoot {
display: flow;}




}


/*меню главное*/
.headmenu {
    position: relative;
    width: 100%;
    height: 57px;
    background-color: #437da7;
    box-sizing: border-box;
    z-index: 11;
    font-family: Arial, sans-serif
}

.headmenu ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: justify;
    font-size: 1px;
    line-height: 1px;
    width: 100%;
    height: 57px;
    text-transform: uppercase
}

.headmenu ul::after {
    display: inline-block;
    width: 100%;
    height: 0;
    content: " "
}

.headmenu ul li {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 15px;
    line-height: 1.4em;
    vertical-align: top;
    list-style: none;
    background: none
}

.headmenu ul li a {
    display: block;
    width: auto;
    height: 57px;
    box-sizing: border-box;
    padding: 18px 20px 0 20px;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    
}

.headmenu ul li a:hover {
    color: #043b67;
    text-decoration: none
}

.menu2,
.menu2 ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu2 {
    height: 30px
}

.menu2 li {
    opacity: 0.5;
    background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929',endColorstr='#252525')";
    background: linear-gradient(#292929, #252525);
    min-width: 160px
}

.menu2 > li {
    display: block;
    float: left;
    position: relative
}

.menu2 > li:first-child {
    border-radius: 5px 0 0
}

.menu2 a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #808080;
    display: block;
    font-family: 'Lucida Console';
    font-size: 18px;
    line-height: 54px;
    padding: 0 25px;
    text-decoration: none;
    text-transform: uppercase
}

.menu2 li:hover {
    opacity: 1
}

.menu2 li:hover > a {
    border-radius: 5px 0 0 0;
    border-left: 3px solid #C4302B;
    color: #C4302B
}

.submenu2 {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px
}

.submenu2 li {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s
}

.menu2 .submenu2 li:hover a {
    border-left: 3px solid #454545;
    border-radius: 0;
    color: #ffffff
}

.menu2 > li:hover .submenu2,
.menu2 > li:focus .submenu2 {
    max-height: 2000px;
    z-index: 10
}

.menu2 > li:hover .submenu2 li,
.menu2 > li:focus .submenu2 li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.menu2 li:hover .submenu2 li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.menu2 li:hover .submenu2 li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.menu2 li:hover .submenu2 li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

.menu2 li:hover .submenu2 li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}

.menu2 li:hover .submenu2 li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

.menu2 li:hover .submenu2 li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

.menu2 li:hover .submenu2 li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

.menu2 li:hover .submenu2 li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}

.submenu2 li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}

.submenu2 li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

.submenu2 li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

.submenu2 li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

.submenu2 li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}

.submenu2 li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

.submenu2 li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.submenu2 li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}



/*меню мобильное*/
@media (max-width:768px) {
    .headmenu {
        display: none
    }
    .toggle {
        background: url("images/menuicon.png") no-repeat scroll 100% 50%;
        display: block;
        font-weight: bold;
        color: #ffffff !important
    }
    .menu4 {}
    .menuwrapp_mobile {
        margin: 0;
        position: relative;
        border: 0;
        float: left;
        width: 100%;
        background: linear-gradient(to left, #003963, #003965);
        z-index: 999;
        border: 2px solid #c5c5c5;
        box-sizing: border-box
    }
    .mobil {
        margin: 0;
        position: relative;
        display: block;
        border: 0
    }
    .nav-menu {
        float: left;
        padding: 0;
        width: 100%;
        margin-top: auto;
    }
    ol,
    ul {
        list-style: none
    }
    nav[role="navigation"] {
        width: 100%;
        display: block;
        margin: auto;
        font-family: 'Lato', sans-serif
    }
    nav[role="navigation"] a {
        font-size: 22px;
        color: #232323;
        text-decoration: none;
        padding: 0 15px;
        line-height: 35px;
        display: block;
        font-weight: bold
    }
    nav[role="navigation"] li {
        width: 100%;
        height: auto;
        text-align: center;
        background-color: aliceblue
    }
    nav[role="navigation"] span {
        font-size: 35px
    }
    nav.second {
        width: 100% background: #2980b9;
        height: 40px;
        display: block;
        margin: auto;
        font-family: 'Lato', sans-serif
    }
    .menumini {
      /*  background: none repeat scroll 0 0 #FFFFFF;*/
        font-size: 18px;
        overflow: hidden;
        padding: 0;
        display: none;
        box-shadow: 0 5px 5px -5px #333;
        margin-top: 0
    }
    .menumini .sub-menu {
        background: none;
        display: block;
        position: static;
        margin-left: -40px
    }
    .menumini li {
        border-top: 1px solid #e3e3e3
    }
    .menumini a {
        text-align: left;
        /*background-color: #369cf5*/
    }
    .menumini a:hover {
        opacity: 0.9;
        text-decoration: none;
        background: #CB0000;
        color: #fff
    }
    .menumini .sub-menu a {
        padding-left: 30px
    }
    .menumini .sub-menu .sub-menu a {
        padding-left: 30px
    }
}


@media (min-width:768px) {
 
    .mobil {
        display: none
    }
}


/*конец мобильного*/


/*для главной*/
.divdover{width: 100%;margin-top: 60px;float: left;}
.divcifr{width: 100%;
  background-color: #f7f8fa;
  margin-top: 60px;
  padding: 10px;
 float: left;
 box-shadow: 0 6px 18px rgba(14,21,47,.1),0 -2px 6px rgba(14,21,47,.02);}
 .divcifr p{text-indent: 20px; color: #000;
  font-family: Open Sans,Tahoma,Arial,Helvetica,sans-serif;
  font-size: 18px;
  line-height: 1.5;
  word-spacing: 0;letter-spacing: 1px;}
 
 .div1{width: 100%;float: left;  margin-top: 60px; display: flex;
  justify-content: space-between;}
 .divcifrl{width: 50%;
 font-size: 25px;
  line-height: 1.5em;


  padding: 10px;
 float: left;padding-right: 20px;
 }
 .div1img{}
  .div1img img{max-width: 100%;}
 
 
 .sp{margin-top: 50px;/*padding-right: 20px;*/}
 .sp p{text-indent: 20px;}
 
.divusl{width: 100%;
  background-color: #f7f8fa;
  margin-top: 60px;
  padding: 10px;height: 300px;float: left;}
.divbkusl{width: 31%;
  background-color: #fff;
  padding: 10px;
  float: left;
  margin: 10px;}
  
  .vcifr{width: 100%;
  margin-top: 60px;float: left;display: flex;
  justify-content: space-between;}
  .kubcifr{width: 22%;float: left;margin: 10px;border-radius: 10px;
  height: 200px;box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgb(151, 151, 151), 23px 0 20px -23px rgb(177, 180, 182), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
  .cifr{color: #ff0606;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  display: grid;
  align-items: center;
  margin-top: 40px;}
  .txtcifr{text-align: center;padding-top: 40px;}
  
  .bx-wrapper .bx-viewport .carousel-item, .bx-wrapper .bx-viewport .bx-clone {
  border: 2px solid #cfcfcf;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
  max-height: 180px !important;
}
.blokglav1{float: left;margin-top: 60px;width: 100%;display: flex;
  justify-content: space-between;}
.blokglav5 {margin-left: 10px;
  width: 32%;
  height: 240px;
  /*margin: 7px;*/
  box-shadow: 0 0 10pt #727272;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;border-radius: 10px;
}
/*.blokglav5 :hover {opacity: 0.7;}*/
.blokglav5txt {
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
  position: absolute !important;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  z-index: 90;
  position: relative;
  display: flex;
}
.blokglav5txt p {text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black;
  color: #007aa9;}
.blokglav5txt h2 {text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black;
  color: #007aa9;}

.blokglav5link img {
    width: 100%;
    height: 100%

}

.blokglav5link hover {
opacity: 0.7;
}

.blokglav11{float: left;margin-top: 60px;width: 100%;}
.blokglav51 {
  width: 100%;
  height: 300px;
  /*margin: 7px;*/
  box-shadow: 0 0 10pt #727272;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;border-radius: 10px;
}
.blokglav5txt1 h1 {font-size: 40px;text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black;
  color: #1d496e;margin-top: -190px;}
  .blokglav51 img {
    width: 100%;
    height: 100%

}


/*mobi*/
@media (max-width:768px) {
.blokglav51 img {
    width: 100%;
    /* height: 100%; */
    /* margin-top: 20px; */
    /* width: 200px; */
    height: 300px;
}	
.blokglav11{margin-top: 10px;}
.vcifr {
 margin-top: 10px;display: flow;
}
.kubcifr {
    width: 44%;
    float: left;
    margin-top: 60px;
}
.divcifrl {width: 100%;}
.blokglav5{width: 100%;margin-top: 20px;margin-left: 0px;}
.div1img img {
 
    width: 100%;
}
 .bx-wrapper .bx-viewport .carousel-item, .bx-wrapper .bx-viewport .bx-clone {
  border: 2px solid #cfcfcf;  width: 150px !important;
}
.blokglav11{margin-bottom: 20px;}
.blokglav1 {
    float: left;
    margin-top: 1px; 
    width: 100%;display: flow;
}
.div1 {
    width: 100%;
    float: left;
margin-top: 1px; display: flow;
}

}