@charset "utf-8";

/* Bootstrap v3.3.7 */
@media (max-width: 767px) { .hidden-xs { display: none !important; } }
a { text-decoration:none; outline:none; transition: 0.5s;}
strong, b { font-weight:700; }
sup { vertical-align: super; }

img { vertical-align: middle; max-width: 100%; height: auto; opacity: 1;  }
img[data-src] { opacity: 0; }
.img-opacity { transition: opacity 1s; }
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}

/* HTML */
[class*='fa-']:before { font-weight: 400; font-family: "FontAwesome"; }
[class*='fa-'] { }

body {
  line-height: 1.4; 
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-display: swap;
  color: #000;
  -webkit-text-size-adjust: none;
}
@media (min-width: 768px) and (max-width: 991px) { body { font-size: 18px; } }
@media (min-width: 992px) { body { font-size:18px; line-height:28px;} }

h1, h2, h3 { font-weight: 700; line-height: 1.2; }
h1 {font-size:40px; color:#FFF; text-shadow:2px 2px 6px #000,  0 0 2px #CCC; margin:30px 0 40px;}
@media (min-width: 768px) and (max-width: 991px) { h1 { font-size: 54px; } }
@media (min-width: 992px) { h1 { font-size: 68px; } }
h2 { font-size:36px; text-shadow:2px 2px 4px #000; line-height:1; }
@media (min-width: 768px) and (max-width: 991px) { h2 { font-size: 52px; } }
@media (min-width: 992px) { h2 { font-size: 62px; } }
h2 span.moglice { display:inline-block; width:30%; height:40px; background:url(/images/logo.png) left top no-repeat; display:inline-block; background-size:contain; }
@media (min-width: 768px) and (max-width: 991px) { h2 span.moglice { width:260px; height:54px; } }
@media (min-width: 992px) { h2 span.moglice { width:300px; height:68px; } }
h3 {font-size:32px; }
@media (min-width: 768px) and (max-width: 991px) { h3 { font-size: 44px; } }
@media (min-width: 992px) { h3 { font-size: 54px; } }


header, footer {width:100%; background-color:#373534;}
/* header { position:sticky; top:0; z-index:1000;} */

section { margin:3% 0;}
section.topic { margin:0; }
.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }

.bg-grey { background-color:#373534; }
.bg-yellow { background-color:#f6d014; } 
.bg-pink { background-color:#e60a80; }
.brand {}
.contact-info { color:#F39; margin:8px auto 12px; text-align:center; }
ul.contact-info { margin:0 auto 12px; }
ul.contact-info li { text-align:left; list-style:none; padding:10px 0 10px 60px; }
@media (min-width: 768px) { .contact-info { margin:36px auto 10px; } }
  .contact-info a { color: #F39; text-decoration:none; }
  .contact-info a:hover { color: #FF0;   }
  .contact-info span { position: relative;  }
  .contact-info span:before { position:absolute; top:0; left:-28px; font-size:22px; line-height:18px; }
  .contact-info span.fa-envelope-o:before {left:-32px;} 
.anons { margin:70px 0 20px; position:relative; }
.anons p { margin:20px auto;}
.anons:before {
    content: '';
    position: absolute;
    top: -16px;
    left: 3px;
    width: 60px;
    height: 3px;
    background: #AAA;
}
.bg-yellow-beam { background:url(/images/yellow-beam.png) left top repeat-x; }
.bg-pink-beam { background:url(/images/pink-beam.png) left top repeat-x; }
.bg-gear-rack { background:url(/images/gear-rack.jpg) left top no-repeat; }
.anons-img {  padding:40px 10px 40px; text-align:center; }
@media (min-width: 768px) and (max-width: 991px) { .anons-img {  padding:60px 20px 60px 40px; text-align: left; } }
@media (min-width: 992px) { .anons-img {  padding:80px 20px 60px 40px; text-align: left; } }

/***** КНОПКА *****/
.btn-left { padding:0 0 0 20px; }
.btn-center { margin:0 auto; text-align:center;}
.btn-box { display: inline-block; margin:20px auto; }
.btn { z-index: 1; position: relative; display: table-cell; overflow: hidden; text-align: center; max-width: 100%; font-weight: 700; }
.btn-lg { padding: 10px 62px; }
.btn-md { padding: 6px 32px; }
.btn-default { color: #FFF; border:0; border-radius:0; background: #e60a80; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }
.btn-default:before, .btn-default:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.btn-default:before { background: rgba(0, 0, 0, 0.4); }
.btn-default:after { background: #000; }
.btn-default:hover { color: #fff; background: #000; -moz-transition: 2s; -o-transition: 2s; -webkit-transition: 2s; transition: 2s; }
.btn-default:hover:before, .btn-default:hover:after { -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.btn-default:hover:after { -moz-transition-delay: 0.175s; -o-transition-delay: 0.175s; -webkit-transition-delay: 0.175s; transition-delay: 0.175s; }
.btn-default:active, .btn-default:visited { /* background: #09F; */ }
.btn-green {background:#139e43;}
.btn-wave {background:#237d8f;}/* #5fbdd0 */
.btn-blue-light {background:#0099cc;}
.btn-blue {background:#2971cb;}
.btn-yellow {background:#f6d014;}
/***** КНОПКА END *****/

/* SOLUTION */
.stamp { display:inline-block; width:100%; min-width:220px; min-height:220px; margin:60px 0 20px; background:url(/images/stamp.png) center center no-repeat; } 
.solution-1 { margin:0 0 40px; }
.solution-1 span { font-size:30px; color:#CCC; padding:0 16px; line-height:2;}
.solution-1 ul { margin:0 0 0 50px; list-style:square; }
.solution-2 { margin:10px 0 30px; }
 figure.impregnation { margin:16px 0 20px; text-align:center; }
 figure.impregnation img { border:#777 1px solid; background:#777; margin:0 auto; }
 figure.impregnation p { font-size:15px; margin:6px; line-height:1.2; }

/* APPLICATION */
.application { width:80%; margin:20px auto; padding:30px 0 20px; text-align:center; }
.application figure { display:inline-block; margin:2px 0; width:32%; max-width:260px; position:relative; }
.application figure img { margin:0; }
.application figure span { margin:0; padding:4% 10px; overflow:hidden; font-size:0.7em; font-weight:700; position:absolute; top:0; left:0; width:100%; min-height:20%; background-color:rgba(255, 255, 255, 0.7);}
@media (max-width: 768px) { .application figure span { display:none; } }

/* BENEFITS */
.benefits { width:100%; margin:20px auto; padding:30px 0 20px; text-align:center; }
.benefit-item { color:#237d8f; width:80%; margin:20px auto; height:70px; text-align:center; }
.icon { color:#e60a80; font-size: 60px; font-weight: 400; display: block; width:60px; margin:30px auto 20px;}

/* APPLY */
.apply {margin:30px 0; text-align:center; }
.apply-item { margin:20px 0; text-align:center; font-weight:700; }
.apply-item img { margin:0 0 12px; }

/* VERSION */
.version { margin:30px 5% 30px 10%; }
.ver-content { border:#e60a80 2px solid; padding:0; margin:0 0 20px; display:table; width:100%; }
.ver-title { color:#FFF; width:25%; vertical-align:middle; background-color:#e60a80; padding:10px 16px; font-weight:700; display:table-cell; }
.ver-item {  display:table-cell; padding:10px; }

/* PARAMETERS */
.parameters { margin:30px 0; }
.dataset { margin:20px 0; padding:0; width:100%; background-color: transparent; font-size:13px;}
@media (min-width: 768px) { .dataset { font-size:16px;} }
.dataset td, .dataset th { padding:8px; line-height:1.4; border-bottom: 1px solid #ddd; } 
.dataset th { font-weight:700; text-align:left; border-top: 1px solid #ddd;}
.dataset tr:hover { background-color:#f5f5f5; } 

/* CERTIFICATES */
.certificates { text-align:center; margin:20px 0; }
.certificates img { margin:0 6px; width:126px; }
.certificates span.hy { display:none; }
@media (min-width: 768px) { .certificates span.hy { display:inline-block; width:200px; height:200px; background:url(/images/stamp-ser.png) center top no-repeat; background-size:100%;} }
.demo { text-align:center; margin:20px 0; }

/* PARTNERS */
.partners { margin:20px 20px 100px; text-align:center; }
.partners figure { display:inline-block; margin:10px 0; width:33%; }
@media (min-width: 768px) { .partners figure { display:inline-block; margin:10px 0; width:15%; } }


/* FOOTER */
.gps { width:100%; margin:20px auto; border:#000 1px solid; }
.brand-bottom { margin:20px; line-height:1; cursor:pointer;  }
.brand-bottom h3 {font-size: 70px; font-weight: 700; margin:0; line-height:0.8; color:#e60a80;}
.brand-bottom p { padding-left:140px; font-size: 18px; font-weight: 700; margin:0; line-height:1; color:#139e43; }
.copyright { margin:40px 25px 20px; color:#777; }

 


/* MODAL */
.modal { margin: 0; padding: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.7); 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; }
.modal:target { opacity: 1; pointer-events: auto; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
@media (min-width: 576px) {
	.modal-dialog { max-width: 500px; margin: 20vh auto auto; }
	}

.modal-content {  background-color: #FFF; border: 1px solid rgba(0,0,0,.2); border-radius:.3rem; padding: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 { width:100%; padding: 0 6px; }
.modal-title { padding:15px 10px; margin: 0 15px; line-height: 1.5; font-size: 1.4rem; font-weight: 300;}
.modal-success { color:#C00;  margin: 0 10px 0 25px; line-height: 1.2; font-size: 1.2rem; font-weight: 300;}.close { float: right; font-family: Roboto, sans-serif; font-size: 58px; font-weight: 300; line-height: 0.7;color: #000; text-shadow: 1px 1px 2px #555; opacity: .5; text-decoration: none; }
.close:focus, .close:hover { color: #F00; text-decoration: none; cursor: pointer; opacity: .8; }
.modal-body { border-top: 1px solid #eceeef; margin:0 20px 15px; padding: 10px 0 0; }
.modal-body iframe { min-height:360px; border:0; width:100%; height:70vh;}
@media (min-width: 576px) {
	.modal-body iframe { height:50vh; min-height:400px; max-height:600px; }
	}

/* FORM */
form { margin:0; padding:15px; font-size:18px; font-family:Roboto, sans-serif; }
input { font-size:18px; margin:4px 0; padding:7px 14px; font-family:Roboto, sans-serif; }
input[type=text], input[type=tel], input[type=email] { width:100%; background-color: #F3F3F3; border:solid #999 1px; }
input[type=submit], input[type=reset] { border:solid #999 1px; margin:4px 0; padding:7px 25px; background-color:#DDD; cursor:pointer; outline: none; border-radius:0; }
textarea { width:100%; font-size:18px; font-family:Roboto, sans-serif; background-color : #F3F3F3; margin:4px 0; padding:7px 14px; border: solid #999 1px; border-radius:0; box-shadow:none; resize: none; outline: none; }
input:not([type=checkbox]):not([type=radio]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {outline: #C03 1px solid; border:#C03 1px solid; }
input[type=submit]:focus, input[type=reset]:focus, input[type=submit]:hover, input[type=reset]:hover { background-color:#CCC;}

/* placeholder */
::-webkit-input-placeholder { color: #cd7267; font-weight:300; }
::-moz-placeholder 			{ color:#cd7267; font-weight:300; } /* Firefox 19+ */
::-ms-input-placeholder		{ color:#cd7267; font-weight:300; } 
:-ms-input-placeholder 		{ color:#cd7267; font-weight:300; }
:-moz-placeholder 			{ color:#cd7267; font-weight:300; } /* Firefox 18- */
::placeholder 				{ color:#cd7267; font-weight:300; } /* ALL */
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus::-ms-input-placeholder	  {color: transparent;}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
:focus::placeholder				  {color: transparent;} /* ALL */

/* TOTOP yellow:#f6d014 green:#139e43 wave: #0099cc  */
.up-top { position: fixed; right: 10px; bottom: 10px; z-index:20; transition: 0.2s; } 
@media (min-width: 768px) {
.up-top { right: 40px; bottom: 40px; }
}
.up-top button { width:50px; height:50px; margin:0; border:none; cursor:pointer; text-decoration:none; outline:none; font-size: 24px; line-height: 46px; color: #fff; background: #0099cc; border-radius: 50%;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4); display: inline; overflow: hidden; text-align: center; transition: 0.5s; }
.up-top button:hover { color: #000; background: #e60a80; }
a.toTop {text-decoration: none;}
.toTop { width: 50px;height: 50px;font-size: 24px;line-height: 46px; color: #fff; background: #e60a80; border-radius: 50%; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4); position: fixed; right: 40px; bottom: 40px; overflow: hidden; text-align: center; z-index: 20; }
.toTop:hover { color: #fff; background: #000; }

.mobile .toTop, .tablet .toTop { display: none !important; }