html { overflow-y: scroll; height: 100%;}

body { font-family: arial, helvetica, sans-serif, tahoma, verdana; margin: 0;  padding: 0;  background-color:#f7f8fa; height: 100%; margin-top: 0;  display: flex; flex-direction: column; min-height: 100vh; }

section {  flex: 1;  -ms-flex-preferred-size: auto;  }

*{-webkit-box-sizing:border-box;   -moz-box-sizing:border-box;   box-sizing:border-box; }

a:link, a:visited { color: #1576cb; transition: all 500ms; text-decoration: none;  }
a:hover { text-decoration: none; color: #ff6600;}

.site1 {  margin: 0 auto; width: 100%; background: #030613;  box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.5);  position: fixed; z-index:100; top: 0; }
.site2 {  padding: 0; margin: 0 auto; min-width: 200px; max-width: 1400px; padding-left: 20px; padding-right: 20px; }

.site3 {   width: 100%; background-color: #101f4a; padding-left: 24px; padding-right: 24px;  }

.site1b {  margin: 0 auto;  padding-top:51px; width: 100%; height: 470px; background: -webkit-linear-gradient(top, #235195 0%,#07264d 120%); box-shadow: 0px 5px 100px -10px rgba(17,40,65,0.5);  text-align: center;  background: url('../img/fon.jpg')  no-repeat  50% 50px;  }

.site2b img  { margin-top:70px; margin-bottom:140px; float:right; }
.site2b div  { display: inline-block; }

.site2b h1 {  font-size:27px; font-weight:normal; color:#f1f7ff; text-shadow: 1px 1px 2px #1d365a; letter-spacing: 1px; line-height: 40px; text-align: center;  max-width: 500px; float:left; margin-top:90px; margin-bottom:40px; margin-left:30px; margin-right:30px;   }

.cell1 {  display: table-cell;  vertical-align:top; padding:0;  }
.cell1 img { width: 182px; height: 33px;  margin-right: 20px; margin-top: 10px;  margin-bottom: 5px; }
.cell2 { display: table-cell; padding: 0;  text-align: center; padding-top:1px; width: 80%;  }
.cell3 { display: table-cell; padding: 0;  text-align: right; vertical-align: top;  }

.lang   { font-size:12px; display: inline-block; width: 36px; height: 21px; border-radius: 2px; margin: 7px; margin-left: 3px; margin-right: 3px; padding-top: 3px; text-align: center;   }
.lang2 a  { color: #fff; }
.lang2 a:hover  { color: #48515a; background-color:#fff; }
.lang2 .active, .lang2 .active:hover {  color: #48515a; background-color:#fff; }

.lang2   { display: inline-block; background-color:#244b7e;  color: #fff; width: 140px; height: 37px;  border-radius: 2px; text-transform:uppercase;  margin-top: 7px;  padding-top: 1px; text-align: center; margin-left: 20px; }
.enter   { display: inline-block; width: 170px; vertical-align: middle; color: #fff; font-size:14px; font-weight: bold; margin-right:20px; }
.enter img { vertical-align: middle; margin-left:5px; }

.cell2 nav { display: inline-block; vertical-align: top; }
.menu { display: table; margin:0;  padding:0;  }
.menu li { display: inline-block;  text-align:left; position: relative; z-index:100; border-left: 1px solid #6d798d; border-bottom: 1px solid #5f6a7c; display: table-cell; text-align: center; }
.menu li:last-child { margin-left:0; border-right: 1px solid #6d798d; }
.menu li a {  width: 100%; height: 50px; font-size:14px; color: #c5cfe7; font-family: GHEAGrpalatReg, arial, helvetica, sans-serif, tahoma, verdana; text-decoration:none; text-transform:uppercase; padding:16px 20px 11px 20px; display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover > a { background:#486995; color:#fff;   }
.menu li > .active:link, ul.menu > li > .active:visited { color:#fff; background:#ffa82b; width: 100%;}
.menu ul { display: none; margin: 0; padding: 0; width: 280px; position: absolute; top: 50px;  list-style: none; padding-top:2px;  }
.menu ul li:last-child {  border-bottom:1px solid #ccc;}
.menu ul li { display:block; border:1px solid #ccc; border-top:none; float: none; margin:0; padding:0;   text-align: left; background: #fff; }
.menu ul li a { font-size:15px; display:block; color:#22559a; height:auto; text-transform: none; }
.menu ul li a:hover, .menu ul li:hover > a { background:#486995; color:#fff; }
.menu li:hover > ul { display: block; }
.menu ul ul { left: 238px; top: -1px; padding-top:0;  }
.menu ul li ul li:first-child { border-top:1px solid #ccc;  }
.menu ul li:last-child { border-right:1px solid #ccc; }
.mobile-menu { display:none; width:100%;  padding-left:0; padding-right:0; color:#ffffff; text-transform:uppercase; font-size:15px;  font-weight:600; text-decoration: none; margin-top: 15px;  }
.mobile-menu:link, .mobile-menu:visited { color: #ccc; }
.mobile-menu:hover  { color:#ffa82b; text-decoration:none; }
.mobile-menu .icon-reorder { display:inline-block; width:20px; height:18px; margin-right:10px; background: url(../img/icon-menu.png) no-repeat 0 1px; }


.left { width: 210px; }

.menu2 {  float:left; margin-top: 70px; margin-bottom: 30px; font-size:14px; width:210px;   }
.menu2 a:link, .menu2 a:visited, .menu2 span { text-decoration:none; display: block; padding:12px; margin-top:-1px; color:#4e556c; text-decoration:none; background-color:#edf0f6; border:1px solid #dce0e6; margin-left:-1px; border-radius:  4px;  }
.menu2 a:hover { background: #19a1e9; color: #fff; border-color: #dce0e6;  }
.menu2 .menua2 a { color:#9c0928; font-weight:bold; text-decoration:none; background-color: #797979; }
.menu2 .active:link, .menu2 .active:visited { color: #fff; background-color: #2e588f; border-color: #175082; }
.menu2 .stu a { padding-left: 30px; font-size:14px;  font-size:13px; }

.ruben { float: left; text-align: center;  line-height: 18px;  }
.ruben h4 { font-size: 16px; margin-top: 0px; margin-bottom: 10px; }
.ruben span { font-size: 14px; }
.ruben b  { line-height: 40px; }
.ruben img  { width: 210px; }
.ruben .button a:link, .ruben .button a:visited { font-size: 12px; letter-spacing: 0; padding: 0; width:210px; padding-top: 2px; }
.content .ruben p  { text-align: center; }

.button  { text-align:center; margin-bottom:40px; }
.button a:link, .button a:visited {  font-size:14px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 0 22px 0 22px; display:inline-block; height:44px; background-color:#1576cb; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px;}
.button a:hover {  background: #ffa82b; color: #2e2824; }

.news { padding-top:14px; display:inline-block; }
.news img { margin-left:20px; margin-bottom:3px;  float: right; display:inline; margin-top:10px; width:60%;  max-width:740px; height: auto; margin-bottom:20px; }


.hr { width:100%; height:1px; border-top:1px #d1d8dd solid; margin-top:20px; margin-bottom: 20px; }

.clear { clear:both; }

.content { color:#616b75;  line-height: 24px;  margin-top:100px; margin-bottom: 60px;  }
.content h1 { text-align: center;  margin: 0 auto; max-width: 700px; font-weight: bold; margin-top: 50px; margin-bottom: 30px; color: #376eb0; font-size:30px;  line-height: 40px; text-transform:uppercase; font-weight: lighter; }
.content p {  font-size:14px; text-align:justify; color:#616b75; letter-spacing: 0.03em; }
.content  img { border-radius:  6px;  }

.content2 { margin-left:240px; color:#616b75;  }
.content2 p {  font-size:14px; text-align:justify; color:#4e556c;  }



.info {  cursor: pointer; outline: 0; text-decoration: none; height: 26px;  width: 26px; background: url('../img/info.png') no-repeat ; display: block; color:#fff; padding-left:34px; padding-top:6px;  float: right; }
.volmax {  cursor: pointer; outline: 0; width: 160px; height: 19px; background: url('../img/volmax_logo.png') no-repeat;  display: block;  }

.footer  { width: 55%; display: inline-block; margin-top:15px; margin-bottom:10px; vertical-align: top; color: #ccc;  text-align: right;  }
.footer a  { vertical-align: bottom; font-size: 14px; float: right;  color: #ccc; }
.footer2  { width: 45%; display: inline-block; margin-top:15px; margin-bottom:10px; vertical-align: top; color: #ccc;  text-align: right;  }

.cont {  font-size:14px;  width: 600px; float: left;  }
.cont p { display:block;  margin: 0;  margin-bottom: 8px;   }

.contimg {  margin-left: 620px;  }
.contimg img { width: 100%;  }

.field label { font-size: 14px; }
.field { line-height:28px; color: #616b75;}


.form input { background: #f9fafc; border-width: 1px; border: 0; border-bottom: 1px solid #ccc;  padding: 6px; width: 100%; color: rgb(34, 34, 34); font-size: 14px;}
.form textarea { display:block; height: 140px; width: 100%; margin-top: 10px; margin-bottom: 3px; background-color: #f9fafc; border: 1px solid #ccc; font-size:14px; font-family: arial, tahoma, helvetica, sans-serif;  }
.form input.submit { font-size:14px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 0 22px 0 22px; display:inline-block; height:44px; background-color: #00addc; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); width:130px; border:none; margin-right:5px;  }
.form input.submit:hover { cursor: pointer; background: #c2c7d3; color: #2e2824;  box-shadow: none;  }
.form input:last-child  { margin-bottom: 10px; }
.messages { font-size:14px; margin-top:5px; margin-bottom:10px; }

.sp1  { font-size: 90%;  line-height: 110%; }
.sp1 li { margin-bottom:14px; }
.sp2  { font-size: 90%;  line-height: 110%; padding-left:22px; }
.sp2  li { margin-bottom:14px; list-style: none; background: url(../img/t.png) no-repeat 0 4px;  padding-left: 18px; }

.plus2 { float:left;  text-align: center; width: 33.33%;  padding:14px;  }
.plus2 a {  text-align: center;  margin: auto; width: 100%;  padding-bottom:20px; display: block;  background: #fff; border-radius: 6px; border:1px solid #d5d9e0;  -webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3); }
.plus2 a:hover { background: #335998;  transition: 0.5s ease;   color: #fff; }
.plus2 a:hover p { background: none;   color: #fff; }
.plus2  img { display:inline; width:100%;  height: auto;  margin-bottom: 5px; border-radius:  7px 7px 0 0px;  }
.plus2 p { margin: 0; text-align: center; color: #1576cb; font-size: 16px; letter-spacing: 0; margin-left: 10px; margin-right:10px; }

.overlay {  z-index:100; position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0; background: rgba(14, 30, 56, .6);  transition: opacity 500ms; visibility: hidden;  opacity: 0;}
.overlay:target { visibility: visible;  opacity: 1;}
.popup { margin: 8% auto;  padding: 40px; border-radius: 5px; max-width: 800px; position: relative; box-shadow: 0 0 10px 0 #666;   }
.popup h2 { font-size: 24px; font-weight:normal; color: #333248; text-align: center; }
.popup .close { position: absolute;  top: -1px; right: 12px; transition: all 200ms; font-size: 40px; text-decoration: none; color: #626a7c;}
.popup .close:hover {  color: red;}
.popup  { background: #fff; }
#authorization .popup .cont-aut  {  margin-top: 0; }




.tablica { display: table; width:100%; border-left:1px solid  #d7d9df;  border-top:1px solid  #d7d9df; font-size:90%; }
.tab2 { display: table-row; background-color: #f9fafc; }
.tab3 { display: table-row; }
.tcel {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df;  }


@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-200px * 19))}}
#logos-home-page .slider { height: auto; margin: auto; overflow: hidden; position: relative; width: 100%; }
#logos-home-page  { margin-top:40px; margin-left: 14px; margin-right: 14px; }
#logos-home-page .slider:before,#logos-home-page .slider:after { background: linear-gradient(to right,  rgba(247,248,250,1) 0%,rgba(255,255,255,0) 100%); content: ""; height: 100px;position: absolute; width: 200px; z-index: 2; }
#logos-home-page .slider:after { right: 0; top: 0; transform: rotateZ(180deg); }
#logos-home-page .slider:before { left: 0; top: 0; }
#logos-home-page .slide-track { animation: scroll 60s linear infinite; display: flex; width: calc(0px * 24); }	
#logos-home-page div.slide { padding: 0 12px; display: flex; flex-direction: column; justify-content: center; }
.slider .slide,  .slide-track div { padding: 0 12px; display: flex; flex-direction: column;  justify-content: center; }
.slider img  { opacity: 0.6; transition: 1s;}
.slider img:hover { filter: none;  cursor: pointer; opacity: 1;}



@media  (max-width: 1140px) { .menu li a { font-size:12px; }}

@media  (max-width: 1030px) { .site1b {  padding-top:0; } .site1 {  position: relative; } .cell2 { text-align: right;  position: absolute; padding: 0;   top: 0; right: 20px; width: auto;  } .cell3  { display:none1;   position: absolute; padding: 0;   top: 0; right:120px; } .content {margin-top: 0;}}


@media (max-width: 1030px) {.menu { display:none; text-align:left; text-shadow: none; padding: 0; margin-bottom:24px;  } .mobile-menu { display:block; margin-top: 17px; margin-bottom: 14px; }  .cell2 nav { margin:0; background:none; margin-top:3px; }.menu ul li { border:none; } .menu li { display:block; margin:0;  float:none; border:1px solid #ccc; border-top:none; border-bottom:none; background:#eef0f5; } .menu ul li:last-child { border-bottom: none;} .menu li:last-child { border-bottom:1px solid #ccc; } .menu li .active:link, ul.menu  li .active:visited { border-top: none;} .menu li a { font-size:14px; color:#000; border-top:1px solid #e0e0e0; } .menu ul li  a { padding-left:24px; }  .menu ul { display:block; position:relative; top:0; left:0; width:100%; } .menu ul ul { left:0; } }
@media (max-width: 940px) {.site2b img { display:none;}  .plus2 { width: 50%; } .site2b h1 { margin-top: 0; font-size: 24px; line-height: 30px; }  .site1b {  background-position: 60% -50px;  }}
@media (max-width: 870px)  {  .left { width:100%; } .ruben { float: none; } .ruben h4 { margin-top: 30px; } .content2 { padding-left:0; float: none; width: 100%; margin-left: 0; } .menu2 { float:none; width:100%;  margin-top: 30px; margin-bottom: 0; } }
@media (max-width: 400px) {.site2b img { display:none;}  .plus2 { width: 100%; }}



@media (max-width: 800px)  {  .contimg { margin-left: 20px; margin-bottom: 3px; float: right; max-width: 760px; height: auto; width: 100%; } .cont { margin-top: 20px; width: 100%; } .slider img  { filter: none; opacity: 1;} #logos-home-page .slider:before, #logos-home-page .slider:after { width: 50px; } }
@media (max-width: 480px)  {   #logos-home-page .slider:before, #logos-home-page .slider:after { width: 10px; }}