@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
                                                   
.navbar-inverse { background: transparent; border: 0; margin: 0; }
.navbar-toggle { background: #244c90; margin-top: 25px; border: 0; margin-right: 0; }
img { max-width: 100%; height: auto; }
hr { border: none; height: 1px; background-color: #e6e8ec; clear: both; margin: 0; overflow: hidden; }
.clear { clear: both; overflow: hidden; content: '.'; display: block; }


/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:10px; margin-right:10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/

.container-fluid [class*="col-"] {padding-left:0;padding-right:0}
.container-fluid .row {margin-left:0;margin-right:0}
.container-fluid {width:100%;max-width:none;padding:0;}
.nopadding { padding: 0 !important; margin: 0 !important; } 

body { font-family: 'Montserrat', sans-serif; color: #333; font-weight: 500; font-size: 16px; line-height: 1.5; }
a { color: #333; }
a.but, input[type=submit] { 
color: #fff; font-weight: 600;  display: inline-block; background: #154dad; 
 clear: both; text-align: center; font-size: 16px; padding: 7px 15px; }
a.but:hover { background: #f5d538; color: #154dad;  }      
input[type=submit] { width: 100%; height: auto; line-height: normal; margin: 0; background: #26bcef; border: 0; 

/*clip-path: polygon(0 0, 95% 0, 100% 16%, 100% 100%, 100% 100%, 4% 100%, 0 88%, 0 0);*/}
input[type=submit]:hover { background: #f5d538; box-shadow: 0px 5px 15px rgba(254, 226, 42, 0.55); color: #1a1a1a;  }
a:hover { color: #ffe744; text-decoration: none; }
small { font-size: 13px; text-align: center; display: block; font-size: 13px; }
a, input { transition: all 0.5s ease; }
p { margin-bottom: 15px; }

h1, .h1 { text-transform: uppercase; color: #fff; font-size: 48px; font-weight: 500; }
h2, .h2 { font-size: 34px; font-weight: 500; color: #244c90; margin-bottom: 30px;  }
h3 { color: #244c90; font-size: 16px; text-transform: uppercase; margin: 0; padding: 0; }
h4 { font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; }
p.an { font-size: 18px;  }
p.an.big { font-size: 34px; line-height: 1; }
.text { padding: 50px 30px; max-width: 600px;  }
.right { float: right; }
.bg { background: #f4f6f9; }



#header { z-index: 2; width: 100%;  }
#header a.logo { float: left; display: block; width: 244px; height: 71px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative; margin-top: 5px; margin-bottom: 5px; }
#header ul { margin: 0; list-style-type: none; padding: 0; padding: 25px 0 20px; float: right; margin-top: 3px;  }
#header ul li { }
#header ul li a { display: inline-block; text-decoration: none; padding: 0; background: none; color: #333; font-size: 14px; 
font-weight: 600; padding: 0 14px; }
#header ul li.phone a { color: #154dad; font-weight: bold; }
#header ul li.active a { color: #154dad; } 
#header ul li:hover a { color: #154dad; }
#header.short { height: 150px; overflow: hidden; border-bottom: solid 1px #26bcef; box-shadow: 0px 10px 15px rgba(38, 188, 239, 0.25); }

#head { background: url(/img/header.png) 50% 0px no-repeat; padding: 40px 0; }
#head p.an { color: #fff; }
/*
#slide { overflow: hidden; height: 1500px; }
#slide img { transform: scale(1.5); w }
*/
#slide { background: url(/img/slide.jpg) 50% 0px no-repeat; min-height: 430px;    }

#about .bg2 { background: #fff; }
#about div { overflow: hidden; }



#contacts { overflow: hidden; }
#contacts a { color: #154dad; }
#contacts .phone { color: #333; }
#contacts .phone, #contacts .place, #contacts .email, #contacts .email { padding: 5px 0; display: block; padding-left: 25px; background: url(/img/phone.png) 0 50% no-repeat; } 
#contacts .place { background: url(/img/place.png) 0 50% no-repeat; color: #333; }
#contacts .email { background: url(/img/email.png) 0 50% no-repeat; } 









#news .col { width: 50%; float: left; position: relative;  }
#news .col.announc { background: #eee; border-left: solid 5px #244c90; }
#news .announc { padding: 50px;  }
#news .announc a.but { position: absolute; bottom: -45px; z-index: 9;  }

#news .name { display: block; 
font-size: 18px; font-weight: 900; padding-left: 20px; margin: 0; min-height: 60px; color: #154dad;  }
#news .item { position: relative; margin-bottom: 30px; background: #f4f6f9; padding: 20px; font-size: 13px; font-weight: 500; 
overflow: hidden; }
#news .item:hover { background: #eee; }
#news h1 { display: none; }
#news { margin-top: 50px; }
#news a { color: #244c90 }

#news .item img { float: left; z-index: 9; position: relative; width: 200px; margin-right: 20px; }
#news img { }
#news .item a.but { margin-top: 20px; color: #f5d538; }
#news .item a.but:hover { color: #244c90 }
#news .an { display: block; margin: 0;  }
#news .date { color: #eee; display: inline-block; padding-bottom: 5px; }
#news .r { display: block; position: absolute; top: 30px; bottom: -20px; right: -20px; width: 97px;  background: #f5d538; z-index: -1; }
#news .an { text-align: left; font-size: 14px; }



#page h2 { text-align: left; margin: 20px 0; }
#page ul { padding-left: 40px; }
#page strong { /*color: #ffe744;*/ color: #244c90; }
#page table strong {  }

/*

      




#content { }
#content ul { padding: 0; }
#content li { list-style-type: none; background: url(/img/marker.png) 0 0 no-repeat; padding-left: 32px;  margin: 5px 0;  }

#page { text-align: left; padding: 40px 0; background: url(/img/bg.jpg) 50% 0 no-repeat; }
#page h1 { text-align: center; }
#page, #news { background: url(/img/bg.jpg) 50% 0 no-repeat; background-size: cover; }

.video #page iframe { width: 220px; height: 400px; margin-right: 62px; margin-bottom: 30px; }
*/
#callback { display: none; }
#callback h2 { font-size: 22px; }
#callback.fancybox-content { background: #1a1a1a !important; border: solid 2px #26bcef;  }
/*
#gallery a { display: block; background: #2d221f; position: relative;  margin: 0 auto; margin-bottom: 20px;  }
#gallery a span { font-family: 'Ubuntu Condensed'; font-size: 38px; color: #fff; position: absolute; top: 30%; left: 0; right: 0;
bottom: 0; text-shadow: 0px 1px 1px #2d221f; text-align: center; }
#gallery a img {  opacity: 0.5; width: 100%;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }
*/



form { max-width: 370px;  }
form h4 { text-align: center; margin: 0 0 20px; }
form p { margin: 15px 0; }                                                                                                
input[type=text], textarea, select { padding: 15px; border: solid 1px #e1e1e1; font-family: inherit; background-color: #fff; border-radius: 2px; 
color: #333; width: 100%;  }
input[type=text]:hover, textarea:hover,  
input[type=text]:focus, textarea:focus {  background-color: #fff; border: solid 1px #aaa;  }
input[type=submit] { width: 100%; padding: 18px; }
.error, .send { text-decoration: none;} 
.error { color: #ff0000; }
.send { color: #00aa00; }
h3+iframe {  margin-top: -20px; margin-bottom: -5px; }

table { border-collapse: collapse; width: 100%; margin: 10px 0; 
overflow: hidden; font-size: 14px; font-weight: 600;  }
table th, table td { text-align: center; padding: 5px 15px; border: solid 1px #ccc; }
table th { color: #555; font-weight: 600; background: #26bcef; color: #fff; }
table td { }


/*table tr:hover { background-color: #fffeee;  }*/
table p { margin: 0; }
table b { font-size: 15px; }
table h4 { text-align: center; }
table caption { text-align: left; padding-left: 5px; display: block; font-family: 'Playfair Display'; font-style: italic;
font-weight: bold; color: #fc4c6b; }

.red { color: #ff0000; }
.green { color: #00cc00; }



   
   
#footer { padding-top: 40px; line-height: 1.2; background: #f4f6f9; font-size: 14px; font-weight: 600; }
#footer a.logo { float: left; display: block; width: 202px; height: 47px; background: url(/img/logo2.png) 0px 0px no-repeat;  }
#footer .phones { font-size: 22px; font-weight: 600; margin-top: 3px; } 
#footer a:hover { color: #154dad; }
                      
#footer li { list-style-type: none; display: inline-block; padding: 15px 5px; }
#footer .phone, #footer .email { padding: 5px 0; display: block; padding-left: 25px; background: url(/img/phone.png) 0 50% no-repeat; 
color: #154dad; }
#footer .phone { font-weight: bold; }
#footer .email { background: url(/img/email.png) 0 50% no-repeat; } 

#footer .weblux { margin: 20px 0; font-size: 11px; color: #777; font-weight: 300; overflow: hidden; 
clear: both; display: block; text-align: center; }
#footer .weblux a { color: #777; }
#footer p { margin-bottom: 10px; }
.home-breadcrumbs { font-size: 12px; text-align: left; padding-top: 10px; clear: both; font-weight: 400; }
#footer .home-breadcrumbs a { color: #a88749; }





#navbar { position: relative; overflow: visible;  border: 0; box-shadow: none; padding: 0; }
.navbar {  }
#menu ul { width: auto; border: none; }
#menu ul li { display: block; float: none;  }

@media (max-width : 2000px){
    #tariffs img { max-width: 9999px; width: 100%; }
  #contacts img { max-width: 9999px; width: 100%; }
}

@media (max-width : 1400px){  
  #tariffs img { max-width: 9999px; width: 125%; }
  #contacts img { max-width: 9999px; width: 130%; }
}

@media (max-width : 1200px){
  #header ul li a { padding: 0 5px; }
  #tariffs img { max-width: 9999px; width: 135%; }
  #contacts img { max-width: 9999px; width: 140%; }  

}

@media (min-width : 992px){
  .nav > li:hover > .dropdown-menu { display: block; } 
  
}

@media (min-width : 767px){
  .nav > li:hover > .dropdown-menu { display: block; } 
  
}


@media (max-width : 991px){
  #head h1 { font-size: 46px; }
  #tariffs img { max-width: 9999px; width: 197%; }
  #contacts img { max-width: 9999px; width: 190%; }   
  #about img { max-width: 9999px; width: 155%; }


  h2 { font-size: 42px; }                       
  h3 { font-size: 22px; }
 

 
}

@media (max-width : 767px){

  #header #menu { float: none; }
  #header #menu li { display: block; clear: both; float: none;  }
  #header #menu li a { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; }
  #header #menu li ul { position: relative; width: 100%; }
  #header #menu li ul li a { padding-left: 50px; }
  #header #menu li a:hover { background: #f5d538; }
  
  #header.short { height: auto; overflow: visible; background: url(/img/slide.jpg) 25% -160px no-repeat; }
  #header.short #slide { display: none; }
  
  #header ul { margin: 0; padding: 0; }
  #navbar { padding: 0; }
  #header a.logo { margin-left: 0;  background-size: contain;}
  #head { height: auto; background-size: cover; }
  #head h1 { font-size: 24px; }
  p.an { font-size: 16px; }
  #slide { background: url(/img/slide.jpg) 25% -160px no-repeat; min-height: 250px; margin-top: 0;   }
  #tariffs img { max-width: 100%;  }
  #contacts img { max-width: 100%;  }   
  #about img { max-width: 100%; }  
  h3 { font-size: 18px; }
  
  
  
  .right { float: none; }
  .text { padding: 15px; }
  h2 { font-size: 30px; }
  p.an.big { font-size: 21px; }
  
  


  #footer { padding: 10px 0; }
  #footer .weblux { float: left; margin-top: 5px; display: block; padding: 5px 0; margin-bottom: 0; }
  
  table th, table td { padding: 10px 2px; font-size: 14px; }
  #page h1 { font-size: 56px; padding-top: 20px; }
  #news_top .announc, #news_top .date { display: none; }
  #news .col { width: 100%; }
  #news .announc { padding: 15px 0; }
  #news .col.announc { padding-left: 15px; }
  #news .r { bottom: -15px; right: -15px; }
  #news.one h1 { font-size: 36px; }
}