/* Armdorstroy custom CSS */
body {font-family: 'Inter'; display:block; float:left; width:100%; font-size:18px; line-height:24px;  font-weight: normal; font-style: normal; margin:0; padding:0; color:#333333; background: url('../images/fon2.png'); }
.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;
}

main {display: block;
    width: 100%; position:relative; overflow: visible;   } 
.top { background: url('../images/fon2.png');
    background-color:#f3eddf;
    display: block;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 200;

}
img { height:auto;}

.logo { display:block; float:left; width:200px; background: url('../images/logo2.png') no-repeat left; background-size:60px; padding-left:70px; margin-top:10px; padding-top:5px; padding-bottom:5px; font-size:15px; line-height:18px; color:#333333; 
    transition: all 2s;
  }
a { color:#0A74F3;}
.mal {font-size:12px; font-family: 'Inter';}
.content { position:relative; z-index:1; margin-left:auto; margin-right:auto; width:90%; max-width:1400px; }
.phone {display:block; float:right; width:170px; font-size:18px; line-height:18px; padding-top:15px; font-family: 'Russo One', sans-serif; font-weight:100;}
.seti {display:block; float:right; width:120px; margin-top:15px; }
.topmenu {font-family: 'Russo One', sans-serif; font-weight:100; display:block; float:left; width:auto;}



.opis { font-size:22px; line-height:26px; margin-top:20px; margin-bottom:10px;}
.light {
  background-color: #FFFF00;
  display: inline-block;
}
.button { margin-top:10px;
  padding:5px; display:block; float:left; 
  cursor: pointer; font-family: 'Russo One', sans-serif;
 
  border: 1px solid #333333;
  transition: 1s ease-in-out;
}
.button a {color:#ffffff; padding:20px; padding-left:40px; padding-right:40px; display:block; float:left; background-color:#BF0407; text-decoration:none; font-style:normal;  }
 .button a:hover {background-color:#ffffff;
  color:#333333;transition: 1s ease-in-out;} 
.button:hover {
  transition: 1s ease-in-out;
  background-color:#FFFFFF;
  color:#333333;
}

.banner .owl-dots { margin-top:-50px; margin-bottom:50зpx; position: relative; z-index:1000;}
.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 10px #CCCCCC; }
.banner .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#333333 !important; height:10px; width:40px; border:solid 10px #ffffff; transition: all 300ms linear 1ms;}
.uslugi { display:block; float:left; width:100%; position:relative; margin-top:5%;  }

.uslugi .owl-stage-outer {padding-bottom:100px;}
.uslugi .owl-dots { margin-top:-80px; margin-bottom:0; position: relative; z-index:1000;}
.uslugi  .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 10px #CCCCCC; }
.uslugi  .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#333333 !important; height:10px; width:40px; border:solid 10px #ffffff; transition: all 300ms linear 1ms;}
.uslugi .item {position:relative; z-index:0; background-color:#ffffff; padding:10%; display:block; margin-top:20px; margin-bottom:20px; height:430px; }
.uslugi .item .zag {font-family: 'Russo One', sans-serif; font-weight:100; font-size:24px; margin-bottom:10px; }
.uslugi .item:hover {box-shadow: -19px 29px 30px -19px rgba(59, 57, 57, 0.39); z-index:10; position:absolute; display:block; transition: 1s ease-in-out; height:480px; transition: all 300ms linear 3ms;}



.mod {display:block; float:left; width:100%; margin-top:2%;}
.mod .owl-stage-outer {padding-bottom:100px;}
.mod .owl-dots { margin-top:-80px; margin-bottom:0; position: relative; z-index:1000;}
.mod .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 10px #CCCCCC; }
.mod .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#333333 !important; height:10px; width:40px; border:solid 10px #ffffff; transition: all 300ms linear 1ms;}
.mod .item {background-color:#ffffff; padding:10%; height:150px; position:relative; z-index:0;}
.mod .item .zag {font-family: 'Russo One', sans-serif; font-weight:100; font-size:24px; margin-bottom:10px; }
.mod .item:hover {position:absolute; z-index:1; box-shadow: -19px 29px 30px -19px rgba(59, 57, 57, 0.39); z-index:10; transition: 1s ease-in-out; transition: all 300ms linear 3ms;height:170px;}




.etap { display:block; float:left; width:100%; margin-top:5%; margin-bottom:5%;}
.etap .zagbig { margin-bottom:20px;}


.sp_title:hover { -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2); background-color:#ffffff; cursor:pointer;}
.sp_title:active { -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2); background-color:#ffffff; cursor:pointer;}

.sp_title::after { content:url(../images/str2.png);  margin-left:0px; position:absolute; right:0px; margin-right:10px; }
.sp_content {background-color:#ffffff; box-sizing: border-box;display:block; float:left; z-index:1; position: relative; padding:20px; padding-top:20px; width:100%; font-style:italic; font-size:18px;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.sp_title:hover::after { transition: all 300ms linear 1ms; margin-left:15px;}



.sp_content li { list-style:none;
  position: relative;
  padding: 0 0 10px 20px;
  font-variant: small-caps;
  
}
.sp_content li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #333333;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 7px;
}
.sp_content li:after {
  position: absolute;
  border-left: 1px dashed #333333;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 8px;
}
.sp_content li:hover:before{box-shadow: 0 0 0 10px #ffffff;}
.sp_content li:last-child:after {content: none; border-bottom:0px dotted #333333;}

.portfolio {position:relative; z-index:0;display:block; float:left; width:100%; margin-top:0; margin-bottom:6%;}
.portfolio .zagbig { margin-bottom:20px;}
.portfolio .item {display:block; position:relative; z-index:1; background-color:#ffffff; padding:1%; display:block; float:left; margin-top:20px; margin-bottom:50px; }



	

.portfolio .item .numb {font-family: 'Russo One', sans-serif; font-weight:100; font-size:86px;  color:#FFFFFF; margin-left:6%; margin-bottom:-150px; margin-top:150px; position:relative; z-index:1; }
.portfolio .item:hover .numb {font-family: 'Russo One', sans-serif; font-weight:100; font-size:126px;  color:#FFFFFF; transition: all 300ms linear 3ms; animation: bounce 2s; z-index:12;}

.portfolio .item .lupa {
    width: 100%; transition: all 300ms linear 1ms;
    height: 100%;
    position: absolute;
    z-index: 0;
     opacity:0;
    
    background: url('../images/lupa.png') 0 0 repeat;
    background-repeat: no-repeat;
    background-position: center center;
}

.portfolio .zagl {font-family: 'Russo One', sans-serif; font-weight:100; font-size:26px; margin-top:10px;}
.portfolio .item img:hover::after {background-color:#333333;}
.portfolio .item img {position:relative; z-index: 10; transition: all 300ms linear 1ms; filter:grayscale(100%);}
.portfolio .item:hover img {position:relative; z-index: 10; opacity:0.5; transition: all 300ms linear 1ms; filter:grayscale(100%);}
.portfolio .item:hover .lupa {position: absolute; z-index: 9; transition: all 300ms linear 3ms; top: 0px; opacity:1;}
.portfolio .item .polovina .imgs {position: relative; z-index: 0; background-color:#000000;}
.portfolio .item .polovina .imgs:hover {z-index: 0;}

.portfolio .owl-dots { margin-top:-40px; margin-bottom:0; position: relative; z-index:1000;}
.portfolio  .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 10px #CCCCCC; }
.portfolio  .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#333333 !important; height:10px; width:40px; border:solid 10px #ffffff; transition: all 300ms linear 1ms;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { font-size:1px; color:#cadbcb !important;}
.portfolio .item:hover {box-shadow: -19px 29px 30px -19px rgba(59, 57, 57, 0.39); z-index:10; position:absolute; display:block; transition: 1s ease-in-out; }

.formakp .button {float:right; display:block;}
.formakp .button a {font-family: 'Russo One', sans-serif; font-weight:100;  text-decoration:none; transition: all 300ms linear 1ms; cursor:pointer; transition: all 300ms linear 1ms;}
.formakp { display:block; position:relative; float:left; width:100%; background: #ffffff;
transition-duration: .2s; margin-top:5%; }

.formakp .polovina .opis { font-size:18px;  }

.formakp .polovina .zag {font-family: 'Russo One', sans-serif; font-weight:100; font-size:36px; line-height:40px;}

.two {display:inline-block; width:45%; margin:2%; vertical-align:top; position:relative; box-sizing:border-box; }
.tree { padding-top:10px; display:inline-block; width:27%; margin:3%; vertical-align:top; box-sizing:border-box;} 
.study {display:block; float:left; width:100%; margin-bottom:2%; margin-top:5%; }


.tex {display:block; float:left; width:100%; margin-bottom:5%; margin-top:1%; }
.tex .item {background-color:#ffffff; padding:10%; height:430px; }
.tex .item .zag {font-family: 'Russo One', sans-serif; font-weight:100; font-size:24px; margin-bottom:10px; }
.tex .item:hover {box-shadow: -19px 29px 30px -19px rgba(59, 57, 57, 0.39); transition: 1s ease-in-out; height:480px; transition: all 300ms linear 3ms;}
.tex .owl-stage-outer {padding-bottom:100px;}
.tex .owl-dots { margin-top:-80px; margin-bottom:0; position: relative; z-index:1000;}
.tex  .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 10px #CCCCCC; }
.tex .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#333333 !important; height:10px; width:40px; border:solid 10px #ffffff; transition: all 300ms linear 1ms;}



	
	


#parallax img {
	position: absolute;
	top: 0;
	left: 0;
}


main img {position: relative !important;}
 


.footer { display:block; float:left; width:100%; text-align:center; background-color:#333333; color:#ffffff; margin:0px; margin-top:5%; margin-bottom:5%; padding-top:5%; padding-bottom:5%;}
.footer ul { margin-left:-12px; margin-bottom:20%; }
.footer ul ul {margin-left:-5px;}
.footer li { list-style:none; font-size:32px; line-height:40px; margin-left:0px; padding-left:0px;  }
.footer li li {list-style:decimal-leading-zero ; font-size:18px; line-height:25px; color:#CCCCCC;  margin-top:8px; margin-bottom:8px; width:100%; }
.footer li li a { position: relative; font-family: 'Russo One', sans-serif; font-weight:100;  color:#ffffff; font-size:18px; text-decoration:none;  }	   
.footer li a { position: relative; font-family: 'Russo One', sans-serif; font-weight:100;  color:#ffffff; text-decoration:none;  }	
.footer a {color:#ffffff; }

.footer li .separator {font-family: 'Russo One', sans-serif; font-weight:100;  color:#ffffff; text-decoration:none; list-style:none; font-size:32px; line-height:40px; margin-left:0px; padding-left:0px;  }

.footer li li a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 3px; /* Высота линии */
    background-color:#ffffff; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.footer li li a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 3px; /* Высота линии */
    background-color: #ffffff; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}
     	   
.footer li.active a {transition: all 300ms linear 3ms; color:#CCCCCC; }
.footer li.active:hover a {transition: all 300ms linear 3ms; color:#CCCCCC; }

.footer li li.active a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color:#CCCCCC; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.footer li li.active:hover  a:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #CCCCCC; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}




.com-content-article__body { display:block; float:left; width:100%; margin-bottom:4%;}
.com-content-article__body .zagbig { margin-bottom:20px;}

.breadcrumbs ol { margin-left:-45px; }
.breadcrumbs a {color:#333333;}
.breadcrumbs li { list-style:none; display:block; float:left; padding-left:10px; }
.breadcrumbs li:after { content: " / "; padding-left:7px;}
.breadcrumbs li:last-child:after { content:""; padding-left:0px;} 
.breadcrumbs li:first-child:after { content:""; padding-left:0px;} 

.page-header {display:block; float:left; width:100%; box-sizing:border-box; margin-top:2%; margin-bottom:2%; font-family: 'Russo One', sans-serif; font-weight:100;  color:#333333; font-size:32px;  }
.page-header a {text-decoration:none;}
.newsflash-title a {text-decoration:none;}

.work:hover {transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.work .item-image {display:block; float:left; width:100%; height:auto; overflow:hidden; }
.work img { width:100%; height:auto;}
.work  a {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100;  color:#333333; font-size:32px; display:block; float:left; margin-bottom:10px; line-height:35px; width:100%;  }	
.work:hover  .page-header a {transition: all 300ms linear 3ms; color:#333333; text-decoration: underline; }
.work:hover  .newsflash-title a {transition: all 300ms linear 3ms; color:#333333; text-decoration: underline; }


.news { margin-top:7%; display:block; width:100%; }


.razr { font-size:16px; font-style:italic; margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:50px; text-align:left; padding-left:50px; width:200px; height:50px; display:block;font-weight:100;  background: url('../images/aero.png') no-repeat left; padding-top:10px; padding-bottom:10px;}
.razr:hover { background-size:43px; transition: all 300ms linear 3ms;}

.menumobile { display:block; float:left; position:relative; z-index:50; margin-top:10px; }

@media (min-width: 768px)  {
.polovina { display:block; float:left; width:50%; margin-right:5%;}
.polovina2 { display:block; float:left; width:40%; margin-left:5%;}
.banner { margin-top:0px;}
.zagbig {font-size:68px; line-height:68px; font-family: 'Russo One', sans-serif; font-weight:100;}
.sp_title .numb {font-family: 'Russo One', sans-serif; font-weight:100; font-size:46px; display:block; float:left; margin-right:20px; color:#BF0407;}
.sp_title .title {display:block; float:left; }
.sp_title {box-sizing: border-box; display:block; float:left; position: relative; top:100%; padding:20px; padding-top:40px; padding-bottom:40px; font-size:24px; font-family: 'Russo One', sans-serif; font-weight:100; background:none; color:#333333;  width:100%;  z-index:1; border-bottom:2px dashed #333333;}
.portfolio .polovina {position:relative; display:block; float:left; width:44%; margin:3%;position:relative; z-index:1;}
.formakp .polovina {position:relative; display:block; float:left; width:40%; margin:5%;position:relative; z-index:1;}
.work  {display:block; float:left; box-sizing:border-box; width:32.3%; padding:4%;  background-color:#ffffff; margin:0.5%; vertical-align:top;}
.work0  {display:block; float:left; box-sizing:border-box; width:32.3%; padding:4%;  margin:0.5%; vertical-align:top; font-style:italic; font-size:20px;}
.footermenu1, .footermenu2, .footermenu3{text-align:left; display:inline-block; vertical-align:top; width:33%; padding-left:5%; padding-right:5%; text-align:left; box-sizing:border-box; }
.breadcrumbs { display:block; float:left; width:100%; box-sizing:border-box; margin-top:7%;}
#parallax {
	margin: auto;
	margin-top: 0; z-index:0;
	overflow: hidden; height:2000px;
	position: absolute; display:block; 
	width: 100%;}
}
@media (max-width: 767px){
.polovina { display:block; float:left; width:100%; margin-right:0;}
.polovina2 { display:block; float:left; width:100%; margin-left:0;}
.banner { margin-top:0px;}
.zagbig {font-size:48px; line-height:50px; font-family: 'Russo One', sans-serif; font-weight:100;}
.sp_title .numb {font-family: 'Russo One', sans-serif; font-weight:100; font-size:36px; display:block; float:left; margin-right:20px; color:#BF0407;}
.sp_title .title {display:block; float:left; max-width:60%;}
.sp_title {box-sizing: border-box; display:block; float:left; position: relative; top:100%; padding:20px; padding-top:40px; padding-bottom:40px; font-size:18px; font-family: 'Russo One', sans-serif; font-weight:100; background:none; color:#333333;  width:100%;  z-index:1; border-bottom:2px dashed #333333;}
.portfolio .polovina {position:relative; display:block; float:left; width:94%; margin:3%;position:relative; z-index:1;}
.formakp .polovina {position:relative; display:block; float:left; width:94%; margin:3%;position:relative; z-index:1;}
.work  {display:block; float:left; box-sizing:border-box; width:49%; padding:4%;  background-color:#ffffff; margin:0.5%; vertical-align:top;}
.work0  {display:block; float:left; box-sizing:border-box; width:49%; padding:4%;  margin:0.5%; vertical-align:top; font-style:italic; font-size:20px;}
.footermenu1, .footermenu2, .footermenu3{text-align:left; display:inline-block; vertical-align:top; width:50%; padding-left:5%; padding-right:5%; text-align:left; box-sizing:border-box; }
.breadcrumbs { display:block; float:left; width:100%; box-sizing:border-box; margin-top:150px;margin-bottom:20px;}
#parallax {
	margin: auto;
	margin-top: 0; z-index:0;
	overflow: hidden; height:2000px;
	position: absolute; display:none; 
	width: 100%;}

}


@media (max-width: 450px) {
.polovina { display:block; float:left; width:100%; margin-right:0;}
.polovina2 { display:block; float:left; width:100%; margin-left:0;}
.banner { margin-top:0px;}
 .zagbig {font-size:38px; line-height:40px; font-family: 'Russo One', sans-serif; font-weight:100;}
 .sp_title .numb {font-family: 'Russo One', sans-serif; font-weight:100; font-size:32px; display:block; float:left; margin-right:20px; color:#BF0407;}
.sp_title .title {display:block; float:left; max-width:60%;}
.sp_title {box-sizing: border-box; display:block; float:left; position: relative; top:100%; padding:20px; padding-top:40px; padding-bottom:40px; font-size:18px; font-family: 'Russo One', sans-serif; font-weight:100; background:none; color:#333333;  width:100%;  z-index:1; border-bottom:2px dashed #333333;}
.portfolio .polovina {position:relative; display:block; float:left; width:94%; margin:3%;position:relative; z-index:1;}
.formakp .polovina {position:relative; display:block; float:left; width:94%; margin:3%;position:relative; z-index:1;}
.work  {display:block; float:left; box-sizing:border-box; width:100%; padding:4%;  background-color:#ffffff; margin:0.5%; vertical-align:top;}
.work0  {display:block; float:left; box-sizing:border-box; width:100%; padding:4%;  margin:0.5%; vertical-align:top; font-style:italic; font-size:20px;}
.footermenu1, .footermenu2, .footermenu3{text-align:left; display:inline-block; vertical-align:top; width:100%; padding-left:5%; padding-right:5%; text-align:left; box-sizing:border-box; }
.breadcrumbs { display:block; float:left; width:100%; box-sizing:border-box; margin-top:150px;margin-bottom:20px;}
#parallax {
	margin: auto;
	margin-top: 0; z-index:0;
	overflow: hidden; height:2000px;
	position: absolute; display:none; 
	width: 100%;}
}



/* МОДАЛЬНОЕ ОКНО  */
/* Базовые стили слоя затемнения и модального окна  */
.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;
  } 
  .slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider { display:block; float:left; position:relative;
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */ box-sizing: border-box;
    height: 15px; /* Specified height */
    background: #ffffff; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
	border-radius:20px; border: solid 1px #333333;
}

.slidecontainer input   {box-sizing: border-box; padding:0px; width:100% !important; background-color:#EFF6F8;}
/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 30px; /* Set a specific slider handle width */
    height: 30px; /* Slider handle height */
    background:#333333; /* Green background */
    cursor: pointer; /* Cursor on hover */
	border-radius:20px;
	border: solid 3px #ffffff;-webkit-box-shadow: 4px 4px 12px 1px rgba(25, 26, 26, 0.42);
-moz-box-shadow: 4px 4px 12px 1px rgba(25, 26, 26, 0.42);
box-shadow: 4px 4px 12px 1px rgba(25, 26, 26, 0.42);
}

.slider::-moz-range-thumb {
    width: 50px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */

}




.zagl { font-family: 'Russo One', sans-serif; font-weight:100; font-size:18px; margin-top:10px; margin-bottom:10px;}

.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 { box-sizing: border-box; width:100%; padding:3%; border:1px dashed #333333;  font-size:18px; line-height:15px; background-color:#FFFFFF;   color:#333333;  text-align:left; margin-bottom:10px;  }
.popup .zag {margin-top:-10px; margin-bottom:20px;}
select {box-sizing: border-box; width:100%; padding:3%; font-size:18px; line-height:15px; background-color:#FFFFFF; border:1px dashed #333333;  color:#333333; }

textarea {font-family: 'Inter';box-sizing: border-box; font-size:18px; line-height:15px; text-align: left;  width:100%; padding:3%; color:#333333; background-color:#ffffff; border:none;   border: dashed 1px #333333;    margin-top:10px; }
.rf-button-send { box-sizing: border-box; text-align:center; transition: all 300ms linear 1ms; width:100%; background-color:rgb(191, 4, 7); border: 0px;  cursor:pointer; color:#ffffff; padding:5%; font-family: 'Russo One', sans-serif; font-weight:100; font-size:18px;  }
.rf-button-send:hover { background-color:#E31E24;transition: all 300ms linear 1ms; color:#FFFFFF; }
.mal { font-size:12px;}
.check {display:block; float:left; margin-bottom:1px; padding-top:5px; padding-bottom:5px; width:100%; height:30px; box-sizing:border-box; font-size:18px; }

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




table { width:100%;font-weight:100;  border: solid 0px #333333; border-collapse: collapse; margin: 0px auto; -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; }
th,  td { border: solid 0px #333333; padding: 5px; border-bottom:dotted 1px #CCCCCC !important; }
tr:nth-child(even) { background: #E9E9E9; }
tr:nth-child(odd) { background: #FFFFFF; }
table:hover th, .tsena table:hover td {border-bottom: dotted 1px #f2f5fa !important;}
th {text-align: left; padding: 5px; background-color:none; }
tr:hover {border:none; color:#ffffff;  box-shadow: 0px 0px 20px 0px #CCCCCC; background-color:#333333 !important; -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;  }
th:hover {border:none;}
 table a {color:#0CB1F7;}
 tr:hover a { color:#ffffff;}



.com-content-article__body li { list-style:none;
  position: relative;
  padding: 0 0 10px 20px;
  font-variant: small-caps;
  
}
.com-content-article__body li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #333333;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 7px;
}
.com-content-article__body li:after {
  position: absolute;
  border-left: 1px dashed #333333;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 8px;
}
.com-content-article__body li:hover:before{box-shadow: 0 0 0 10px #ffffff;}
.com-content-article__body li:last-child:after {content: none; border-bottom:0px dotted #333333;}




img { border:0px;}
img.active { border:0px;}
.content h1,h2,h3,h4,h5,h6 {font-size:24px;font-style:normal;   line-height:28px;  font-weight: 100; padding:0px; margin:0px; margin-top:3px; margin-bottom:3px; }
.banner h1 {font-size:18px; font-style:italic;  line-height:28px;  font-weight: 100; padding:0px; margin:0px; margin-top:3px; margin-bottom:3px; }