/* Armdorstroy custom CSS */
body { display:block; float:left; width:100%; font-size:18px; line-height:24px;  font-family: 'Inter'; font-weight: normal; font-style: normal; margin:0; padding:0; color:#333333;}
.clearfix::after {
  content: "";
  display: table;
  clear: both; /* Целостность контейнера поддерживается. */
}
.full {display:block; float:left; width:100%;}
figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
a {color:#186d9d;}
li { margin-bottom:10px;}

.set { display:block; float:right; margin-left:2%; margin-right:2%;}
.tlf {color:#000000;}
.tlf a {color:#000000; text-decoranion:none;}
.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus { color:#333333 !important; background:none;}
.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn { height:50px !important; width:50px !important; margin-right:10px !important; background:none !important;}
.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in { padding:3% !important; width:94% !important; z-index:1000; position:absolute;}
.dj-megamenu-clean li ul.dj-subtree > li > a { line-height:22px !important;}
.topmenu li li li a {font-family: 'Inter'; font-weight: normal;}
.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: 'Russo One'; font-weight:100; font-style: normal; font-size:28px;  }   
.tlf { font-family: 'Russo One'; font-weight:100; font-style: normal; font-size:20px;  }
.post {font-family: 'Inter'; font-weight: normal; }
.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;}

.moduletable { text-align:left;}
.zag { font-family: 'Russo One', sans-serif; font-weight: 100; font-style: normal; font-size:28px;  line-height:34px;}
.page-header { font-family: 'Inter'; font-weight: normal; font-style: normal; font-size:28px; text-transform:uppercase;}
.page-header h1 { text-transform:none;}
.zagl {font-family: 'Russo One', sans-serif; font-weight: 100;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; }

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



.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%; border:1px solid #333333; background-color:#ffffff; 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 .blogimg {display:block; margin-left:auto; margin-right:auto; width:auto; border-radius:20px;  height:150px; margin-bottom:10px;}
.blog-item .blogimg img {border-radius:20px;}
.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;}







.itemid106 {background-color:#da4c5d;  display:block !important; right:0; margin-right:0px !important; border-radius:20px; z-index:1; position:absolute !important; color:#ffffff !important; }
.itemid106 a { color:#ffffff !important;}
.topmenu li a { font-family: 'Russo One'; font-weight:100; font-size:18px !important; color:#000000; padding-top:20px !important; padding-bottom:20px !important; display:block; margin:0px; margin-right:auto; text-decoration:none;}
.topmenu li a:hover {text-decoration:none;}





.banner .item {position:relative; width:82%; z-index:0;  transition-duration: .2s; color:#ffffff;display:block; float:left;
 padding-top:5%; padding-bottom:5%; padding-left:10%; padding-right:10%;}


 
  .banner:hover .button a {background: none; border: solid 5px #ffffff;color:#ffffff; transition: all 300ms linear 1ms; -webkit-box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);}



 .banner .owl-dots { display:none; margin-top:0; margin-bottom:0; position: relative; z-index:2;}
 .banner .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
 .banner .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}


 .banner .owl-theme .owl-nav { position: absolute; width:100%; height:0px; z-index:0 !important; display: inline-block; top:45%;}
 .banner .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:4%; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #0CB1F7 !important;
      border-right: 8px solid #0CB1F7 !important;
       transform: rotate(45deg); }
 .banner .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
 .banner .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:4%;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #c6e9fa !important;
      border-right: 8px solid #c6e9fa !important;
       transform: rotate(-135deg); }
 .banner .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}
.banner li {  padding:20px;padding-left:60px; list-style:none;background: url('../images/preims.png') no-repeat center left;}
.banner li a { color:#ffffff; padding:0px !important; margin:0px !important; position: relative; z-index:10;  cursor:pointer; display:block; }
.banner li:hover a { text-decoration:none;}


.portfolio:hover { background-color:#eeeefb; opacity:0.8; -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; }
.portfolio {display:block; float:left; width:100%;box-sizing: border-box; padding:5%; border-radius:20px; background-color:#F7F4F4; opacity:1; margin-top:2%; margin-bottom:2%;}
.portfolio .page-header h2 { text-transform:none; font-size:18px; line-height:18px;}
.portfolio a { text-transform:none; font-size:18px; line-height:18px; margin-top:10px;}

.portfolio .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { font-size:1px !important; color:#EDE8E9 !important;}
.portfolio .owl-theme .owl-nav { position: absolute; width:100%; height:0px; z-index:0 !important; display: inline-block; top:30%;}
.portfolio .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:4%; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #ffffff !important;
      border-right: 8px solid #ffffff !important;
       transform: rotate(45deg); }
.portfolio .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.portfolio .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:4%;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #ffffff !important;
      border-right: 8px solid #ffffff !important;
       transform: rotate(-135deg); }
.portfolio .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}

.portfolio .item { padding:10px; }
.portfolio .item .image {overflow:hidden; height: 350px; border-radius:20px;}
.portfolio .item .image img { width:auto; min-height:350px; max-height:500px; min-width:100%;}

.work:hover { background-color:#eeeefb; opacity:0.8; -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; }
.work {box-sizing: border-box; padding:5%; border-radius:20px; background-color:#F7F4F4; opacity:1;}
.work .page-header h2 { text-transform:none; font-size:18px; line-height:18px;}
.work a { text-transform:none; font-size:18px; line-height:18px; margin-top:10px;}
.work img { border-radius:20px; margin-bottom:15px;}
.work .zagbig {display:block; float:left; width:100%;}
.works .item img { width:auto; min-height:350px; max-height:500px; min-width:100%; border-radius:20px; margin-bottom:20px;}
.works .item .image {display:block; float:left; width:100%; overflow:hidden; height:350px; border-radius:20px;}
.works .item { height:500px;}
.works .owl-dots { display:none; margin-top:0; margin-bottom:0; position: relative; z-index:1000;}
.works .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
.works .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#CCCCCC !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}

.works .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { font-size:1px !important; color:#EDE8E9 !important;}
.works .owl-theme .owl-nav { position: absolute; width:100%; height:0px; z-index:0 !important; display: inline-block; top:30%;}
.works .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:4%; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #ffffff !important;
      border-right: 8px solid #ffffff !important;
       transform: rotate(45deg); }
.works .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.works .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:4%;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #ffffff !important;
      border-right: 8px solid #ffffff !important;
       transform: rotate(-135deg); }
.works .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}
.works .doposle { display:block; position:absolute; top:32%; width:100%; text-align:center; font-size:56px; color:#ffffff;}
.works .zag { margin-top:10px;}
.drugie {display:block; float:left; text-align:center; width:100%; margin-top:2%;}
.drugie .button a {font-family: 'Russo One', sans-serif; display:inline-block; float:none; font-weight:100; width:250px;  margin-top:20px; margin-bottom:20px; text-decoration:none; transition: all 300ms linear 1ms; cursor:pointer; border-radius:20px; font-size:20px;  padding:2%; padding-top:1%; padding-bottom:1%; text-align:center;background-color:#ffffff; border: solid 5px #186d9d;color:#186d9d; transition: all 300ms linear 1ms; }
 
.drugie:hover .button a {background: none; border: solid 5px #333333;color:#333333; transition: all 300ms linear 1ms; -webkit-box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);}


.otziv .newsflash-title { display:block; float:left; width:100%; margin-top:10px !important; margin-bottom:20px;}



.stati .newsflash-title { display:block; float:left; width:100%; margin-top:10px !important; margin-bottom:20px;}




.klient  .owl-dots { display:none; margin-top:0; margin-bottom:0; position: relative; z-index:1000;}
.klient .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
.klient  .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}


.klient  .owl-theme .owl-nav { position: absolute; width:100%; height:0px; z-index:0 !important; display: inline-block; top:30%;}

.klient .item img { height:auto; width:auto !important; margin-left:auto; margin-right:auto; max-width:100%; max-height:120px;}

.map {display:block; float:left; width:100%; position:relative; }
.map a {color:#ffffff;}
.footer {background-color:#eeeefb; display:block; float:left; position:relative; width:90%; border-radius:20px 20px 0px 0px; padding:5%; margin-top:5%;}

.footermenu1 a { color:#333333; text-decoration:none;}
.footermenu1 li li:hover a {text-decoration:underline; }
.footermenu1 li { list-style:none; padding-top:10px; padding-bottom:10px;}

.footermenu1 li li {list-style:circle outside;font-family: 'Inter'; font-weight: normal;  font-size:17px; margin-bottom:0px;text-transform: none; line-height:20px; }

.footermenu1 ul { margin-left:-40px;}
.footermenu2 a { color:#333333; text-decoration:none;}
.footermenu2 li li:hover a {text-decoration:underline; }
.footermenu2 li { list-style:none; padding-top:10px; padding-bottom:10px;}

.footermenu2 li li {list-style:circle outside;font-family: 'Inter'; font-weight: normal;  font-size:17px; margin-bottom:0px;text-transform: none; line-height:20px;}

.footermenu2 ul { margin-left:-40px;}
.footermenu3 a { color:#333333; text-decoration:none;}
.footermenu3 li li:hover a {text-decoration:underline; }
.footermenu3 li { list-style:none;  padding-top:10px; padding-bottom:10px;}

.footermenu3 li li {list-style:circle outside;font-family: 'Inter'; font-weight: normal;  font-size:17px; margin-bottom:0px;text-transform: none; line-height:20px; }

.footer ul { margin-left:-20px;}
#content { display:block; float:left; width:98%; padding-left:1%; padding-right1%; }



.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%;}

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


.preims {display:block; float:left; width:100%; margin-top:4%; margin-bottom:2%;  }
.preims .opis { width:100%; text-align:center;}

.preim:hover { background-color:#eeeefb; transition: all 300ms linear 1ms; }
.preims .preim img {display:block; height:80px; width:auto; margin-left:auto; margin-right:auto;}

.sfera {display:block; float:left; width:100%; margin-top:4%; margin-bottom:2%;  }
.sfera .opis { width:100%; text-align:center;}

.sfera .item img { width:100%; height:auto; border-radius:20px;}

.totop {display:block; position: fixed; bottom:20px; right:10px; float:right; width:20px; height:20px;margin-right:30px; background-color:#ffffff;
      border-top: 6px solid #333333 !important;
      border-right: 6px solid #333333 !important;
       transform: rotate(-45deg); }



.kalculator label {font-family: 'Russo One'; font-weight:100; font-size:20px; text-align:left  !important; width:100%; display:block; float:left; margin-top:5px; margin-bottom:5px;}
.center {text-align:left  !important;}
.kalculator img { max-width:100%; height:auto;}

ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a { background:none !important;}
ul.dj-mobile-light li.dj-mobileitem>a { background:none !important;}
.dj-accordion-light .dj-accordion-in { background:none !important;}


@media (min-width: 768px) {
.textlogo ol { margin-left:-40px; margin-top:10px;}
.textlogo li { list-style:none; background: url('../images/strel.png') no-repeat left; background-size:20px; padding:0px;padding-left:30px; }
main {display: block;
    width: 100%; position:relative; overflow: visible;   } 
.top { 
    background-color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 200;

}
.topmenu { background-color:#eeeefb; display:block !important; float:left; width:100%; position:relative; z-index:100; border-radius:20px; margin-top:150px; margin-bottom:1%;}
.slider .item img { float:left; z-index:-1; }
.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 {z-index:10; display:block; position:relative; float:left; width:480px; margin-bottom:3px;  margin-top:10px; font-size:14px;}
.logo img {display:block; float:left; }
.imglogo { display:block; float:left; width:150px;}
.textlogo { display:block; float:left; width:68%; font-family: 'Russo One'; font-weight:100; font-style: normal; font-size:15px; line-height:20px; text-transform:uppercase;   }
.seti {z-index:10; position:relative;  display:block; float:right; width:250px; margin-top:27px;} 
.otziv .mod-articlesnews__item {display:block; float:left; width:31%; margin:1%; }
 .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:10px; display:inline-block; width:29%; margin:2%; vertical-align:top; }  
.polovina {display:block; float:left; width:40%; margin-right:10%;}
.content { margin-left:auto; margin-right:auto; display:block; width:90%; max-width:1480px;}
.works { position:relative; display:block; float:left; width:31%; margin:1%;}
.tel {z-index:10; position:relative; display:block; float:left; width:200px; margin-top:27px; margin-left:7%;}
.zagbig { font-family: 'Russo One'; font-weight:100; font-size:36px; line-height:40px; margin-bottom:20px;text-transform:uppercase;}
.stati .mod-articlesnews__item {display:block; float:left; width:31%; margin:1%; }
 .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%;  }
.stati { display:block !important; float:left; width:100%;  position:relative; margin:1%; }
.otziv { background-color:#ffffff; display:block !important; float:left; width:90%; padding:5%; padding-left:5%; border:solid 1px #B4B0B0; padding-right:5%;  position:relative; border-radius:20px; margin-top:1%; margin-bottom:1%;}
.work {display:block; float:left; width:100%; margin-top:3%; margin-bottom:2%;}
.company { margin-top:10%; display:block; float:left; position:relative; width:90%; margin-left:10%; margin-right:0px; }   
.banner {z-index:0; background: url('../images/fonbanner.png') no-repeat bottom right; display:block; float:left; margin-top:2%; border-radius:20px; background-color: #186d9d; width:100%; border-radius:20px; }
.imgmenu { background-color:#eeeefb; display:block !important; float:left; width:100%; position:relative; border-radius:20px; margin-top:1%; margin-bottom:1%;}
.klient { display:block; float:left; margin-top:3%; margin-bottom:3%; border-radius:20px;  width:100%; border-radius:20px; }
.kalculator {display:block; float:left; width:92%; background-color:#eeeefb; border-radius:20px; margin-top:2%; margin-bottom:2%; padding:4%;}
 .blog-item  { position: relative; text-align:left; display: inline-block; vertical-align:top; width:30%; margin:1%;  background-color:#ffffff;  }    
.blog-item img { display: block;float:left; width:100%; height:auto; }
.item-page .item-image { border-radius:20px; display:block; float:left; width:100%; height:400px; overflow:hidden; margin-bottom:3%; }
.item-page .item-image img { width:100%; height:auto;}
  .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%;} 

 .vopros { display:block; float:left; margin-top:3%; margin-bottom:3%; width:90%; padding-left:5%; padding-right:5%;  }
.vopros1 { display:block; float:left; width:68%; height:460px; background: url('../images/vopros.png') no-repeat bottom right; background-size:45%; margin-right:-8%; margin-bottom:-6%;  }
.vopros2 { display:block; float:left; width:26%; padding:30px; background-color: #faf8e8; border-radius:20px; margin-left:5%; }  

.footermenu1 {display: block; float:left; width:30%; margin:1%; }
.footermenu2 {display: block; float:left;width:30%; margin:1%; }
.footermenu3 {display: block; float:left;width:30%; margin:1%; }
.razr { margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:50px; text-align:left; padding-left:50px; width:180px;  font-size:14px; background: url('../images/aero.png') no-repeat left; padding-top:10px; padding-bottom:10px;}
.preims .preim { border-radius:20px; border: 1px dotted #CCCCCC;  text-align:center; display:inline-block; vertical-align:top; width:26.8%; height:220px; margin:1%; padding:2%;padding-top:5%; padding-bottom:5%;}
.sfera .item { position:relative; border-radius:20px; border: 1px dotted #CCCCCC;  text-align:center; display:inline-block; vertical-align:top; width:26.8%; margin:1%; padding:2%;}
.imgmenu li { list-style:none; display:inline-block; width:16%; min-width:150px;  vertical-align:top; text-align:center !important; margin-top:20px;}
.imgmenu li img { width:100px; height:100px;}
.imgmenu li .image-title {display:block; width:100%;  text-align:center; color:#186d9d;font-family: 'Russo One'; font-weight:100; line-height:20px; }
.imgmenu ul { margin-left:-40px;}
 .banner .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; margin-top:20px; margin-bottom:20px; text-decoration:none; transition: all 300ms linear 1ms; width:50%; min-width:250px;  cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:2%; padding-bottom:2%; text-align:center;background-color:#ffffff; border: solid 5px #ffffff;color:#186d9d; transition: all 300ms linear 1ms; }
 .set img { width:49px; height:49px;}
 .footermenu1 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:36px;}
 .footermenu2 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:36px;}
 .footermenu3 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:36px;}
 .klient  .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:-5%; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(45deg); }
.klient  .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.klient  .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:-5%;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(-135deg); }
.klient  .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}
.post {font-family: 'Inter'; font-weight: normal; font-size:17px; }
.mapadres {display:block; float:left; width:30%; height:300px; padding:30px; border-radius:20px; position: absolute; top:0; margin-top:5%; color:#ffffff; z-index:10; background: url('../images/fonsin.png');}
}
@media (max-width: 768px) {
main {display: block;
    width: 100%; position:relative; overflow: visible;   } 
.top { 
    background-color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 200;

}
.textlogo ol { margin-left:-40px; margin-top:0px;}
.textlogo li { list-style:none; background: url('../images/strel.png') no-repeat left; background-size:15px; padding:0px;padding-left:20px; }
.topmenu { background-color:#eeeefb; display:block !important; float:left; width:100%; position:relative; z-index:100; border-radius:20px; margin-top:160px; margin-bottom:1%;}
.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:390px; margin-top:10px; margin-bottom:3px; font-size:12px;}
.logo img {display:block; float:left; width:70px; height:auto; padding-right:10px;  }
.imglogo { display:block; float:left; width:80px;}
.textlogo { display:block; float:left; width:310px; font-family: 'Russo One'; font-weight:100; font-style: normal; font-size:15px; line-height:14px; text-transform:uppercase; margin-top:0px;  } 
.seti { display:block; float:right; width:250px; margin-top:5px;}
.otziv .mod-articlesnews__item {display:block; float:left; width:98%; margin:1%; }
.zagbig { font-family: 'Russo One'; font-weight:100; font-size:24px; line-height:28px; margin-bottom:20px; text-transform:uppercase;}
.stati .mod-articlesnews__item {display:block; float:left; width:98%; margin:1%; }
.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:10px; 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%;}
.works { position:relative; display:block; float:left; width:98%; margin:1%;}
.tel {display:block; float:right; width:170px; margin-top:10px;}
.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%;  }	
.stati { display:block !important; float:left; width:98%;  position:relative; margin:1%; margin-top:5%; }
.otziv { background-color:#ffffff; display:block !important; float:left; width:90%; padding:5%; padding-left:5%; padding-right:5%; border:solid 1px #B4B0B0; position:relative; border-radius:20px; margin-top:1%; margin-bottom:1%;}
.work {display:block; float:left; width:100%; margin-top:3%; margin-bottom:2%;}

.banner { background: url('../images/fonbanner.png') no-repeat bottom right; display:block; float:left; margin-top:5%; border-radius:20px; background-color: #186d9d; width:100%; border-radius:20px; }
.imgmenu { background-color:#eeeefb; display:block !important; float:left; width:100%; position:relative; border-radius:20px; margin-top:1%; margin-bottom:1%;}
.klient { display:block; float:left; margin-top:3%; margin-bottom:3%; border-radius:20px;  width:100%; border-radius:20px; }
.kalculator {display:block; float:left; width:92%; background-color:#eeeefb; border-radius:20px; margin-top:5%; margin-bottom:5%; padding:4%; padding-top:8%;}
 
.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; vertical-align:top; 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;}
   
  .vopros { display:block; float:left; margin-top:3%; margin-bottom:6%; width:90%; padding-left:5%; padding-right:5%;  }
.vopros1 { display:block; float:left; width:100%; height:460px; background: url('../images/vopros.png') no-repeat bottom right; background-size:160px; margin-right:-30%; margin-bottom:-30px;  }
.vopros2 { display:block; float:left; width:90%; padding:5%; background-color: #faf8e8; border-radius:20px; margin-left:0; margin-bottom:10%; } 
.mapadres {display:block; float:left; width:60%; height:300px; padding:30px; border-radius:20px; position: absolute; top:0; margin-top:5%; color:#ffffff; z-index:10; background: url('../images/fonsin.png');}  
.footermenu1 {display: block; float:left; width:98%; margin:1%; }
.footermenu2 {display: block;float:left; width:98%; margin:1%; }
.footermenu3 {display: block;float:left; width:98%; margin:1%; }
.preims .preim { border-radius:20px; border: 1px dotted #CCCCCC;  text-align:center; display:inline-block; vertical-align:top; width:94%; height:220px; margin:1%; padding:2%;padding-top:5%; padding-bottom:5%;}
.sfera .item { position:relative; border-radius:20px; border: 1px dotted #CCCCCC;  text-align:center; display:inline-block; vertical-align:top; width:94%; margin:1%; padding:2%;}
.razr { margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:50px; text-align:left; padding-left:50px; width:180px;  font-size:14px; background: url('../images/aero.png') no-repeat left; padding-top:10px; padding-bottom:10px;}
.imgmenu li { list-style:none; display:inline-block; width:16%; min-width:150px;  vertical-align:top; text-align:center !important; margin-top:20px;}
.imgmenu li img { width:100px; height:100px;}
.imgmenu li .image-title {display:block; width:100%;  text-align:center; color:#186d9d;font-family: 'Russo One'; font-weight:100; line-height:20px; }
.imgmenu ul { margin-left:-40px;}
 .banner .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; margin-top:20px; margin-bottom:20px; text-decoration:none; transition: all 300ms linear 1ms; width:50%; min-width:250px;  cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:2%; padding-bottom:2%; text-align:center;background-color:#ffffff; border: solid 5px #ffffff;color:#186d9d; transition: all 300ms linear 1ms; }
 .set img { width:49px; height:49px;}
 .footermenu1 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:36px;}
 .footermenu2 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:36px;}
 .footermenu3 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:36px;}
 .klient  .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:-5%; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(45deg); }
.klient  .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.klient  .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:-5%;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(-135deg); }
.klient  .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}
.post {font-family: 'Inter'; font-weight: normal; font-size:17px; }

}


@media (max-width: 450px) {

main {display: block;
    width: 100%; position:relative; overflow: visible;   } 
.top { 
    background-color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 200;

}
	.textlogo ol { margin-left:-40px; margin-top:0px;}
.textlogo li { list-style:none; background: url('../images/strel.png') no-repeat left; background-size:10px; padding:0px;padding-left:20px; }
.topmenu { background-color:#eeeefb; display:block !important; float:left; width:100%; position:relative; z-index:100; border-radius:20px; margin-top:190px; margin-bottom:1%;}
.logo { display:block; float:left; width:100%; margin-top:10px; margin-bottom:3px; font-size:12px;}
.logo img {display:block; float:left; width:70px; height:auto; padding-right:10px;  }
.imglogo { display:block; float:left; width:80px;}
.textlogo { display:block; float:left; width:280px; font-family: 'Russo One'; font-weight:100; font-style: normal; font-size:13px; line-height:10px; text-transform:uppercase; margin-top:0px;  } 
.seti { display:block; float:right; width:50%; margin-top:5px;}
.tel {display:block; float:left; width:50%; margin-top:10px; margin-left:0;}
.content {  margin-left:2%; margin-right:2%; display:block; width:96%; max-width:1480px;}
.imgmenu li { list-style:none; display:inline-block; width:50%; min-width:150px;  vertical-align:top; text-align:center !important; margin-top:20px;}
.imgmenu li img { width:100px; height:100px;}
.imgmenu li .image-title {display:block; width:100%;  text-align:center; color:#186d9d;font-family: 'Russo One'; font-weight:100; line-height:20px; }
.imgmenu ul { margin-left:-40px;}
 .banner .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; margin-top:20px; margin-bottom:20px; text-decoration:none; transition: all 300ms linear 1ms; width:50%; min-width:240px;  cursor:pointer; border-radius:20px; font-size:18px;  padding:3%; padding-top:2%; padding-bottom:2%; text-align:center;background-color:#ffffff; border: solid 5px #ffffff;color:#186d9d; transition: all 300ms linear 1ms; }
 .set img { width:40px; height:40px;}
 .footermenu1 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:22px;}
 .footermenu2 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:22px;}
 .footermenu3 li {font-family: 'Russo One'; font-weight:100; font-size:26px; text-transform:uppercase; line-height:22px;}
 .klient  .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:0; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(45deg); }
.klient  .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.klient  .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:0;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(-135deg); }
.klient  .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}
.post {font-family: 'Inter'; font-weight: normal; font-size:16px; }
.mapadres {display:block; float:left; width:60%; height:350px; padding:30px; border-radius:20px; position: absolute; top:0; margin-top:5%; color:#ffffff; z-index:10; background: url('../images/fonsin.png');}  
}
@media (max-width: 400px) {

main {display: block;
    width: 100%; position:relative; overflow: visible;   } 
.top { 
    background-color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 200;

}
.textlogo ol { margin-left:-40px; margin-top:0px;}
.textlogo li { list-style:none; background: url('../images/strel.png') no-repeat left; background-size:10px; padding:0px;padding-left:20px; }
.topmenu { background-color:#eeeefb; display:block !important; float:left; width:100%; position:relative; z-index:100; border-radius:20px; margin-top:140px; margin-bottom:1%;}
.logo { display:block; float:left; width:100%; margin-top:10px; margin-bottom:3px; font-size:12px;}
.logo img {display:block; float:left; width:60px; height:auto; padding-right:10px;  }
.imglogo { display:block; float:left; width:70px;}
.textlogo { display:block; float:left; width:220px; font-family: 'Russo One'; font-weight:100; font-style: normal; font-size:10px; line-height:8px; text-transform:uppercase; margin-top:0px;  } 
.seti { display:block; float:right; width:40%; margin-top:5px;}
.tel {display:block; float:left; width:60%; margin-top:10px; margin-left:0; }
.content {  margin-left:1%; margin-right:1%; display:block; width:98%; max-width:1480px;}
.imgmenu li { list-style:none; display:inline-block; width:50%; min-width:inherit;  vertical-align:top; text-align:center !important; margin-top:20px;}
.imgmenu li img { width:100px; height:100px;}
.imgmenu li .image-title {display:block; width:100%;  text-align:center; color:#186d9d;font-family: 'Russo One'; font-weight:100; line-height:20px; }
.imgmenu ul { margin-left:-40px;}
 .banner .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; margin-top:20px; margin-bottom:20px; text-decoration:none; transition: all 300ms linear 1ms; width:50%; min-width:200px;  cursor:pointer; border-radius:20px; font-size:17px;  padding:3%; padding-top:2%; padding-bottom:2%; text-align:center;background-color:#ffffff; border: solid 5px #ffffff;color:#186d9d; transition: all 300ms linear 1ms; }

.set img { width:35px; height:35px;}
.footermenu1 li {font-family: 'Russo One'; font-weight:100; font-size:18px; text-transform:uppercase; line-height:20px;}
.footermenu2 li {font-family: 'Russo One'; font-weight:100; font-size:18px; text-transform:uppercase; line-height:20px;}
.footermenu3 li {font-family: 'Russo One'; font-weight:100; font-size:18px; text-transform:uppercase; line-height:20px;}
.klient  .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:0; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(45deg); }
.klient  .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.klient  .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:0;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(-135deg); }
.klient  .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}
.post {font-family: 'Inter'; font-weight: normal; font-size:15px; }
.mapadres {display:block; float:left; width:60%; height:370px; padding:30px; border-radius:20px; position: absolute; top:0; margin-top:5%; color:#ffffff; z-index:10; background: url('../images/fonsin.png');}  
}
.sp_title{ display:block; float:left; }

.sp_content{ padding-top:0px; background-color:#ffffff; float:left; position: relative; z-index:1000;  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: 1200;
    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: 'Inter';
    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; display:block; position: relative; z-index:1000;
    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:20px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
input[type="radio"] { display: block;
    float: left; width:20px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
.popup input[type="checkbox"] { display: block;
    float: left; width:20px; 
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  } 
  

.opis {display:block; float:left; 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; border-radius:20px; font-size:18px; line-height:15px; background-color:#FFFFFF;   color:#333333; border:0px; border:solid 1px #333333; text-align:left;  }
.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:20px; color:#333333; }

textarea {font-size:18px; line-height:15px; text-align: left;  width:93%; padding:3%; color:#333333; background-color:#ffffff; border:none;   border:solid 1px #333333;  font-family: 'Inter'; font-weight: normal;  margin-top:0px; border-radius:20px;}
.rf-button-send { text-align:center; transition: all 300ms linear 1ms; width:99%; background:#E31E24; border: 0px;  cursor:pointer; font-size:18px; color:#ffffff; padding:5%;  }
.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: 'Russo One';
    src: url('../fonts/RussoOne-Regular.eot');
    src: local('Russo One'), local('RussoOne-Regular'),
        url('../fonts/RussoOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RussoOne-Regular.woff') format('woff'),
        url('../fonts/RussoOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('../fonts/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}







/* свойства модального окна по умолчанию */
.modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5); /* цвет фона */
    z-index: 1050;
    opacity: 0; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}
/* при отображении модального окно */
.modal:target {
    opacity: 1; /* делаем окно видимым */
	  pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 1200px;
      margin: 30px auto; /* для отображения модального окна по центру */
  }
}
/* свойства для блока, содержащего контент модального окна */ 
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
}
/* свойства для заголовка модального окна */
.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}
.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
}
/* свойства для кнопки "Закрыть" */
.closes {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.closes:focus, .closes:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
/* свойства для блока, содержащего основное содержимое окна */
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}

@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);
	}
}





.t-submit2 {
-webkit-font-smoothing: antialiased;
font-family: 'Russo One', sans-serif; 
text-align: center;
vertical-align: middle;
height: 60px;
font-size: 16px;
   padding-top: 20px;
padding-left: 60px;
padding-right: 60px;
font-weight: 700;
white-space: nowrap;
background-image: none;
cursor: pointer;
margin: 0;
box-sizing: border-box;
outline: none;
background: #da4c5d;
position: relative;
width: 100%;
transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
color: #ffffff !important;
border: 1px solid #da4c5d;
text-transform: uppercase;
} 

.opt_none {
display:none;
}

.t-submit2:hover {
    background-color: #da4c5d;
    color: #ffffff !important;
    border-color: #da4c5d;
	    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.t-submit3 {
-webkit-font-smoothing: antialiased; border-radius:20px;
font-family: 'Russo One', sans-serif; 
text-align: center;
vertical-align: middle;
height: 60px;
font-size: 16px;
   padding-top: 20px;
padding-left: 21px;
padding-right: 21px;
font-weight: 700;
white-space: nowrap;
background-image: none;
cursor: pointer;
margin: 0;
box-sizing: border-box;
outline: none;
background: transparent;
position: relative;
width: 100%;
transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  background-color: #da4c5d;
    color: #ffffff !important;
    border-color: #da4c5d;
text-transform: uppercase;
}


div.t678 > div > div > div > form > div.t-form__inputsbox {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            align-items: flex-start;
        }
div.t678 > div > div > div > form > div.t-form__inputsbox > div.t-input-group {
            flex: 50% 0 0;
            padding: 0 15px;
            box-sizing: border-box;
        } 
  
.t706__cartwin-totalamount-wrap   {
  /*         margin-left: auto;*/
 /* margin-right: 0;*/
        }
.amount-text{
    line-height:60px;
}
@media screen and (max-width:768px){
    div.t678 > div > div > div > form > div.t-form__inputsbox > div.t-input-group{
        flex: 100% 0 0;
    }
}