@import url('https://fonts.googleapis.com/css?family=Montserrat:300i,400,400i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=cyrillic');


                                                       
.navbar-inverse { background: transparent; border: 0; margin: 0; }
.navbar-toggle { background: #efcb5b; margin-top: 14px; 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; }


body { font-family: 'Montserrat', sans-serif; color: #333; font-size: 15px; line-height: 1.5; }
a { color: #344771; cursor: pointer; }
a.but, input[type=submit] { 
background: #c2aa6c; color: #fff; font-weight: 500; padding: 20px 40px; display: inline-block; 
margin-top: 20px; font-size: 14px;  border: transparent; margin: 0; margin-bottom: 15px; 
clear: both; margin-top: 20px; text-decoration: none; text-align: center; border-radius: 2px; }
a.but:hover, input[type=submit]:hover { background-color: #323d4b; color: #fff; background-position: 97% 50%; }
a:hover { color: #303e8a; text-decoration: none; }
small { font-size: 13px; text-align: center; display: block; font-size: 13px; }
a, #news .item, input, .item { transition: all 0.5s ease; }
p { margin: 0 0 15px; }
u { color: #ec6449; text-decoration: none; }
a[href*=".doc"], a[href*=".docx"] {
    padding-left: 40px;
    display: block;
    line-height: 32px;
    background: url(/img/doc.png) 0px 0px no-repeat;
    font-size: 15px;
}

a[href*=".pdf"] {
    padding-left: 40px;
    display: block;
    line-height: 32px;
    background: url(/img/pdf.png) 0px 0px no-repeat;
    font-size: 15px;
}

h1, .h1, h2, .h2, h3, .h3 { font-family: 'Yeseva One'; font-size: 46px; margin-top: 15px; margin-bottom: 30px; text-align: left; color: #323d4b; }
h1, .h1, h2, .h2 { background: url(/img/h.png) 0 100% no-repeat; padding-bottom: 20px; }
h2, .h2 { margin-bottom: 25px; }
h3 { font-size: 24px; margin-bottom: 12px; color: #c2aa6c; }

a.more-info{font-family: 'Yeseva One';color:#c2aa6c;border-bottom:dashed 1px #323d4b;text-decoration:none; font-size: 24px; }
a.more-info:hover{color:#1d2757; border-bottom:dashed 1px #1d2757;}
div.next-div { }


.bg { background: url(/img/slide3.jpg) 50% 0 no-repeat; background-size: cover; background-size: 1920px; padding-bottom: 120px; }
#header { z-index: 2; width: 100%; background-size: cover; border-bottom: solid 1px #8b9198; font-size: 13px;  }
#header a.logo { float: left; display: block; width: 222px; height: 64px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative; margin: 3px 0; }
#header ul { margin: 0; list-style-type: none; float: right; padding: 0; }
#header ul li { float: left; }
#header ul li a { display: inline-block; text-decoration: none; padding: 0 12px; background: none; color: #fff; font-weight: 400; 
line-height: 70px;  }
#header ul li.active a { color: #ffc300; } 
#header ul li:hover a { color: #ffc300; }   
#header .phones { float: right; padding: 15px 10px; font-size: 14px; font-weight: bold; }  
#header .phones a { background: url(/img/phone2.png) 0 50% no-repeat; display: block; line-height: 20px; color: #fff; padding-left: 32px; }

#header ul li ul { margin-top: 0; }
#header ul li ul li { max-width: 999px; }
#header ul li ul li a {  display: block; line-height: 44px !important;  }
#header ul li ul li a:hover { background: #c2aa6c; color: #fff; }
#header ul li:hover, #header ul li:hover ul  { background: #323d4b;  }
#header ul li:hover a { color: #fff; }
   

#slide.short { min-height: 0; height: 0; padding: 0; }
#slide { text-align: left;  background-size: cover; padding-bottom: 50px;  }
#slide h1  { color: #fff; background-position-x: 0; max-width: 705px;  }
#slide p.an { max-width: 500px; color: #dcc27e; font-size: 13px; margin-top: 80px;  }
#slide .but { margin-top: 40px;  }
#slide p { font-size: 14px; color: #fff; max-width: 520px; }

#digits { text-align: center; font-weight: 600; padding: 50px 0; background: url(/img/digits/bg.jpg) 50% 0 no-repeat; background-size: cover; }
#digits h2 { text-align: center; background-position-x: 50%; }
#digits .col { display: inline-block; width: 33%; margin: 20px 0; }
#digits .col img { display: block; margin: 0 auto; padding-right: 60px; padding-bottom: 10px; }

#quotes { padding: 50px 20px; background: url(/img/quote.jpg) 50% 0 no-repeat; background-size: cover; text-align: center; color: #fff; }
#quotes blockquote { padding: 50px 170px;  font-size: 26px; font-style: italic; border: 0; position: relative; display: block; font-weight: 300; }
#quotes blockquote::before { content: '“'; font-family: 'Yeseva One'; font-size: 72px; color: #c2aa6c; position: absolute; top: 15px; left: 15px; }
#quotes blockquote::after { content: '”'; font-family: 'Yeseva One'; font-size: 72px; color: #c2aa6c; position: absolute; right: 15px; bottom: 15px; }
cite { color: #c2aa6c; font-style: normal; font-family: 'Yeseva One'; font-size: 30px; }

.slick-prev, .slick-next { display: block; left: 0; right: auto;  z-index: 999; position: absolute; top: 50%;
width: 44px; height: 44px; background: url(/img/arrow-left.png) 50% 50% no-repeat; cursor: pointer; border: solid 1px #787e84; border-radius: 3px; 
margin: 0 5px; }
.slick-slider .slick-next::before, .slick-prev::before  { display: none;  }
.slick-slider .slick-next { background: url(/img/arrow-right.png) 50% 50% no-repeat; left: auto; right: 0; }
.slick-prev:hover { background: url(/img/arrow-left.png) 50% 50% no-repeat; }
.slick-next:hover { background: url(/img/arrow-right.png) 50% 50% no-repeat; }

#about { background: url(/img/about.jpg) 50% 0 no-repeat; background-size: cover; }
#about .text { margin-left: 600px; padding: 50px 0;  }

#team { padding: 50px 0; background: url(/img/digits/bg.jpg) 50% 0 no-repeat; background-size: cover; }
a.more{color:#c45c17; text-decoration:none;display: block; margin: 10px 0; cursor: pointer; }
a.more:hover{color:#000;}
#team .item { background: #f0f3f4; padding: 10px; margin-bottom: 30px; /*min-height: 950px;*/ }
#team .item img { width: 100%; }
#team .item h3 { color: #323d4b; font-size: 20px; font-weight: 500; margin: 15px 0 5px; text-align: left; }
#team .item a.email, #team .item a.phone { display: block; color: #42555f; background: url(/img/phone.png) 0 0 no-repeat; padding-left: 35px; background-size: 30px; 
line-height: 30px; }
#team .item a.email { background: url(/img/email.png) 0 0 no-repeat; margin-top: 5px; background-size: 30px; }
#team .item small { text-align: left; }
.next-div { overflow: hidden; }
#team a.more-info { font-size: 18px; margin-top: 10px; display: inline-block; }

#our { background: #323d4b; color: #fff; padding: 70px 0 30px; }
#our h2 { color: #fff; float: left; margin: 0; background: none; line-height: 1.1; }
#our .descr { float: left; }
#our .descr { border-left: solid 2px #c2aa6c; padding-left: 20px; }
#our img { float: left; margin-right: 30px; }
#our .row { margin-bottom: 30px; }

#benefits { background: url(/img/features/features.jpg) 50% 0 no-repeat; padding: 50px 0; }
#benefits img { float: left; margin-bottom: 30px; }
#benefits p { clear: both;  }
#benefits h2+p img { padding-right:25px; }
#benefits .text { max-width: 700px; }




#contacts_main { padding: 20px 0 0; background: #f8f8f8; background-size: cover; position: relative; }
#contacts_main .contacts p { background: url(/img/phone.png) 0 50% no-repeat; padding: 10px 0; padding-left: 70px; font-weight: 500; font-size: 16px;
min-height: 60px; line-height: 34px; }
#contacts_main .contacts p.phone { font-weight: bold; margin-top: 20px; font-size: 24px;  }
#contacts_main .contacts p.email { background: url(/img/email.png) 0 50% no-repeat; }
#contacts_main .contacts p.place { background: url(/img/place.png) 0 50% no-repeat; }
#contacts_main #map { margin-top: -20px; margin-bottom: 0; }


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

#news .name { display: block; 
font-size: 18px; font-family: 'Cormorant Unicase'; font-weight: 900; padding-left: 20px; margin: 0; min-height: 60px; }
#news .item { position: relative; margin-bottom: 30px; background: #fff; padding: 20px; font-size: 13px; font-weight: 500; }
#news .item:hover { background: #fff1ef; }

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



#map iframe { display: block; }
#footer { padding: 50px 0; background: #323d4b; color: #fff; font-size: 14px; }
#footer h2 { font-size: 24px; color: #fff; }
#footer .phone { font-size: 18px; }
#footer a.logo { display: block; width: 222px; height: 64px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative; margin: 12px 0; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { list-style-type: none; background: url(/img/marker.png) 0 4px no-repeat; padding-left: 20px; 
padding-bottom: 10px; margin-left: 0; }
#footer ul li a { color: #fff; }
#footer .payment { display: block; width: 119px; height: 21px; background: url("/img/footer/pay.png") 0 0 no-repeat;  }
#footer .payment:hover {  background: url("/img/footer/pay-hover.png") 0 0 no-repeat; }

#copy { background: #333; font-size: 13px; text-align: center; padding: 10px; color: #eee; }
#copy a { color: #eee; }

#contacts form { box-shadow: none; padding: 0; max-width: 500px; margin: 0 auto; }





#content {   padding-bottom: 50px; background: #eee; }
#page, #news, #gallery { padding: 20px 0; }
#page a { text-decoration: underline; }
/*
#page img { max-width: 300px; margin-left: 50px; }
*/
#content ul li { list-style-type: none; background: url(/img/marker.png) 0 6px no-repeat; padding-left: 15px; padding-bottom: 10px; }


#content ol { list-style: none; }
#content ol li { counter-increment: item; margin-bottom: 5px; padding-bottom: 5px; }
#content ol li:before {
 margin-right: 10px;
 content: counter(item);
 background: #323d4b;

 color: #c2aa6c;
 width: 32px;
 line-height: 32px;
 text-align: center;
 display: inline-block;
}
#content.kontakty, #content.kontakty #page { padding: 0; }



#callback { display: none; }
#callback h2 { font-size: 22px; }
/*
#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 { padding: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); border-radius: 3px; /*overflow: hidden;*/  }
form p { margin: 10px 0; }                                                                                                
input[type=text], textarea { padding: 15px; border: solid 1px #e3e3e3; font-family: inherit; background-color: #fff; border-radius: 3px; 
color: #333; width: 100%;  }
input:hover, textarea:hover {  background-color: #fff; }
input[type=text] { background: #fff url(/img/form/name.png) 15px 50% no-repeat; padding-left: 40px;  }
input[type=submit] { width: 100%; background-image: none; }
input[name=phone], input[name=tel] { background: #fff url(/img/form/phone.png) 15px 50% no-repeat; }
input[name=email] { background: #fff url(/img/form/email.png) 15px 50% no-repeat; }

.error, .send { text-decoration: none; display: block; text-align: center;} 
.error { color: #ff0000; }
.send { color: #00aa00; }
h3+iframe {  margin-top: -20px; margin-bottom: -5px; }

table { width: 100%; margin: 20px 0; border: solid 1px #dcdcdc; background: #f8f8f8; }
table th { background: #f6fafc; color: #fff; }
table th, table td { text-align: left; padding: 14px; border: solid 0px #eee; }
table th { text-align: center; font-size: 15px; padding: 20px 30px;  }
table tr:hover { background-color: #ffeeee;  }
table p { margin: 0; }
table.active { border-color: solid 1px #e73a1f; box-shadow: 0 0 20px #e73a1f;  }

table td.first { font-size: 14px; white-space: nowrap; vertical-align: top; font-weight: 500; }
table td.first div { background: #fff; padding: 15px; margin-top: 15px; }
table a.but { display: block; max-width: 300px; margin-bottom: 0; }
table table td { background: #fff1ef !important; border: solid 5px #f8f8f8; font-size: 14px; text-align: center;  }
.red { color: #ff0000; }
.green { color: #00cc00; }

#backtotop {
  background: url(/img/top.png) no-repeat 0 0;
  bottom: 20px;
  cursor: pointer;
  display: none;
  height: 72px;
  position: fixed;
  right: 20px;
  text-indent:-9999px;
  width: 72px;
  z-index: 1;
  opacity: 0.9;
  box-shadow: 0px 5px 10px rgba(255, 93, 4, 0.5); border-radius: 100%;
}

#backtotop:hover {
  opacity: 1;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 100%;
}


#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 : 1200px){
  #header ul li { padding-right:5px; }   
  #about .text { margin-left: 400px; } 

}


  .nav > li:hover > .dropdown-menu { display: block; } 




@media (max-width : 991px){
  #header ul li { padding-right:0px; }
  #header ul li:last-child { float: right; padding-right: 0; } 
  #header .phones { padding: 4px; }
  #header ul li a { padding: 0 9px; }
  
  .bg { background-position-x: 65%;  }
  
  #slide h1 { margin-top: 20px; }
  #slide .text { max-width: 400px; }
  #slide a.but {  }
  
  #quotes blockquote { padding: 50px 45px; }
  
  #pages img { width: 100%; }
  h1, .h1, h2, .h2 { font-size: 39px; }
  
  #news .item img { width: 100px; }
  
  
  #news .col { width: 65%; }
  #news .col+.col { width: 35%; }

 
  
}

@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 ul li a {  display: block; line-height: 20px !important; white-space: normal;  }
  #navbar { padding: 0; }
  #header a.logo { height: 50px; width: 220px; background-size: contain; margin: 5px 0; }
  
  .prev, .next { display: none !important; }
  #slider .slick-dots { display: none !important; }
  #slide p.an { display: none; }
  
  #slide { /*height: 400px;*/ padding-right: 0; padding-bottom: 0; }
  .bg { background-position-x: 10%; background-size: cover; }
  #slide .but { margin-top: 0; padding: 10px; }
  #slide h1 { margin-bottom: 20px; }
  
  #header .phones { position: absolute; top: -2px; right: 0px;  }
  
  #about .text { margin-left: 0; } 
  #digits .col { width: 70%; }
 
  h1 { font-size: 40px; }
  #header ul li a { line-height: 20px; }
  
  #header .phones { margin-top: 0; }   
  #benefits { background-position-x: 30%; }

 
  
  #news .col { width: 100%; float: right; }
  #news .col+.col { display: none; }
  
  #news .announc a.but { left: 15px; }
  #news .announc { padding: 50px 15px 50px 15px; }      
  
  table td.first, table td.first+td, table td.first+td+td { display: block; }
  
  .container { padding-left: 15px; }

  
}

@media (max-width : 480px){
  h1 { font-size: 28px; }
  h2 { font-size: 22px; }        
  

}