*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.relative100 {z-index:150;}
.title-soc-f {
font-weight: 400;
	font-size: 28px; margin-top:30px;
color:rgba(233, 233, 233, 1);
}
.opinions-grid {
     display: grid;
grid-template-columns:1fr 1fr ;
grid-gap: 24px;
	
}
.top-main-fixed.fixed {
  width: 100%;
  position: fixed;
  top: 0;background: rgba(42, 124, 120, .8);
  z-index: 106;
  padding: 15px 0 15px 0 !important;
}

.b-top {z-index:2600;position:fixed;right: 30px;bottom:90px;width:34%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;bottom:0;right:0px;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:rgba(42, 124, 120, 1) url(../i/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}

.white-th {color:#fff;font-size:22px;text-align:center;font-weight:600;margin-top:30px;}
.bonus-blur {
	background: linear-gradient(270.01deg, rgba(176, 200, 199, 0.6) -6.63%, rgba(176, 200, 199, 0) 99.99%);
backdrop-filter: blur(7px);padding: 20px 40px 20px 40px;
	
}
.bonus-t2 {
font-weight: 400;
font-size: 32px;
color:rgba(19, 11, 2, 1);
}
.bonus-blur h3{
font-weight: 500;margin-bottom: 20px;
font-size: 52px;margin-top: 0px;
color:rgba(19, 11, 2, 1);}
.bonus-t3 {
font-weight: 400;
font-size: 20px;
color:rgba(19, 11, 2, 1);
	margin-top:20px;
}
.bonus-grid{
    display: grid;
grid-template-columns:1fr 1fr ;
grid-gap: 24px;	
}
.m140 {margin-top:140px;padding-right:30px;}
.bonus-title-h {margin-top:100px;}
.backg-b {background:url(../i/bg-bonus.png) no-repeat;background-size:cover;width:100%;min-height:300px;}
.ph-mobile::before {background: url('../i/phone-f.svg');background-repeat: no-repeat;}
.ph-mobile::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:32px; height:32px; line-height:32px;background-repeat:no-repeat;}
.ph-mobile{ padding-left:35px;
fofont-family: "Lato", sans-serif;
font-weight: 400;
font-size: 24px;display: table;
position: relative;margin-bottom:18px;}
.ph-mobile a {text-decoration:none;}


.tg-mobile::before {background: url('../i/tg.svg');background-repeat: no-repeat;}
.tg-mobile::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:32px; height:32px; line-height:32px;background-repeat:no-repeat;}
.tg-mobile{ padding-left:35px;
fofont-family: "Lato", sans-serif;
font-weight: 400;
font-size: 24px;display: table;
position: relative;margin-bottom:18px;}
.tg-mobile a {text-decoration:none;}


.wt-mobile::before {background: url('../i/wt.svg');background-repeat: no-repeat;}
.wt-mobile::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:32px; height:32px; line-height:32px;background-repeat:no-repeat;}
.wt-mobile{ padding-left:35px;
fofont-family: "Lato", sans-serif;
font-weight: 400;
font-size: 24px;display: table;
position: relative;margin-bottom:18px;}
.wt-mobile a {text-decoration:none;}


.section-documents {padding-bottom:60px;}
.cos-icons {margin-top:20px;}
.cos-icons img {margin-right:20px;transition: all 0.5s ease;}
.cos-icons img:hover{opacity:.8}
.footer-forms input {margin-bottom:20px;}
.dev img {vertical-align: middle;}
.error input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-webkit-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-moz-placeholder     {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-moz-placeholder      {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-ms-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.note2 {font-size: 12px;color: #9b9b9b;}
.note2 a {color: #9b9b9b;}
.modal-title-f {font-weight: 300;font-size: 30px; margin-top: 0px;color: rgba(19, 11, 2, 1); text-align:center;margin-bottom:30px;}
.buttom-call {background: rgba(213, 71, 33, 1);color:#fff;
display:block;width:100%;
font-weight: 500;cursor:pointer;
font-size: 16px;
padding:16px 0px;border:0px;
text-align: center;transition: all 0.5s ease;
        -webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius:8px;   
text-decoration: none;
}


.buttom-call:hover {background:#9F3619;}
.input-cr {width:100%;height:40px;font-size: 18px;padding-left:20px;
border:1px solid rgba(213, 71, 33, 1);color:#000;
	   -webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius:8px;   margin-bottom:20px;
}

.switcher {
  position: absolute;
  visibility: hidden;
  left: -9999px;
}
.relative100 {position: relative;
  z-index: 200;}
img {
  max-width: 100%;
  height: auto;
}
input:focus {outline:none;}
a {transition: all 0.5s ease;}
html, body {
  overflow-x: hidden !important;
}
body {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
    margin: 0;
    background:#E9E9E9;
font-family: "Raleway", sans-serif;
}

.form-supject {
  opacity: 0;
  display: none;
  pointer-events: none;
}
.container{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row{
	margin-right: -15px;
	margin-left: -15px;
}
.row-flex{
	display: flex;
	flex-flow: row wrap;
}
.sliders {position: relative;}
.sliders img{ -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;   
}


/*Главный блок*/
.section-main {background:url(../i/bg.png) no-repeat;background-size:cover;width:100%;min-height:950px;position: relative;}
.section-main::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(4, 52, 50, 1);
    opacity: .4;
}
.title-main {
margin-top:140px;
font-weight: 300;max-width: 1000px;
font-size: 68px;
color:rgba(233, 233, 233, 1);
}
.pos-z100 {position: relative;z-index: 100;}

header {background: rgba(233, 233, 233, 0.15);
backdrop-filter: blur(0px);
    position: relative;
  z-index: 1000;
}
.grid-cont-h {
 max-width: 745px;
     display: grid;
grid-template-columns:1fr 1fr ;
grid-gap: 24px;  margin-top:40px;     
}
.link-h {
display: block;
background:rgba(213, 71, 33, 1);
width:100%;
font-weight: 400;
font-size: 30px;
color:rgba(233, 233, 233, 1);
text-align: center;
padding:20px 0px;
text-decoration: none;
    
}
.link-h:hover {background:#9F3619;}
.link-h2 {
display: block;
font-weight: 400;
font-size: 30px;
text-align: center;
padding:20px 0px;
text-decoration: none;background:rgba(233, 233, 233, 1);    
color:rgba(159, 54, 25, 1);
border: 3px solid rgba(159, 54, 25, 1);  
}
.link-h2:hover {
background:rgba(159, 54, 25, 1);
color:#fff;
	
}
/*Контент блок*/
.section-content-first {margin-top:60px;}
.right-text-cont h2 {
font-weight: 300;
font-size: 64px;margin-top: 0px;
color:rgba(19, 11, 2, 1);
}
.right-text-cont {font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 20px;
color:rgba(19, 11, 2, 1);
}
.img-why3 img {
  object-fit: cover;height:100%;
  width: 100%;}
.right-text-cont  b{color:rgba(42, 124, 120, 1);}
.right-text-cont h3 {color:rgba(42, 124, 120, 1);
font-weight: 600;
font-size: 24px;
}
/*Блок почему мы*/
.section-why {background:url(../i/bg-why.png) no-repeat;background-size:cover;width:100%; min-height:554px;padding:40px 0px 0px 0px;}
.title-why {
font-weight: 300;
font-size: 64px;
color:rgba(233, 233, 233, 1);
}
.desc-why-title {
margin-top:50px;
font-weight: 500;
font-size: 44px;
color:rgba(233, 233, 233, 1);
}
.desc-why {font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 20px;
color:rgba(233, 233, 233, 1);
text-align: center;

}
.img-why {text-align: center;margin-bottom:20px;}
.grid-why {
   display: grid;margin-top:40px;
grid-template-columns:1fr 1fr 1fr 1fr ;
grid-gap: 24px;     
}
.content-grid-f {
     display: grid;
grid-template-columns:1fr 1fr ;
grid-gap: 24px;      
    
}

/*Как это работает*/
.howworks-gr {
    display: grid;
grid-template-columns:1fr 1fr ;
    
}
.title-how {
font-weight: 300;
font-size: 64px;margin-top:40px;
color:rgba(19, 11, 2, 1);margin-bottom:30px;
}
.content-how {padding-left:30px;}
.cont-how-title {
font-weight: 500;
font-size: 40px;
color:rgba(19, 11, 2, 1);
}
.cont-how-desc {
font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 20px;
color:rgba(19, 11, 2, 1);
}
.punkt {
   display: grid;
grid-template-columns:50px 1fr;
grid-gap: 24px;    margin-bottom:24px;
}
.img-howwork img {
 object-fit: cover;height:100%;
  width: 100%;
}
.green {background:rgba(42, 124, 120, 1);
       -webkit-border-radius: 999px;
-moz-border-radius:999px;
border-radius:999px;  
font-weight: 500;padding-top:9px;
font-size: 24px;color:#fff;
text-align: center;
vertical-align: middle;
width:49px;
height:49px;
}
.img-p {align-self: center;}

.text-banner {width:700px;position: absolute;top:80px;left:170px;z-index: 100;}
.banner-n{
color:#fff;
font-weight: 700;
    margin-bottom:40px;
font-size: 56px;
}
.banner-n2 {
font-weight: 400;
font-size: 20px;margin-bottom:40px;
color:#fff;

}
  .navbar-top .site-nav > .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important}
  .navbar-top .site-nav > .navbar-nav > li {flex:1 1 auto !important}
.section-slider {margin-top:50px;}
.header-menu-after {
 display: grid;
grid-template-columns: 550px 1fr;
grid-gap: 24px; 
}
.block-r-h {margin-left:130px;}
.grid-header {
   display: grid;
grid-template-columns: 200px  390px 1fr ;
grid-gap: 24px;    
}
.phone a {
font-weight: 400;
font-size: 24px;
color:rgba(233, 233, 233, 1);}
.grid-cont {
   display: grid;
grid-template-columns: 100px  1fr 1fr ;
grid-gap: 24px;    
}
.soc {margin-top:8px;}
.soc a img:first-child {margin-right:15px;}
.logo a{
font-weight: 300;
font-size: 32px;line-height: 1em;
color:rgba(233, 233, 233, 1);text-decoration: none;
}
.menu-header ul li a { 
font-weight: 400;
font-size: 16px;
color:rgba(233, 233, 233, 1);
text-decoration: none;
}
.menu-header ul li a:hover { 
color:rgb(255, 255, 255);
	
}
.menu-header ul {margin:0px;}
header {padding-top:30px;padding-bottom:10px;}
.menu-header ul li {float:left; list-style: none;margin-right:15px;margin-bottom:10px;}
.phone {margin-top:8px;}
.phone a {text-decoration: none;font-family: "Lato", sans-serif;}

.contact-head {
display: grid;
grid-template-columns:1fr 1fr 1fr ;
grid-gap: 24px;      
}
.callback {background: rgba(213, 71, 33, 1);color:#fff;
display:block;width:100%;
font-weight: 500;
font-size: 16px;
padding:16px 0px;
text-align: center;
        -webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius:8px;   
text-decoration: none;
}
.callback:hover {background:rgba(159, 54, 25, 1);}

.nav-inlay {margin-top: 10px;}

.navbar-nav li a {
color:#fff;
    
    text-decoration:none;padding:10px 0px;display:block;}
.navbar-nav li a:hover {color:#437DF0;text-decoration: underline;}
.clear {clear:both;}

.navbar-nav li {list-style:none;padding:0px 3px 0px 3px;
font-weight: 600;
font-size: 16px;

}
.text-m {
font-family: "Lato", sans-serif;
font-weight: 300;margin-top:120px;
font-size: 24px;
color:rgba(233, 233, 233, 1);
    max-width:460px;
}
/*Портфолио*/
.section-portfolio {background:rgba(42, 124, 120, 1);padding:40px 0px 60px 0px;}


.section-portfolio h2 {
font-weight: 300;
font-size: 64px;
color:rgba(233, 233, 233, 1);
margin-top: 0px;
  margin-bottom: 30px;
}
.portfolio-link img 
{  object-fit: cover;height:100%;
  width: 100%;}
.portfolio-link {
    position: relative;}
.portfolio-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;transition: all 0.5s ease;
  top: 0;
  left: 0;
background:rgba(7, 52, 49, 0.3)    ;

}
.portfolio-link:hover::after {background:rgba(7, 52, 49, 0);}
.name-lic {font-family: "Lato", sans-serif;
font-weight: 400;margin-top:15px;
font-size: 32px;
color:rgba(19, 11, 2, 1);
}


.grid-port {
display: grid;
grid-template-columns:1fr 1fr 1fr 1fr ;
grid-gap: 24px;  
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
font-weight: 400;
padding-bottom:10px;
    color: rgba(233, 233, 233, 0.5);
	border-bottom:1px solid rgba(233, 233, 233, 0.5);
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover {

    color:rgba(233, 233, 233, 1) !important;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color:rgba(233, 233, 233, 1);
    text-shadow: none;
    font-weight: 600;
	border-bottom:1px solid rgba(233, 233, 233, 1);
	padding-bottom:10px;
}
ul li.r-tabs-tab::before {
    content: "" !important;
}
.r-tabs-nav a.r-tabs-anchor {
    width: 100%;
    text-align: center;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    background: #bf9b19;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    font-size: 14px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #bf9b19;
    text-shadow: none;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}

.content-contacts h3 {
font-weight: 600;
font-size: 28px;
color:rgba(233, 233, 233, 1);

}

.email::before {background: url('../i/email.svg');background-repeat: no-repeat;}
.email::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:48px; height:48px; line-height:48px;background-repeat:no-repeat;}
.email{ padding-left:45px;
font-weight: 400;
font-size: 28px;
position: relative;margin-bottom:18px;}
.email a {color:rgba(233, 233, 233, 1);text-decoration: none;}
.phone-c::before {background: url('../i/phone.svg');background-repeat: no-repeat;}
.phone-c::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:48px; height:48px; line-height:48px;background-repeat:no-repeat;}
.phone-c{ padding-left:45px;
font-weight: 400;
font-size: 28px;
position: relative;margin-bottom:30px;}
.phone-c a {color:rgba(233, 233, 233, 1);text-decoration: none;}

.address::before {background: url('../i/address.svg');background-repeat: no-repeat;}
.address::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:48px; height:48px; line-height:48px;background-repeat:no-repeat;}
.address{ padding-left:45px;
font-weight: 400;
font-size: 28px;
position: relative;margin-bottom:30px;}
.address {color:rgba(233, 233, 233, 1);text-decoration: none;}

.link-y:hover {background:rgba(159, 54, 25, 1);color:#fff;}
.link-y {border: 3px solid rgba(159, 54, 25, 1);
background:rgba(233, 233, 233, 1);
display:block;
width:100%;
font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 22px;
    color:rgba(159, 54, 25, 1);
    text-align: center;margin-bottom:13px;
    text-decoration: none;
padding:16px 0px;    
}
.link-y img {margin-bottom:-4px;}

.block-links {margin-top:100px;}
/* блок закажите*/
.section-zak {background:url(../i/bg-zakaz.png) no-repeat;background-size:cover;
min-height:1000px;width:100%;
    padding:60px 0px 100px 0px;
}
.title-zak {
font-weight: 300;margin-bottom: 40px;
font-size: 64px;max-width:790px;
color:rgba(233, 233, 233, 1)
}
.grid-contacts {
     display: grid;
grid-template-columns:460px 1fr ;
grid-gap: 24px;    
}
.title-form-c {
color:rgba(233, 233, 233, 1);
font-weight: 400;
font-size: 28px;
text-align: center;
}
.politik {
font-weight: 500;align-self: center;
font-size: 16px;margin-top: 20px;
color:rgba(233, 233, 233, 1);
}
.politik a:hover {color:rgba(233, 233, 233, 1);}
.copyright {font-weight: 400;align-self: center;
font-size: 16px;margin-top:0px;
color:rgba(233, 233, 233, 1);}
.politik a{color:#fff;}
.grid-forms {
     display: grid;
grid-template-columns:1fr 1fr 1fr ;
grid-gap: 24px;   margin-top:30px;
}
.input-c {
border-bottom: 1px solid rgba(233, 233, 233, 1) !important;
height:60px;    border:0px;color:#fff;
background:none;font-size:30px;padding-left:20px;
    width:100%;
    
}
.buttom {background:#D54721;border:0px;height:60px;cursor:pointer;
color:rgba(233, 233, 233, 1);font-size:22px;    width:100%;transition: all 0.5s ease;
}
.buttom:hover {background:#9F3619;} 

/*Акции*/
.title-sl-t {
font-weight: 500;
font-size: 52px;
color:rgba(19, 11, 2, 1);
}
.title-sl-d {
font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 20px;
color:rgba(19, 11, 2, 1);
}
.m70 {margin-bottom: 70px;}
.slider-m-slick img {object-fit: cover;width:100%;height:100%;}
.slider-m-slick {position:relative;}
.m-slick-text {
position: absolute;
right:0px;max-width:570px;
bottom:0px;
background: linear-gradient(270deg, rgba(176, 200, 199, 0) 0%, rgba(176, 200, 199, 0.3) 100%);
backdrop-filter: blur(0px);
padding:20px 40px 30px 40px;    

    
}
.center3 .slick-dots li.slick-active button::before {
  opacity: 1;

  color: rgb(42, 124, 120);

}
.center3 .slick-dots li button::before {
color:rgba(176, 200, 199, 1);
}

/*Вакансии*/
.section-vakans {background:url(../i/vakans.png) no-repeat;background-size:cover;width:100%;min-height:650px;} 
.grid-vakans {
 display: grid;
grid-template-columns:.6fr 1fr;
grid-gap: 24px; margin-top:60px;
}
.content-vakans h2{
font-weight: 300;
font-size: 64px;
color:rgba(233, 233, 233, 1);
margin-top: 0px;
  margin-bottom: 10px;
}
.content-vakans {
font-weight: 400;
font-size: 24px;
color:rgba(233, 233, 233, 1);    
}
.vakans-block {background:rgba(233, 233, 233, 1);
padding:20px;
}
.center2 .slick-slide {margin-right:10px;}
.center2 {margin-top:30px;}
.vakan-title {
font-weight: 400;
font-size: 32px;margin-bottom:10px;
color:rgba(19, 11, 2, 1);
}
.vakans-desc {
font-weight: 400;
font-size: 20px;margin-bottom:20px;
color:rgba(19, 11, 2, 1);

}
.vakans-link {background:rgba(213, 71, 33, 1);display:table;
padding:11px 20px;
font-weight: 400;text-decoration: none;
font-size: 20px;
color:rgba(255, 255, 255, 1);
}
.vakans-link:hover{background:#9F3619;}
/*Документы и сертификаты*/
.section-documents h2 {
font-weight: 300;
font-size: 64px;
color:rgba(19, 11, 2, 1);

}
.lic-img a img {  object-fit: cover;height:100%;
  width: 100%;}
.lic-img a {position: relative;display: table;transition: all 0.5s ease;}
.lic-img a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;transition: all 0.5s ease;
  top: 0;
  left: 0;
background:rgba(19, 11, 2, 0.3);

}
.lic-img a:hover::after {background:rgba(19, 11, 2, 0);}
.name-lic {font-family: "Lato", sans-serif;
font-weight: 400;margin-top:15px;
font-size: 32px;
color:rgba(19, 11, 2, 1);
}
.form-cont {margin-top:60px;}
/*Подвал сайта*/
footer {background:url(../i/footer.png) no-repeat; background-size:cover;min-height:600px;width:100%;padding-top:40px;}
.footer-grid  {
    display: grid;grid-template-columns:1fr 1fr 1fr; grid-gap: 24px; 

    padding-top:45px;
    
}
footer {margin-top:70px;padding-bottom:15px;}

.dev {
    text-align:right;
}
.dev a {
    display: block;

}
f
.dev a img {
    display: inline-block;
    vertical-align: middle;
}

.dev a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;line-height: 1.2em;
    text-align: left;
font-weight: 400;
font-size: 14px;
color:#fff;
    position: relative;
    transition: .3s color;
}
 .dev a:hover {text-decoration:none;}
 .dev a:hover span {
    color: rgba(55, 45, 44, 1);
}


.email-f::before {background: url('../i/mail-f.svg');background-repeat: no-repeat;}
.email-f::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:25px; height:25px; line-height:17px;background-repeat:no-repeat;}
.email-f{ font-weight: 400;padding-left:25px;font-size: 16px;position: relative;margin-bottom:18px;}
.email-f a {color:rgba(55, 45, 44, 1);text-decoration: none;}

.tg-f::before {background: url('../i/tg-f.svg');background-repeat: no-repeat;}
.tg-f::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:25px; height:25px; line-height:26px;background-repeat:no-repeat;}
.tg-f{font-weight: 400;padding-left:25px;font-size:16px;position: relative;margin-bottom:12px;}
.tg-f a {color:rgba(55, 45, 44, 1);text-decoration: none;}

.whats-f::before {background: url('../i/wht-f.svg');background-repeat: no-repeat;}
.whats-f::before {content:''; position:absolute; top:-2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:25px; height:25px; line-height:26px;background-repeat:no-repeat;}
.whats-f{font-weight: 400;padding-left:25px;font-size: 16px;position: relative;margin-bottom:12px;}
.whats-f a {color:rgba(55, 45, 44, 1);text-decoration: none;}


.phone-f::before {background: url('../i/phone-f.svg');background-repeat: no-repeat;}
.phone-f::before {content:''; position:absolute; top:3px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:20px;background-repeat:no-repeat;}
.phone-f{ font-weight: 400;padding-left:25px;font-size: 22px;position: relative;margin-bottom:18px; color:rgba(55, 45, 44, 1);text-decoration: none;margin-bottom:15px;display:block;}


.callback-f {background: rgba(139, 24, 26, 1);color:#fff;
display:block;width:100%;
font-weight: 400;
font-size: 16px;
padding:12px 0px;
text-align: center;
        -webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius:8px;   
text-decoration: none;
}
.grid-footer-contacts  { display: grid;grid-template-columns:1fr 1fr; grid-gap: 24px; }
.title-foot{
font-weight: 700;
font-size: 20px;
color:rgba(55, 45, 44, 1);margin-bottom:15px;
}
.menu-footer  {
font-weight: 700;
font-size: 16px;

}

.menufoot ul li  {list-style: none;margin-bottom:12px;
font-weight: 400;
font-size: 24px;

}
.menufoot ul  {padding:0px;margin:0px;}
.menufoot  ul li a {color:rgba(233, 233, 233, 1); text-decoration: none;}
.menufoot  ul li a:hover {color:#fff;}
.copyright-grid { display: grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap: 24px;margin-top:30px; }

@media (min-width: 992px) {

  .navbar-top {background-color:#004385}
  .navbar-toggle {display:none}
  .navbar-collapse.collapse {display:block !important; padding:0; border:0; -webkit-box-shadow:none; box-shadow:none}
  .navbar-nav > li > a {
font-size: 14px;
font-weight: 500;
color:#fff;

    }
  .site-nav .navbar-nav {text-align:center}
  .site-nav > .navbar-nav {margin:0 1.5rem 0 0; position:relative}
  .site-nav > .navbar-nav > li {display:inline-block; margin:0 10px; position:relative}
  .site-nav > .navbar-nav > li::before, .site-nav > .navbar-nav > li > a::before, .site-nav > .navbar-nav > li:first-child::after {position:absolute; content:''}
  .site-nav > .navbar-nav > li:first-child::after {top:0; left:-30px; width:1px; height:100%;}
	  .site-nav > .navbar-nav > li:last-child::before {top:0; left:-30px; width:1px; height:100%;}

  .site-nav > .navbar-nav > li > a {margin:0; position:relative; display:inline-block}
  .site-nav > .navbar-nav > li > a::before {bottom:0; left:0; width:0; height:1px; background-color:rgba(135,191,215,1); -webkit-transition:all .25s ease-out 0s; -o-transition:all .25s ease-out 0s; transition:all .25s ease-out 0s}
  .site-nav > .navbar-nav > li.active > a::before,
  .site-nav > .navbar-nav > li:hover > a::before,
  .site-nav > .navbar-nav > li > a:hover::before,
  .site-nav > .navbar-nav > li > a:focus::before {width:100%; left:0}
  .site-nav .navbar-nav > li > a {padding:5px 0; color:rgba(55, 45, 44, 1);  
font-weight: 500;
font-size: 16px;

}
  .site-nav .navbar-nav > li > a:hover, .site-nav .navbar-nav > li > a:focus, .site-nav .navbar-nav > li.active > a {color:#000;text-decoration: none;}

  .nav > li > a:hover, .nav > li > a:focus {background-color:transparent}
  /*** DropDown Menu ***/
  ul.dropdown {background-color:rgba(255,255,255,1); position:absolute; z-index:100; left:auto; top:auto; list-style:none; padding:0; width:20rem; opacity:0; visibility:hidden; z-index:3; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.25); box-shadow:0 2px 2px 0 rgba(0,0,0,.25); -webkit-transform:translateY(2em); -ms-transform:translateY(2em); transform:translateY(2em); -webkit-transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; -o-transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s, -webkit-transform .2s ease 0s}
  ul.dropdown li ul {left:100%; top:0}
  ul.dropdown li {width:100%; padding:0; display:block; position:relative; text-align:left}
  ul.dropdown li:last-child {border:0}
  ul.dropdown li a {padding:10px; display:block; font-size:1.4rem; color:rgba(0,0,0,.9)}
  ul.dropdown li a:hover, ul.dropdown li a:focus, ul.dropdown > li.active > a {color:rgba(217,48,44,1); background-color:rgba(238,238,238,1); text-decoration:none}

  .navbar-nav > li:hover > ul.dropdown {opacity:1; visibility:visible; z-index:99; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li:hover > ul {opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li > ul > li > ul {display:none}

  .navbar-top .social {margin:0 0 0 3rem}
  .navbar-top .flex-col:first-child {width:auto}
  .navbar-top .flex-col:nth-child(2) {width:auto}
  .navbar-top .flex-col:last-child {width:auto}

  .flex-row {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
  .flex-col {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
  .flex-row .flex-col:nth-child(2) {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}

  .navbar-top .navbar-brand {padding:10px 0}
  .navbar-top .navbar-brand .tbl-cell {height:85px}
  .navbar-brand .tbl-cell:first-child {width:70px}
  .navbar-brand .tbl-cell img.brand-name {margin-left:30px}



  .navbar-top .site-nav > .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important}
  .navbar-top .site-nav > .navbar-nav > li {flex:1 1 auto !important}
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
	float: left;
}
.col-xs-12{
	width: 100%;
}
.col-xs-11{
	width: 91.66666667%;
}
.col-xs-10{
	width: 83.33333333%;
}
.col-xs-9{
	width: 75%;
}
.col-xs-8{
	width: 66.66666667%;
}
.col-xs-7{
	width: 58.33333333%;
}
.col-xs-6{
	width: 50%;
}
.col-xs-5{
	width: 41.66666667%;
}
.col-xs-4{
	width: 33.33333333%;
}
.col-xs-3{
	width: 25%;
}
.col-xs-2{
	width: 16.66666667%;
}
.col-xs-1{
	width: 8.33333333%;
}
.col-xs-offset-12{
	margin-left: 100%;
}
.col-xs-offset-11{
	margin-left: 91.66666667%;
}
.col-xs-offset-10{
	margin-left: 83.33333333%;
}
.col-xs-offset-9{
	margin-left: 75%;
}
.col-xs-offset-8{
	margin-left: 66.66666667%;
}
.col-xs-offset-7{
	margin-left: 58.33333333%;
}
.col-xs-offset-6{
	margin-left: 50%;
}
.col-xs-offset-5{
	margin-left: 41.66666667%;
}
.col-xs-offset-4{
	margin-left: 33.33333333%;
}
.col-xs-offset-3{
	margin-left: 25%;
}
.col-xs-offset-2{
	margin-left: 16.66666667%;
}
.col-xs-offset-1{
	margin-left: 8.33333333%;
}
.col-xs-offset-0{
	margin-left: 0;
}
.col-xs-tac{
	text-align: center;
}
.col-xs-tar{
	text-align: right;
}
.col-xs-tal{
	text-align: left;
}
.col-xs-taj{
	text-align: justify;
}

@media (min-width: 768px){
	.container{
		width: 750px;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
		float: left;
	}
	.col-sm-12{
		width: 100%;
	}
	.col-sm-11{
		width: 91.66666667%;
	}
	.col-sm-10{
		width: 83.33333333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.66666667%;
	}
	.col-sm-7{
		width: 58.33333333%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66666667%;
	}
	.col-sm-4{
		width: 33.33333333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66666667%;
	}
	.col-sm-1{
		width: 8.33333333%;
	}
	.col-sm-offset-12{
		margin-left: 100%;
	}
	.col-sm-offset-11{
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10{
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9{
		margin-left: 75%;
	}
	.col-sm-offset-8{
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7{
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6{
		margin-left: 50%;
	}
	.col-sm-offset-5{
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4{
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3{
		margin-left: 25%;
	}
	.col-sm-offset-2{
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1{
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0{
		margin-left: 0;
	}
	.col-sm-tac{
		text-align: center;
	}
	.col-sm-tar{
		text-align: right;
	}
	.col-sm-tal{
		text-align: left;
	}
	.col-sm-taj{
		text-align: justify;
	}
}

@media (min-width: 992px){
	.container{
		width: 970px;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
		float: left;
	}
	.col-md-12{
		width: 100%;
	}
	.col-md-11{
		width: 91.66666667%;
	}
	.col-md-10{
		width: 83.33333333%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.66666667%;
	}
	.col-md-7{
		width: 58.33333333%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-5{
		width: 41.66666667%;
	}
	.col-md-4{
		width: 33.33333333%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-2{
		width: 16.66666667%;
	}
	.col-md-1{
		width: 8.33333333%;
	}
	.col-md-offset-12{
		margin-left: 100%;
	}
	.col-md-offset-11{
		margin-left: 91.66666667%;
	}
	.col-md-offset-10{
		margin-left: 83.33333333%;
	}
	.col-md-offset-9{
		margin-left: 75%;
	}
	.col-md-offset-8{
		margin-left: 66.66666667%;
	}
	.col-md-offset-7{
		margin-left: 58.33333333%;
	}
	.col-md-offset-6{
		margin-left: 50%;
	}
	.col-md-offset-5{
		margin-left: 41.66666667%;
	}
	.col-md-offset-4{
		margin-left: 33.33333333%;
	}
	.col-md-offset-3{
		margin-left: 25%;
	}
	.col-md-offset-2{
		margin-left: 16.66666667%;
	}
	.col-md-offset-1{
		margin-left: 8.33333333%;
	}
	.col-md-offset-0{
		margin-left: 0;
	}
	.col-md-tac{
		text-align: center;
	}
	.col-md-tar{
		text-align: right;
	}
	.col-md-tal{
		text-align: left;
	}
	.col-md-taj{
		text-align: justify;
	}
}

@media (min-width: 1200px){
	.container{
		width: 1280px;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
		float: left;
	}
	.col-lg-12{
		width: 100%;
	}
	.col-lg-11{
		width: 91.66666667%;
	}
	.col-lg-10{
		width: 83.33333333%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.66666667%;
	}
	.col-lg-7{
		width: 58.33333333%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-5{
		width: 41.66666667%;
	}
	.col-lg-4{
		width: 33.33333333%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-2{
		width: 16.66666667%;
	}
	.col-lg-1{
		width: 8.33333333%;
	}
	.col-lg-offset-12{
		margin-left: 100%;
	}
	.col-lg-offset-11{
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10{
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9{
		margin-left: 75%;
	}
	.col-lg-offset-8{
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7{
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6{
		margin-left: 50%;
	}
	.col-lg-offset-5{
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4{
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3{
		margin-left: 25%;
	}
	.col-lg-offset-2{
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1{
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0{
		margin-left: 0;
	}
	.col-lg-tac{
		text-align: center;
	}
	.col-lg-tar{
		text-align: right;
	}
	.col-lg-tal{
		text-align: left;
	}
	.col-lg-taj{
		text-align: justify;
	}
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after{
	display: table;
	content: " ";
}
.container:after,
.container-fluid:after,
.row:after{
	clear: both;
}
.container {
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px
}
@media (max-width: 1200px){ .title-utp-absl {max-width: 100% !important;}}

@media (min-width:993px){.mob-none {display:none !important;} }
@media (max-width: 992px){
	.howworks-gr {display:block !important;}
	.mob-nones {display:none !important;}
	.grid-vakans{display:block !important;}
	.title-sl-d {font-size:14px !important;}
	.title-sl-t {
		font-size: 20px !important; }
	.bonus-grid {
		display: block !important; }
	.link-h {font-size:20px !important;}
		.link-h2 {font-size:20px !important;}
	.content-grid-f {display: block !important; }
	.right-text-cont h2 {font-size: 32px !important; }
	.menufoot {margin-bottom:30px;margin-top:20px;}
	.right-text-cont {margin-top:30px;}
	.right-text-cont h3 {font-size: 20px !important; }
	.title-why {font-size: 32px !important;}
	.desc-why-title {font-size: 24px !important; }
	.grid-why {display:block !important;}
	.copyright-grid {display:block !important;}
	.politik {margin-bottom:15px;}
	.icon-why {margin-bottom:20px;text-align:center;}
	.title-how {font-size: 32px !important; }
	.dev {
  text-align: left !important;
  margin-top: 20px;
}
	.m140 {
  margin-top: 40px !important;
  padding-right: 15px !important;
		  padding-left: 15px !important;
}
.backg-b{background:url("../i/bg-bonus-mobile.png") no-repeat !important;padding-bottom: 30px;}
	.grid-cont-h {display:block !important; }
	.opinions-grid {display:block !important;}
	.section-main {min-height:100% !important;padding-bottom:40px;}
	.content-contacts {
  padding-left: 15px !important;
  padding-right: 15px !important;}
	.menu-header {display:none;}
	.grid-cont {display:none;}
	.grid-header {display:block !important;}
	.grid-contacts {display: block !important; }
	.cont-how-title {font-size: 28px !important; }
	.grid-port {grid-template-columns: 1fr 1fr !important; }
	.section-portfolio h2 {font-size: 32px !important; }
	.title-zak {font-size: 32px !important; }
	.grid-forms {display:block !important;}
	.input-c {margin-bottom:20px;}
	
	.mob-menus {
  position: absolute;
top: 15px;
    right: 20px;
color: #FFF;
font-size: 2em;
}
.menu-mob .open,
.menu-mob .close2 {
    display: block !important;
    max-width: 800px;
  }
	.menus ul {margin:0px;padding:0px;}
.menus ul li {list-style:none;text-align:left;}
.menus ul li a {
	display: block;
	padding: 6px 15px;
	color: rgba(233, 233, 233, 1);
font-weight: 400;
font-size: 24px;

	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
	.callback {
font-weight: 400;margin-top:30px;
font-size: 20px !important;
}
	.contacts-mobile {padding:30px 15px 0px 15px;}
.menus  ul li a:hover {
	color:rgba(213, 71, 33, 1);text-decoration:none;
}
.menus ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}
.menus ul ul {
	background: rgba(0, 0, 0, 0.2);
}
	.line-border-m {background:#8B181A;width:100%;height:2px;margin-left:15px;margin-right:15px;margin-top:10px;margin-bottom:10px;}
.menus ul li ul li a {
	border-left: 4px solid transparent;
	padding: 10px 20px;
}
.menus ul li ul li a:hover {

	border-left: 4px solid #3498db;
}
.close2{
position: absolute;
top: 40px;
right: 40px;
	font-size: 2em;
    color: rgba(233, 233, 233, 1);
}
.switcher:checked ~ nav{
right: 0;
}
	.vv {margin-top:30px;}
nav a{color:#fff;font-size: 25px;}
nav{
position: fixed;
width: 100%;
height: 100vh;
background:rgba(7, 52, 49, 1);
	backdrop-filter: blur(6px);
top: 0;
right: -100%;
text-align: center;
padding: 40px 0;
transition: .7s;
	z-index:300;
}	
	.link-h {margin-bottom:20px;}
	.text-m {
  margin-top: 50px !important;
		font-size: 20px !important; }
	.title-main {
  margin-top: 50px !important;
  max-width:100% !important;
		font-size: 32px !important; }
	.section-vakans {padding-bottom:60px !important;}
	.section-documents h2 {font-size: 32px !important; }
	.content-vakans h2 {font-size: 32px !important; }
	.footer-grid {display:block !important;}
	.r-tabs .r-tabs-tab { margin-bottom:10px; }
	.lic-img a {margin-right:20px;}
	.content-vakans {margin-bottom:20px;}
	.content-how {
  padding-left: 15px !important;
  padding-right: 15px !important;}
	.desc-why-title {margin-top: 20px !important; }
}
@media (min-width: 993px) {
  .menu-mob {
    display: none;
  }
}
@media (min-width:768px) {
  .container {
    width:750px
  }
}
@media (min-width:992px) {
  .container {
    width:970px
  }
}
@media (min-width:1200px) {
  .container {
    width:1170px
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1240px;
  }
}

@media (max-width: 767px){
	.hidden-xs{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.hidden-sm{
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.hidden-md{
		display: none !important;
	}
}
@media (min-width: 1200px){
	.hidden-lg{
		display: none !important;
	}
}

@media (min-width: 992px) {
/*** DropDown Menu ***/
 .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important;padding:0px;}
 .navbar-nav > li {flex:1 1 auto !important}
  ul.dropdown {background-color:rgba(255,255,255,1); position:absolute; z-index:100; left:auto; top:auto; list-style:none; padding:0; width:15rem; opacity:0; visibility:hidden; z-index:3; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.25); box-shadow:0 2px 2px 0 rgba(0,0,0,.25); -webkit-transform:translateY(2em); -ms-transform:translateY(2em); transform:translateY(2em); -webkit-transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; -o-transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s, -webkit-transform .2s ease 0s}
  ul.dropdown li ul {left:100%; top:0}
  ul.dropdown li {width:100%; padding:0; display:block; position:relative; text-align:left}
  ul.dropdown li:last-child {border:0}
  ul.dropdown li a {padding:10px; display:block; 
font-family: "Inter Tight", serif;
font-weight: 400;
font-size: 16px;
    }
  ul.dropdown li a:hover, ul.dropdown li a:focus, ul.dropdown > li.active > a {color:rgba(217,48,44,1); background-color:rgba(238,238,238,1); text-decoration:none}

  .navbar-nav > li:hover > ul.dropdown {opacity:1; visibility:visible; z-index:99; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li:hover > ul {opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li > ul > li > ul {display:none}

  .navbar-top .social {margin:0 0 0 3rem}
  .navbar-top .flex-col:first-child {width:auto}
  .navbar-top .flex-col:nth-child(2) {width:auto}
  .navbar-top .flex-col:last-child {width:auto}

  .flex-row {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
  .flex-col {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
  .flex-row .flex-col:nth-child(2) {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
}