/* Armdorstroy custom CSS */
body { font-size:17px;  font-family: 'Inter'; font-weight: normal; font-style: normal; margin:0; padding:0;}
.clearfix::after {
  content: "";
  display: table;
  clear: both; /* Целостность контейнера поддерживается. */
}

  .tab > input[type="radio"] {
    display: none;
  }

  .tab-content {
    display: none;
  }

#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5 {
    display: block;
  }
 .tab > label {display:block; float:left; margin-top:20px; margin-right:10px; cursor:pointer; padding:10px; font-size:20px; font-family: 'TT Firs Neue'; border:solid 1px #666666;}
 .tab > label:hover {color:red; border:solid 1px #E31E24;}
.com-content-category-blog__child {display:block; float:left; padding:1%;}
.klients {font-family: 'TT Firs Neue'; font-weight: bold; font-size:20px; color:#E31E24; }
.blog-item .item-image {display: block; width:100%; height:250px; overflow:hidden;}
.rabs {display: inline-block; width:250px; margin:2%; height:250px; overflow:hidden;}
.rabs img {height:auto; width:auto; min-height:300px; max-height:500px;}
figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.popup .mod-menu li { font-size:20px; list-style:none; line-height: 40px; }
.popup .mod-menu li a { color:#333333;}
.breadcrumbs { display:block; float:left; width:100%; padding-top:5px; padding-bottom:5px;}

.breadcrumbs ol { margin-left:-40px; display:block; float:left;}
.breadcrumbs a {color:#333333;}
.breadcrumbs li { list-style:none; display:block; float:left; padding-left:5px; }
.breadcrumbs li:last-child:after { content:""; padding-left:0px; width:0px; height:0px;} 
.breadcrumbs li:first-child:after { content:""; padding-left:0px; width:0px; height:0px;} 
.breadcrumbs li:after { content: "/"; padding-left:5px;}
.articleBody table { border-collapse: collapse; margin: 0px auto; margin-top:20px; margin-bottom:20px; }
.articleBody th, .articleBody td { border: solid 0px #000;padding: 5px; }
.articleBody th {text-align: left; padding: 5px; background:#none;}
.articleBody tr:hover td { }
.articleBody tr:nth-child(even) {  background-color:#FFF;  }
.articleBody  tr:nth-child(odd) { background-color:#f2f5fa;  }
.articleBody tr:hover {background-color:#337ec7; 
  -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; color:#FFF; }

.pagination { display:block; width:100%; text-align:center; }
.pagination ul { margin-left:-40px;}
.pagination li { display:inline-block; vertical-align:top; margin-bottom:20px;}
.pagination li a { color:#333333; padding:5px; padding-left:10px; padding-right:10px; font-weight:bold; text-decoration:none;}
.pagination li.active a { background-color:#6B1C23; border-radius:20px; color:#ffffff;}
h1,h2,h3,h4,h5,h6 { font-family: 'TT Firs Neue'; font-weight: 100; font-style: normal; font-size:28px; font-weight:bold; }   

.map {display:block; float:left; width:100%; border-radius:20px;}
.doc { display:block; float:left; width:94%; background-color:#ECE4E4; border-radius:20px; padding:3%; margin-top:3%;}
 
.moduletable { text-align:left; display:block; float:left;}  


.bottomwhatsapp {display:block; float:right; width:60px; margin-top:0px;}
.bottomtelegram {display:block; float:right; width:60px; margin-top:0px;}
.whatsapp img {height:auto; width:28px; }
.telegram img {height:auto; width:28px;}




.contenttop { padding-top:20px; color:#ffffff; display:block; float:left; width:100%;  position:relative; z-index:100; }
.contenttop a {color:#ffffff;}

.owl-theme .owl-nav { margin-top:-50px;}

.slider { display:block; float:left; width:100%; position: relative; overflow:hidden;  z-index:1; height:auto; }
  

.slider .item {display:block;  float:left; width:100%; z-index:10; position:relative; color:#ffffff; vertical-align:top; min-height:400px; overflow:hidden;}

.slider .item li { float:left; width:100%;}
.slider .item .button a { margin-top:30px; }
.moduletable { text-align:left;}

.zag { font-family: 'TT Firs Neue'; font-weight: normal; font-style: normal; font-size:28px; text-transform:uppercase;}
.page-header { font-family: 'TT Firs Neue'; font-weight: normal; font-style: normal; font-size:28px; text-transform:uppercase;}
.page-header h1 { text-transform:none;}
.zagl {font-family: 'TT Firs Neue'; font-weight: normal; font-style: normal; font-size:20px; }
.button a {background-color:#E31E24; padding:10px; padding-left:20px; padding-right:20px; color:#ffffff; font-family: 'Inter'; font-weight: normal; font-style: normal; display:block; float:left; margin-top:5px; text-decoration:none; }

.slider .owl-dots { margin-top:-195px; margin-bottom:30px; position: relative; z-index:1000;}
.slider .owl-theme .owl-dots .owl-dot span { position: relative; z-index:1000; display:block; width: 10px; background-color:#666666;  
    height: 10px ; border-radius:20px; transition: all 300ms linear 1ms;  }
.slider .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#ffffff !important; height:10px; width:10px;  transition: all 300ms linear 1ms;}
.slider .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background: url('../images/str2.png') no-repeat; background-size:30px;}
.slider .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background: url('../images/str2.png') no-repeat; background-size:30px;}
.imgfull { display:block; float:left; width:100%; overflow:hidden;}
.imgfull .item { display:block; float:left; max-height:350px; width:100%; overflow:hidden;}
.imgfull .item img {display:block; float:left; width:100%; height:auto; vertical-align:middle; }

.itemtext li { display:block; float:left; background: url('../images/gal.png') no-repeat left; background-size:20px; padding:10px;padding-left:40px; }
.slider li:hover a { text-decoration:none;}

.one {display:block; float:left; width:100%; margin-top:10%;}
.stanki {display:block; float:left; width:100%; margin-top:5%; margin-bottom:5%;}

.two .imgs {display:block; float:left; width:20%; font-size:48px; font-weight:bold;font-family: 'TT Firs Neue';}
.two .imgs img { width:80%; height:auto;}
.two .opisn {display:block; float:left; width:80%;}

.bol {display:block; float:left; position:relative; width:100%; margin-top:5%; margin-bottom:5%;}
.bol .two img { width:100%; height:auto; z-index:-1;}
.bol .two .ballon {transition: all 300ms linear 3ms; display:block; float:left; position:absolute; bottom:4px; opacity:1; z-index:100; padding:5%; background: rgba(0, 0, 0, 0.43); font-size:24px; color:#ffffff; width:70%;  font-family: 'TT Firs Neue';}
.bol .two:hover .ballon {transition: all 300ms linear 3ms; background: rgba(255, 0, 0, 0.43);}
 
.red { color:#E31E24;}
.tree img { max-width:100%; height:auto;}


.zayavka {display:block; float:left; width:100%; background-color:#F5F5F5; padding-top:5%; padding-bottom:5%;}
.grey {display:block; float:left; width:90%; background-color:#F5F5F5; padding:5%; margin-bottom:5%; }
.klient {display:block; float:left; width:100%; background-color:#F5F5F5; padding-top:5%; padding-bottom:5%; margin-top:5%;}
.klient .item { margin:5%;}
.rab { display:block; float:left; position:relative; width:100%; margin-top:5%;}

   
.blog-items {display:block; float:left; width:100%;}


.item-title h2 { line-height:20px; text-transform:none;}  
 .item-title a { color:#333333;font-size:18px; }

.blog-item .introtext {background: url('../images/str.png') no-repeat bottom right; padding-right:25%; background-size:30px;}
.blog-item:hover .introtext {transition: all 300ms linear 3ms;background: url('../images/str.png') no-repeat bottom right 10px; padding-right:25%; background-size:30px;}
.blog-item:hover img {transition: all 300ms linear 3ms; opacity:0.8;}
   .blog-item:hover .item-title a { color:#E31E24;}

  .item-page .item-image img { width:100%; height:auto;} 



.referensii  { position: relative; border-radius:20px; border:solid 1px #333333; text-align:left; display: inline-block; width:93%; margin:3%; margin-left:0px; padding:2%; background-color:#ffffff;  } 
.referensii img { display:block; float:left; width:100%; height:auto; }


  
.zag { display:block; float:left; width:100%; text-align:left;}



.newsflash-title {line-height:20px !important;}

.topmenu { background-color:#000000; display:block; float:left; width:100%;}
.topmenu .content { display:block; float:left; width:90%; margin-left:5%; margin-right:5%; }
.topmenu ul { padding:0; margin-bottom:0px; margin-left:-10px; margin-top:0px; display:block; margin-left:5%; margin-right:5%; width:90%; }
.topmenu ul li { display: block; float:left;  }
.topmenu ul li:last-child {background-color:#E31E24; }
.topmenu li a { font-family: 'Inter'; font-weight: normal; font-style: normal; font-size:18px; color:#ffffff;text-align:center; padding-top:10px; padding-bottom:10px; display:block; margin:0px; margin-right:auto; text-decoration:none;}
.topmenu li a:hover {text-decoration:none;}
.topmenu li:nth-child(4) { margin-top:-0.2%;}
.topmenu ul {    
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topmenu ul li:last-child a { padding-left:10px; padding-right:10px; border-bottom: solid 2px #E31E24;}
.topmenu li a { border-bottom: solid 2px #000000;  }
.topmenu li .active a  { color:#0E4EF9; }
.topmenu li:hover a { border-bottom: solid 2px #E31E24;}
.topmenu li:hover li a { border-bottom: solid 2px #ffffff; display:block; float:left; width:100%;}
.topmenu li { position:relative; display:block;}
.topmenu li ul {width:250px; opacity:0; z-index:100; position: absolute; display:block; float:left; padding-bottom:10px;  }
.topmenu li:hover ul { text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block;  padding:20px; position: absolute; background-color:#ffffff; box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);}
.topmenu li ul li {text-align:left; background-color:#ffffff; color:#333333; display:block; float:left; width:100%;}
.topmenu li ul li a {text-align:left; background-color:#ffffff; color:#333333;display:block; float:left; width:100%; }
.topmenu li li:hover a { color:#CCCCCC; border-bottom:2px solid #ffffff; display:block; float:left; width:100%;}
.topmenu li li a { border-bottom:2px solid #ffffff; width:100%;  display:block; float:left;}
.topmenu li.active li a  {display:block; float:left; width:100%; color:#0E4EF9; border-bottom: solid 2px #33333;}
.topmenu ul li li:last-child a { padding-left:0px; padding-right:0px; }
.work .page-header h2 { font-size:18px; margin-top:10px; text-transform: none;}

#content { display:block; float:left; margin-bottom:5%; width:100%; }

.footer { display:block; float:left; position:relative; width:100%; color:#ffffff; }
.footer a { color:#ffffff; }

.footer2 li, .footer3 li { margin-left:-40px; list-style:none; padding-left:20px; background: url('../images/li.png') no-repeat left; margin-bottom:10px;  }




.comp {display:block; float:left; position:relative; width:100%;}



.footer .telf { font-family: 'Inter'; font-weight: normal; font-style: normal; font-size:24px; line-height:22px; color:#000000;}
   
   
 .content table { width:100% !important; border-collapse: collapse; margin: 0px auto; margin-top:20px; margin-bottom:20px; }
.content th, .content td { border: solid 0px #000;padding: 5px; }
.content th {text-align: left; padding: 5px; background:#none;}
.content tr:hover td { }
.content tr:nth-child(even) {  background-color:#FFF;  }
.content  tr:nth-child(odd) { background-color:#f2f5fa;  }
.content tr:hover {background-color:#337ec7; 
  -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; color:#FFF; } 

@media (min-width: 768px) {
.topmenu { display: block;}	
.slider .item img { float:left; z-index:-1; height:600px;}
.footer1, .footer2, .footer3 { display:inline-block; vertical-align: top; width:25%; padding:20px;}
.footer4 { display:inline-block; vertical-align: top; width:80%; padding:20px;}
.menupopup {display: none; }
.logo { display:block; float:left; width:130px; margin-bottom:3px;  margin-top:-10px; font-size:14px;}
.logo img {display:block; float:left; }
 .darkfooter {color:#ffffff; display:block; float:left; width:54%; padding-left:10%; padding-top:5%; background-color:#000000; height:400px; }  
.redfooter { color:#ffffff; display:block; float:right; width:34%; padding-left:2%; padding-top:5%; background-color:#E31E24; height:400px; }
.darkfooterline { width:75%; display:block; float:left; vertical-align: bottom; border-top:solid 1px #6A6868; padding:10px; height:40px; position:absolute; bottom:0;}
.redfooterline { width:25%; display:block; float:left; vertical-align: bottom; border-top:solid 1px #F54346; padding:10px; margin-left:-20px; padding-left:30px; height:40px; position:absolute; bottom:0;}
.two {display:inline-block; width:45%; margin:2%; vertical-align:top; position:relative; }
.tree { padding-top:5%; display:inline-block; width:29%; margin:2%; vertical-align:top; }  
.polovina {display:block; float:left; width:40%; margin-right:10%;}
.content { margin-left:10%; margin-right:10%; display:block; float:left; width:80%;}
.whatsapp {display:block; float:right; width:60px; margin-top:10px;}
.telegram {display:block; float:right; width:60px; margin-top:10px;}
.telefon { font-family: 'Inter';display:block; float:right; width:180px; background: url('../images/tel.png') no-repeat left; padding-left:30px; margin-top:25px; height:30px; padding-top:5px;}
.post { font-family: 'Inter';display:block; float:right; width:190px;background: url('../images/post.png') no-repeat left; padding-left:35px; margin-top:25px;  height:30px; padding-top:5px;}
.zagbig { font-family: 'TT Firs Neue'; font-weight: normal; font-style: normal; font-size:28px;text-transform:uppercase;}
.itemtext { display:block; z-index:100; position:absolute; float:left; width:60%; margin-left:10%; margin-top:5%;}
 .imgcompany {background: url('../images/company.png') no-repeat center top; top:0; position: absolute; display:block; right:0; bottom:0; float:right; width:40%; overflow:hidden; height:60vh; background-size:600px; }  
.textcompany {position:relative; display:block; float:left; width:50%; margin-right:5%; margin-bottom:5%;} 
.slider .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; z-index:10000; right:0; margin-right:43%; margin-top:-150px; vertical-align:middle; width:30px; height:30px;  background: url('../images/str2.png') no-repeat; background-size:30px; }
.slider .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; z-index:10000;left:0; margin-left:43%; margin-top:-150px;vertical-align:middle; width:30px; height:30px; background: url('../images/str2.png') no-repeat; background-size:30px;
       transform: rotate(-180deg); }
.menuimg .item { position: relative; border-radius:10px; border:solid 1px #333333; text-align:left; display: inline-block; width:22%; margin:3%; padding:2%;  }
.parent {
        width: 1150px;
        text-align: center;
        padding:0; 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin:0; margin-left:-10%; z-index:100;
		padding-top:10%; display:none;
      }
.parent2 {
        width: 1150px;
        text-align: center;
        padding:0; 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin:0; margin-left:-135%; z-index:100;
		padding-top:10%; display:none;
      }	  
	.parent3 {
        width: 1150px;
        text-align: center;
        padding:0; 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin:0; margin-left:-260%; z-index:100;
		padding-top:10%; display:none;
      }  
.itemparent { position: relative; border-radius:10px; border:solid 1px #333333; text-align:left; display: inline-block; width:22%; margin:3%; padding:2%; background-color:#ffffff;   }
.image-title { display: inline-block; float:left; width:65%;  background: url('../images/str.png') no-repeat right; padding-right:25%; background-size:30px; font-size:18px; font-weight:bold; color:#333333; height:50px; padding-top:10px;}
 

.company { margin-top:10%; display:block; float:left; position:relative; width:90%; margin-left:10%; margin-right:0px; }   

 .blog-item  { position: relative; text-align:left; vertical-align:top; display: inline-block; width:47%; margin:1%;  background-color:#ffffff;  }    
.blog-item img { display: block;float:left; width:100%; height:auto; }
.item-page .item-image {border-radius:20px; border:solid 1px #333333; display:block; float:left; width:50%; margin:0; padding:2%; margin-right:5%; margin-left:0px;}
  .pdf {background: url('../images/PDF.png') no-repeat left top; padding-left:80px; display: block; float:left; width:22%; margin:1%; height:50px; padding-top:20px; font-size:20px; }     
  .zvon { display:block; float:right; margin-right:7%; margin-top:10px; margin-bottom:10px;}
  .imgcontakt { display:block; right:12%; margin-top:-5%; width:30%; height:400px; position:absolute; z-index:-1; background: url('../images/company.png') no-repeat right top; border-radius:20px;}
  .forma2 { display:block; float:left; width:90%; background-color:#ECE4E4; border-radius:20px; padding:10%; }
   .referensii  .item-image {border-radius:20px; display:block; float:left; width:50%; margin:0;  margin-right:5%; overflow:hidden; height:300px;}
  .forma { display:block; float:left; width:100%; background-color:#ffffff; margin-top:3%; margin-bottom:5%;} 

   

}
@media (max-width: 768px) {
.topmenu { display:none;}	
.menupopup {
	display: block; float:right;
	width: 58px;
	height: 38px;	
	background: url("../images/menu.png") 0 0 no-repeat;
	position: absolute; right:0px; top:15px; }	
.logo { display:block; float:left; width:100%; margin-top:3px; margin-bottom:3px; font-size:12px;}
.logo img {display:block; float:left; width:158px; padding-right:10px;  }
.zagbig { font-family: 'TT Firs Neue'; font-weight: normal; font-style: normal; font-size:20px;text-transform:uppercase;}
.itemtext { display:block; z-index:100; position:absolute; float:left; width:80%; margin-left:10%; margin-top:15%;}
.footer1, .footer2, .footer3 { display:inline-block; vertical-align: top; width:95%; padding:20px;}
 .darkfooter { position:relative;color:#ffffff; display:block; float:left; width:95%; padding-left:5%; padding-top:5%; background-color:#000000; height:600px; }  
.redfooter {position:relative; color:#ffffff; display:block; float:right; width:95%; padding-left:5%; padding-top:5%; background-color:#E31E24; height:500px; }
.darkfooterline { width:75%; display:block; float:left; vertical-align: bottom; border-top:solid 1px #6A6868; padding:10px; height:40px; position:absolute; bottom:0;}
.redfooterline { width:75%; display:block; float:left; vertical-align: bottom; border-top:solid 1px #F54346; padding:10px; margin-left:-20px; padding-left:30px; height:40px; position:absolute; bottom:0;}
.footer4 { display:inline-block; vertical-align: top; width:95%; padding:20px;}
.slider .item img { float:left; z-index:-1; height:700px; width:auto;  }
.two {display:inline-block; width:95%; margin:2%; vertical-align:top; position:relative; }
.tree { padding-top:5%; display:inline-block; width:95%; margin:2%; vertical-align:top; } 
.polovina {display:block; float:left; width:100%; margin-right:0;} 
.content { margin-left:5%; margin-right:5%; display:block; float:left; width:90%;}
.whatsapp {display:block; float:right; width:40px; margin-top:10px;}
.telegram {display:block; float:right; width:30px; margin-top:10px;}
.telefon { font-family: 'Inter';display:block; float:left; width:180px; background: url('../images/tel.png') no-repeat left; padding-left:30px; margin-top:5px; height:30px; padding-top:5px;}
.post { font-family: 'Inter';display:block; float:left; width:190px;background: url('../images/post.png') no-repeat left; padding-left:35px; margin-top:5px;  height:30px; padding-top:5px;}

.forma { display:block; float:left; width:100%; background-color:#ffffff; margin-top:10%; margin-bottom:5%;}
.slider .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; z-index:10000; right:0; margin-right:33%; margin-top:-5px; vertical-align:middle; width:30px; height:30px;  background: url('../images/str2.png') no-repeat; background-size:30px; }
.slider .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; z-index:10000;left:0; margin-left:33%; margin-top:-5px;vertical-align:middle; width:30px; height:30px; background: url('../images/str2.png') no-repeat; background-size:30px;
       transform: rotate(-180deg); }
.menuimg .item { position: relative; border-radius:10px; border:solid 1px #333333; text-align:left; display: inline-block; width:90%; margin:3%; padding:2%;  }	


.parent {
        width: 90%;
        text-align: center;
        padding:0; 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin:0; margin-left:0; z-index:100;
		padding-top:10%; display:none;
      }
.parent2 {
        width: 90%;
        text-align: center;
        padding:0; 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin:0; margin-left:0; z-index:100;
		padding-top:10%; display:none;
      }	  
	.parent3 {
        width: 90%;
        text-align: center;
        padding:0; 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin:0; margin-left:0; z-index:100;
		padding-top:10%; display:none;
      }  
.itemparent { position: relative; border-radius:10px; border:solid 1px #333333; text-align:left; display: inline-block; width:100%; margin:3%; padding:2%; background-color:#ffffff;   }
 .image-title { display: inline-block; float:left; width:65%;  background: url('../images/str.png') no-repeat right; padding-right:25%; background-size:30px; font-size:18px; font-weight:bold; color:#333333; height:50px; padding-top:20px;}
 
 
.imgcompany {background: url('../images/company.png') no-repeat center top; top:0; position: relative; display:block; right:0; bottom:0; float:right; width:100%; overflow:hidden; height:60vh; background-size:600px; }  
.textcompany {position:relative; display:block; float:left; width:90%; margin-right:5%; margin-bottom:5%;}  
  .grey { display:none; float: left; margin-left:0px; height:0px; margin-top:0px; width:0px; bottom:0; background:none; background-size:0px; padding-bottom:o; }  
.company { margin-top:15%; display:block; float:left; position:relative; width:90%; margin-left:5%; margin-right:5%; }   
.imgcompany img { width:120%; height:auto; display:block; position: relative; right:0; margin-left:-10%; margin-right:-10%; } 
.blog-item  { position: relative; text-align:left; display: inline-block; width:90%; margin:3%;  background-color:#ffffff;  }  
.blog-item img { display: block;float:left; width:100%; margin-left:0px; margin-top:0px; height:auto; }    
.item-page .item-image {border-radius:20px; border:solid 1px #333333; display:block; float:left; width:90%; margin:0; padding:2%; margin-right:3%; margin-left:3%; margin-bottom:5%;}
  .pdf {background: url('../images/PDF.png') no-repeat left top; padding-left:80px; display: block; float:left; width:90%; margin:1%; height:50px; padding-top:20px; font-size:20px; }  
  .zvon { display:block; width:100%; float:right; margin-right:0; margin-top:40px; margin-bottom:40px;}  
  .imgcontakt { display:none; right:0; margin-top:0; width:0; height:0; position:absolute; z-index:-1; background:none; border-radius:20px;}
  .forma2 { display:block; float:left; width:80%; background-color:#ECE4E4; border-radius:20px; padding:10%; }
   .referensii  .item-image {border-radius:20px; display:block; float:left; width:100%; margin:0;  margin-right:0; overflow:hidden; height:300px;}
  
}
.sp_title{ display:block; float:left; }

.sp_content{ padding-top:0px; background-color:#ffffff; float:left; position: relative; z-index:1000;  width:100%;  }
.bottommenu {display:block; float:left; width:50%;}
.bottommenu li { list-style:none; display:inline-block; float:left;margin:10px;}
.bottommenu li:last-child {margin-top:8px;}
.bottommenu li a { color:#ffffff; }

.bottommenu ul { margin-left:-40px; display:block; float:left; margin-top:10px; width:100%; }
.footer .telefon { font-family: 'Inter';display:block; float:right; width:180px; background: url('../images/tel2.png') no-repeat left; padding-left:30px; margin-top:15px; height:30px; padding-top:5px;}
.footer .post { font-family: 'Inter';display:block; float:right; width:140px;background: url('../images/post2.png') no-repeat left; padding-left:35px; margin-top:15px;  height:30px; padding-top:5px;}



.zvon a {background: url('../images/str.png') no-repeat left; border:10px solid #ffffff; background-color:#ffffff; color:#6B1C23; padding:10px; padding-left:20px; padding-right:20px; background-size:28px; padding-left:35px; border-radius:10px; }


.kopy { display:block; float:right; width:70px;}

.item-page { min-height:100px;}


/* МОДАЛЬНОЕ ОКНО  */
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 12;
    display: none;
/* фон затемнения */
    background: rgba(0,0,0,.5);
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсара */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -100%; 
    right: 0;
    left: 50%;
    font-size: 14px;
    z-index: 10000;
    margin: 0;
    width: 75%;
    min-width: 320px;
    max-width: 600px; padding:4%;
/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
    
    border: 0px solid #ffffff;
    background: #ffffff;
/* скругление углов */ border-radius:0px;
    font-family: 'TT Firs Neue';
    font-size: 14px/18px;
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}
/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 5%;
}
/* формируем кнопку закрытия */
.close {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 2px;
    border: 1px solid #333333;
	border-bottom: 1px solid #333333 !important;
    text-align: center;
    text-decoration: none;
    font: 20px 'Tahoma', Arial, sans-serif; line-height:20px;
    font-weight: bold; margin-bottom:2px;
    
}
.close:before {
    color: #333333;
    content: "X";
    
    font-size: 20px;
}
.close:hover {
    
}
.close:hover:before {
    
	color:#CCCCCC;
      
}
/* изображения внутри окна */
.popup img {
    width: 100%;
    height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* элементы м-медиа, фреймы */
.popup embed, 
.popup iframe {
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0; 
    display:block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
.popup h2 { /* заголовок 2 */
    margin: 0;
    color: #333333;
    padding: 5px 0px 10px;
    text-align: left;
    font-weight: 500;
    font-size: 20px;
   font-family: 'Roboto', sans-serif;
    line-height: 1.3;
}
/* параграфы */
.popup p {margin: 0; padding: 5px 0}

/*Анимация*/
@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

#qwe {
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
input[type="checkbox"] { display: block;
    float: left; width:30px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
input[type="radio"] { display: block;
    float: left; width:30px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
.popup input[type="checkbox"] { display: block;
    float: left; width:30px; 
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  } 
  

.opis {display:block; float:left; padding-left:10px; padding-right:10px; padding-bottom:10px;}
.forma .zag { margin-left:5%; font-size:24px; font-weight:bold;}
.forma2 .zag { margin-left:5%; font-size:24px; font-weight:bold; margin-bottom:20px;}
.forma .moduletable {display:block; float:left; width:100%;}  
.file {padding-left:10px; padding-right:10px; text-align:center;}
.file input { display:block;  border-bottom:none;}
input { width:96%; padding:3%; padding-right:0; font-size:18px; line-height:15px; background-color:#FFFFFF;   color:#333333; border:0px; border-bottom:solid 1px #666666; text-align:center; margin-top:-10px; }
.popup .zag {margin-top:-10px; margin-bottom:20px;}
select { width:100%; padding:3%; padding-right:0; font-size:18px; line-height:15px; background-color:#FFFFFF; border:0px;  border-radius:0px; color:#333333; }

textarea {font-size:18px; line-height:15px;  width:93%; padding:3%; color:#333333; background-color:#ffffff; border:none;  border: 0px; border-bottom:solid 1px #666666; text-align:center; font-family: 'Inter'; font-weight: normal;  margin-top:-10px;}
.rf-button-send {transition: all 300ms linear 1ms; width:99%; background:#E31E24; border: 0px;  cursor:pointer; font-size:18px; color:#ffffff; padding-top:20px; padding-bottom:20px;  }
.rf-button-send:hover { background-color:#E31E24;transition: all 300ms linear 1ms; color:#FFFFFF; }
.mal { font-size:12px;}


.voprosform .zag {color:#FFFFFF;}
.voprosform:hover {transition-duration: .2s; background: rgb(124,118,236);
background: linear-gradient(120deg, rgba(124,118,236,1) 0%, rgba(0,212,255,1) 100%); }




.voprosform .button a:hover {  transition: all 300ms linear 1ms; background-color:#0CB1F7;color:#FFFFFF; border: solid 5px #ffffff;}



@keyframes uk-shake {
 0%, 100% { transform: translateX(0); }
 10% { transform: translateX(-9px); }
 20% { transform: translateX(8px); }
 30% { transform: translateX(-7px); }
 40% { transform: translateX(6px); }
 50% { transform: translateX(-5px); }
 60% { transform: translateX(4px); }
 70% { transform: translateX(-3px); }
 80% { transform: translateX(2px); }
 90% { transform: translateX(-1px); }
}


textarea.uk-form-danger,
input.uk-form-danger, select.uk-form-danger {
 border:2px solid #FB070B;
 animation-duration: .5s;
 animation-timing-function: ease-out;
 animation-fill-mode: both;
 animation-name: uk-shake;
}
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}





@font-face {
    font-family: 'TT Firs Neue';
    src: url('/media/templates/site/wmarka/fonts/TTFirsNeue-Regular.eot');
    src: local('TT Firs Neue Regular'), local('TTFirsNeue-Regular'),
        url('/media/templates/site/wmarka/fonts/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('/media/templates/site/wmarka/fonts/TTFirsNeue-Regular.woff2') format('woff2'),
        url('/media/templates/site/wmarka/fonts/TTFirsNeue-Regular.woff') format('woff'),
        url('/media/templates/site/wmarka/fonts/TTFirsNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/media/templates/site/wmarka//fonts/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('/media/templates/site/wmarka/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('/media/templates/site/wmarka/fonts/Inter-Regular.woff2') format('woff2'),
        url('/media/templates/site/wmarka/fonts/Inter-Regular.woff') format('woff'),
        url('/media/templates/site/wmarka/fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}