html, body {padding:0px;margin:0px;height:100%;scroll-behavior: smooth;color: #000;}
* {font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:100%;transition:transform 0.7s ease 0s;}
html {background:#fff;}

p {padding:5px;margin:0 0 10px 0;}
img {border:none;box-sizing:border-box;}
div {box-sizing:border-box;}

.bcb {clear:both;}
.dno {display:none;}
.incb {width:1140px;margin:0 auto;}
.l {text-align: left !important;}

a:link {text-decoration:none;color:#fff;}
a:visited {color:#fff;text-decoration:none;}
a:active {color:#A51C36;text-decoration:none;}
a:hover {color:#A51C36;text-decoration:none;}



/*----------------------------------------*/
/*  STICKY FOOTER definitions  
/*----------------------------------------*/
#all-content-wrapper {min-height:100%;width:100%;margin:0 auto;margin-bottom:-172px;scroll-behavior: smooth;}
* html #all-content-wrapper {height:100%;}
#all-content-bottom-spacer {height:172px;}
#footer-block {width:100%;margin:0 auto;height:172px;background:#011529;}


/*----------------------------------------*/
/*  Menu
/*----------------------------------------*/
.call-menu-wrapper {position: absolute; top: 0;width:1140px;z-index: 100;}
 .call-menu {float: right;margin: 70px 20px 0 0;cursor: pointer;}
.menu-wrapper {position: fixed; top: 0;width:1140px;right: 0;height: 909px;display: none;z-index: 101;}
 .menu {width: 710px;height: 909px;float: right;background: rgba(0, 38, 74, 0.97);}
  .menu .logo {display: none;}
  .menu .social {padding-top: 250px;margin-left: 100px;}
   .menu .social div {width: 90px;text-align: center;float: left;}
    .menu .social div img {width: 55px;}
    .menu .social div img:hover {transform: scale(1.2);}
  .menu .contact {clear: both;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:28px;margin: 120px 0 0 125px;}
   .menu .contact span {font-size:30px;font-weight: 800;text-transform: uppercase;font-feature-settings: 'pnum' on, 'lnum' on;line-height: 2.45;}
  .close {position: fixed;top: 50px;margin-left: 600px;cursor: pointer;}


/*----------------------------------------*/
/*  Top bar
/*----------------------------------------*/
.top-panel-wrapper {margin:0;padding:0;height: 881px;background:#09141b url(/i/b-top-d.png) 50% 100% no-repeat;/*background-size:cover;*/max-height:913px;/*border-bottom: solid 3px #fff;*/}
 .top-panel-wrapper .logo {float: left;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:30px;margin: 50px 0 0 20px;text-transform: uppercase;}
   .top-panel-wrapper .logo span {font-size:28px;font-weight: 800;text-transform: uppercase;}
 .top-panel-wrapper .slogan-space {height:180px;}
 .top-panel-wrapper .slogan {color: #F2F2F2;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 74px;font-weight: 800;line-height: 87px;letter-spacing: -0.01em;margin: 0px 0 0 20px;}
 .top-panel-wrapper .desc {font-family:'Manrope','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 28px;line-height: 150%;font-weight: 400;color: #F2F2F2;margin: 30px 0 0 20px;}
 .top-panel-wrapper .button {width: 260px;font-family:'Manrope','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 24px;font-weight: 800;line-height: 33px;letter-spacing: 1px;text-align: center;color: #FFFFFF;background: #A51C36;padding: 20px 0;margin: 45px 0 0 20px;}
  .top-panel-wrapper .button:hover {transform: scale(1.05);}
  .top-panel-wrapper a:hover {cursor: pointer;text-decoration: none;}



/*----------------------------------------*/
/*  Типовой блок
/*----------------------------------------*/
.block-wrapper {margin:0;padding:0;}
 .block-content-wrapper {width:1140px;margin:0 auto;}
  .gray {background: #f2f2f2;}
  .blue {background: #00264A;}
  .map {background: url(/i/ukraine.svg) 50% 25% no-repeat;min-height: 900px;}
   .block-content {padding: 100px 50px;}
    .block-content .header {font-size:48px;font-weight:800;text-align: center;letter-spacing: -0.03em;color: #A51C36;line-height: 56px;}
     .block-content .h-var {font-size:48px;font-weight:800;text-align: left !important;letter-spacing: -0.03em;color: #ffffff !important;line-height: 56px;}
    .block-content .info {font-size: 34px;line-height: 150%;text-align: center;color: #00264A;}
     .block-content .info span {font-weight: 800;}
     .space20 {margin-top: 20px;}
     .space30 {margin-top: 30px;}
     .space200 {margin-top: 200px;}
    .block-content .left-element {float: left; width: 46%;}
     .block-content .left-element p {padding: 0;margin: 0;font-size: 42px;font-weight: bold;line-height: 130%;color: #19191B;}
     .block-content .video {width:500px;margin-bottom:-20px;}
      .block-content .video iframe {width:100%;}
    .block-content .right-element {float: right; width: 46%;}
     .block-content .right-element p {padding: 0;margin: 0;margin-bottom: 15px;line-height: 150%;color: #00264A;}
 .block-content .button {width: 260px;margin: 0 auto;margin-top: 380px;font-family:'Manrope','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 24px;font-weight: 800;line-height: 33px;letter-spacing: 1px;text-align: center;color: #FFFFFF;background: #A51C36;padding: 20px 0;}
  .block-content .button:hover {transform: scale(1.05);}
  .block-content a:hover {cursor: pointer;text-decoration: none;}



/*----------------------------------------*/
/*  Колонки (х4)
/*----------------------------------------*/
.col-4-wrapper {margin:0 -10px;padding:0;}
 .col-4-wrapper ul {padding:0;margin:0;}
  .col-4-wrapper ul li {width:25%;padding:0;float:left;color:#fff;position:relative;list-style:none;box-sizing:border-box;}
   .col-4-wrapper ul li .header-w {border: none;margin: 12px 10px;padding: 120px 5px 0px 5px;text-align: left;text-transform: none;font-weight: 800;font-size: 48px;letter-spacing: -0.03em;color: #ffffff !important;line-height: 56px;}
   .col-4-wrapper ul li div {border: 1px solid #405c77;margin: 12px 10px;padding: 35px 15px 35px 15px;text-align: center;text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 170%;}
    .col-4-wrapper ul li div svg {display: block;padding: 10px 0 35px 0;margin: 0 auto;}
   .col-4-wrapper ul li div:hover {background: #811A2B;}
   .col-4-wrapper ul li div.header-w:hover {background: none;}
   .col-4-wrapper ul li div:hover .fill { fill:#f2f2f2; }
    .fill {fill:#AB1D38;}

/*----------------------------------------*/
/*  Подвал
/*----------------------------------------*/
#footer-block {}
  #footer-block .logo {float: left;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:30px;margin: 50px 0 0 20px;text-transform: uppercase;}
   #footer-block .logo span {font-size:28px;font-weight: 800;text-transform: uppercase;}
  #footer-block .social {width: 350px;margin: 0 auto;padding-top: 70px;}
   #footer-block .social div {width: 70px;text-align: center;float: left;}
    #footer-block .social div img:hover {transform: scale(1.2);}
  #footer-block .contact {float: right;text-align: right;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:21px;margin: 28px 20px 0 0;}
   #footer-block .contact span {font-size:28px;font-weight: 800;text-transform: uppercase;font-feature-settings: 'pnum' on, 'lnum' on;line-height: 1.45;}





@media screen and (max-width: 1500px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1200px)
{
  .incb {width:1000px;margin:0 auto;}
  .call-menu-wrapper {position: absolute; top: 0;width:1000px;}
   .call-menu {float: right;margin: 70px 20px 0 0;cursor: pointer;}
  .menu-wrapper {position: fixed; top: 0;width:1000px;;height: 909px;display: none;}
}
@media screen and (max-width: 1100px)
{
 .incb {width:970px;margin:0 auto;}
 .block-content-wrapper {width:100%;margin:0 auto;}
  .col-4-wrapper ul .header-w {font-weight: 800;font-size: 34px !important;}
   .col-4-wrapper ul li div {border: 1px solid #405c77;margin: 12px 10px;padding: 35px 15px 35px 15px;text-align: center;text-transform: uppercase;font-weight: 500;font-size: 14px;line-height: 170%;}

 .block-content .video {width:400px;}
 .block-content .info p {line-height: 120% !important;}

.call-menu-wrapper {position: absolute; top: 0;width:970px;}
 .call-menu {float: right;margin: 70px 20px 0 0;cursor: pointer;}
.menu-wrapper {position: fixed; top: 0;width:970px;;height: 909px;display: none;}
 .menu {width: 710px;height: 909px;float: right;background: rgba(0, 38, 74, 0.97);}
  .menu .social {padding-top: 330px;margin-left: 100px;}
   .menu .social div {width: 90px;text-align: center;float: left;}
    .menu .social div img {width: 55px;}
    .menu .social div img:hover {transform: scale(1.2);}
  .menu .contact {clear: both;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:28px;margin: 120px 0 0 125px;}
   .menu .contact span {font-size:30px;font-weight: 800;text-transform: uppercase;font-feature-settings: 'pnum' on, 'lnum' on;line-height: 2.45;}
  .close {position: fixed;top: 50px;margin-left: 600px;cursor: pointer;}

}









@media screen and (max-width: 1000px)
{
  /*----------------------------------------*/
  /*  STICKY FOOTER definitions  
  /*----------------------------------------*/
  #all-content-wrapper {margin-bottom:-250px;}
    #all-content-bottom-spacer {height:250px;}
  #footer-block {height:250px;}

  .incb {width:100%;}


    /*----------------------------------------*/
    /*  Menu
    /*----------------------------------------*/
    .call-menu-wrapper {position: absolute; top: 0;width:100%;}
     .call-menu {float: right;margin: 30px 30px 0 0;cursor: pointer;}
    .menu-wrapper {position: absolute; top: 0;width:100%;height: 400px;}
     .menu {width: 100%;height: 430px;float: none;background: rgba(0, 38, 74, 0.97);}
      .menu .logo {position: absolute;float: none;color: #fff;font-size:18px;margin:0 !important;text-transform: uppercase;width: 100%;text-align: center;top: 100px;display: block;}
       .menu .logo span {font-size:18px;font-weight: 800;text-transform: uppercase;line-height: 1.8;}
      .menu .social {width: 250px;padding-top: 190px;margin-left: 0px;margin: 0 auto;}
       .menu .social div {width: 50px;text-align: center;float: left;}
        .menu .social div img {width: 40px;}
        .menu .social div img:hover {transform: scale(1.2);}
      .menu .contact {clear: both;font-size:16px;margin: 80px 0 0 0;text-align: center;}
       .menu .contact span {font-size:16px;font-weight: 800;text-transform: uppercase;font-feature-settings: 'pnum' on, 'lnum' on;line-height: 2.45;}
      .close {position: absolute;top: 30px;right: 30px;margin-left: 0px;cursor: pointer;}

    /*----------------------------------------*/
    /*  Top bar
    /*----------------------------------------*/
    .top-panel-wrapper {margin:0;padding:0;height: 742px;background:#09141b url(/i/b-top-m2.png) 50% 100% no-repeat;background-size:auto;max-height:742px;/*border-bottom: solid 3px #fff;*/}
     .top-panel-wrapper .logo {float: left;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:20px;margin: 20px 0 0 20px;text-transform: uppercase;}
       .top-panel-wrapper .logo span {font-size:20px;font-weight: 800;text-transform: uppercase;}
     .top-panel-wrapper .slogan-space {height:370px;}
     .top-panel-wrapper .slogan {text-align: center;color: #F2F2F2;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 40px;font-weight: 800;line-height: auto;letter-spacing: -0.01em;margin: 0;}
     .top-panel-wrapper .desc {text-align: center;font-family:'Manrope','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 18px;line-height: 150%;font-weight: 400;color: #F2F2F2;margin: 30px 0;}
     .top-panel-wrapper .button {width: 200px;font-family:'Manrope','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 18px;font-weight: 800;line-height: 33px;letter-spacing: 1px;text-align: center;color: #FFFFFF;background: #A51C36;padding: 16px 0;margin: 0 auto;}
      .top-panel-wrapper .button:hover {transform: scale(1.05);}
      .top-panel-wrapper a:hover {cursor: pointer;text-decoration: none;}



  /*----------------------------------------*/
  /*  Типовой блок
  /*----------------------------------------*/
   .block-content-wrapper {width:100%;margin:0 auto;}
    .map {background: url(/i/ukraine.svg) 50% 25% no-repeat;min-height: 300px;background-size:300px auto;}
     .block-content {padding: 50px 20px;}
      .block-content .header {font-size:32px;font-weight:800;text-align: center;letter-spacing: -0.03em;color: #A51C36;line-height: 38px;}
      .block-content .info {font-size: 18px;line-height: 150%;text-align: center;color: #00264A;margin-top: 5px;}
       .block-content .info span {font-weight: 800;}
       .space20 {margin-top: 20px;}
       .space30 {margin-top: 30px;}
       .space200 {margin-top: 200px;}
      .block-content .left-element {float: none; width: 100%;}
       .block-content .left-element p {padding: 0;margin: 0;font-size: 42px;font-weight: bold;line-height: 130%;color: #19191B;}
       .block-content .video {width:100%;}
      .block-content .right-element {float: none; width: 100%;}
       .block-content .right-element p {padding: 0;margin: 0;margin-bottom: 15px;font-size: 110%;line-height: 150%;color: #696871;}
       .block-content .right-element .l {text-align: center !important;}
   .block-content .button {width: 220px;margin: 0 auto;margin-top: 80px;font-family:'Manrope','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size: 16px;font-weight: 800;line-height: 22px;letter-spacing: 0.5px;text-align: center;color: #FFFFFF;background: #A51C36;padding: 20px 0;}

    /*----------------------------------------*/
    /*  Колонки (х4)
    /*----------------------------------------*/
    .col-4-wrapper {margin:0 -10px;padding:0;}
     .col-4-wrapper ul {padding:0;margin:0;}
      .col-4-wrapper ul li {width:100%;padding:0;float:left;color:#fff;position:relative;list-style:none;box-sizing:border-box;}
       .col-4-wrapper ul .header-w-li {width:100% !important;margin: 12px 0px !important;padding: 0px 10px 0px 10px !important;text-align: center !important;text-transform: none;font-weight: 800;font-size: 32px;letter-spacing: -0.03em;color: #ffffff !important;line-height: 56px;}
       .col-4-wrapper ul .header-w {width:100% !important;margin: 12px 0px !important;padding: 0px 10px 0px 10px !important;text-align: center !important;text-transform: none;font-weight: 800;font-size: 32px;letter-spacing: -0.03em;color: #ffffff !important;line-height: 56px;}
       .col-4-wrapper ul li div {border: 1px solid #405c77;margin: 10px 10px;padding: 1px 10px 10px 10px;text-align: center;text-transform: uppercase;font-weight: 600;font-size: 16px;line-height: 170%;}
        .col-4-wrapper ul li div svg {display: block;padding: 10px 0 35px 0;margin: 0 auto;transform: scale(0.7);}
       .col-4-wrapper ul li div:hover {background: #ab1d38;}
       .col-4-wrapper ul li div:hover .fill { fill:#f2f2f2; }
        .fill {fill:#AB1D38;}



    /*----------------------------------------*/
    /*  Подвал
    /*----------------------------------------*/
      #footer-block .logo {float: none;font-size:18px;padding-top: 50px;margin: 0;text-transform: uppercase;text-align: center;}
       #footer-block .logo span {font-size:18px;font-weight: 800;text-transform: uppercase;}
      #footer-block .social {width: 300px;margin: 0 auto;margin-top: -80px;padding-top: 0px;}
       #footer-block .social div {width: 60px;text-align: center;float: left;}
        #footer-block .social div img:hover {transform: scale(1.2);}
      #footer-block .contact {float: none;text-align: center;color: #fff;font-family:'Raleway','Trebuchet MS',Verdana,Tahoma,sans-serif;font-size:15px;margin: 80px 0 0 0;}
       #footer-block .contact span {font-size:17px;font-weight: 800;text-transform: uppercase;font-feature-settings: 'pnum' on, 'lnum' on;line-height: 2.45;}


}

@media screen and (max-width: 500px)
{
    .top-panel-wrapper {margin:0;padding:0;height: 742px;background:#09141b url(/i/b-top-m2.png) 50% 100% no-repeat;background-size:cover;max-height:742px;/*border-bottom: solid 3px #fff;*/}
}

.callcenter
{font-size: 50%;
font-weight: 100;
text-transform: none;
line-height: 1.2;}

.team
{font-weight: normal;
font-size: 85%;}

.mail
{font-size: 14px;
    margin-top: 70px;
    font-weight: 600;}