@font-face {
    font-family: "U";
    src: url("font/UniNeueRegular.ttf");
}  
                                          
@font-face {
    font-family: "U";
    src: url("font/UniNeueBold.ttf");
    font-weight: bold;
}
                                                        



                                                       
.navbar-inverse { background: transparent; border: 0; margin: 0; }
.navbar-toggle { background: #f68d2a; 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 { background: #fff; font-family: 'U', sans-serif; color: #333; font-size: 15px; line-height: 1.5; }
a { color: #333; }
a.but, input[type=submit] { 
background: #fc4c6b; 
background: linear-gradient(to top, #f0425b, #fc8a97);
text-transform: uppercase;

color: #fff; font-weight: 600; padding: 15px 25px; display: inline-block; 
margin-top: 0px; font-size: 13px; border-radius: 50px; border: none !important; margin: 0;
box-shadow: 0px 5px 10px rgba(252, 76, 107, 0.5); clear: both; }
a.but:hover, input[type=submit]:hover { background: #473b3b; background: linear-gradient(to top, #ff2948, #fc8b98); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); color: #fff; }
a:hover { color: #473b3b; text-decoration: none; }
small { font-size: 13px; text-align: center; display: block; font-size: 13px; }
a, input { transition: all 0.5s ease; }
p.an { color: #688bf1; text-transform: uppercase; }
p { margin-bottom: 20px; }

h1, .h1, h2, .h2 { font-family: 'U'; margin-top: 30px; text-align: center; color: #353535; margin-bottom: 20px;
font-weight: bold; font-size: 32px;  }
h3 { text-align: center; font-weight: bold; background: #f68d2a; color: #fff; padding: 15px 0; }



#header { position: relative; z-index: 2; width: 100%; font-size: 15px; margin-bottom: -80px;   }
#header a.logo { float: left; display: block; width: 199px; height: 68px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative; margin-top: 7px; margin-bottom: 3px; }
#header ul { margin: 0; list-style-type: none; padding: 0; padding: 31px 0 20px; float: right;  }
#header ul li { }
#header ul li a { display: inline-block; text-decoration: none; padding: 0; background: none; font-size: 16px; font-weight: 500;
padding: 0 14px; color: #333; }
#header ul li:first-child { border: 0; }
#header ul li.active a { color: #333; } 
#header ul li:hover a { color: #333; }

#header .r { float: right;  margin-left: 100px;  }
#header a.whatsapp, #header a.viber { display: inline-block; width: 26px; height: 26px; background: url(/img/viber.png) 50% 50% no-repeat; 
 vertical-align: middle; }
#header a.viber { background: url(/img/whatsapp.png) 50% 50% no-repeat; }
#header a.phone { font-weight: 600; font-size: 18px; color: #555; padding-left: 30px; display: inline-block; margin-top: -10px; vertical-align: bottom; }

#lang { position: absolute; top: 0; right: 0; font-size: 12px;  }    
#lang a { display: inline-block; padding: 2px 7px; color: #2f374c; background: #eee; }     
#lang a.active { background: #f68d2a; color: #fff; }

/*
#slide { overflow: hidden; height: 1500px; }
#slide img { transform: scale(1.5); w }
*/
#slide { position: relative; background: url(/img/slide1.jpg) 50% 0 no-repeat; width: 100%; height: 810px; }
#slide .container { position: relative; height: 100%; }
#slide ul { position: absolute; top: 300px; left: 400px; list-style-type: none; }
#slide ul li { background: url(/img/marker.png) 0 50% no-repeat; padding-left: 20px; line-height: 2;  }
#slide .place { position: absolute; bottom: 4px; right: 30px; background: url(/img/place.png) 0 10px no-repeat; padding-left: 45px; color: #fff; }
#slide h1 { color: #fff; text-align: left; clear: both; padding-top: 55px; }

#about { margin: 50px 0 0px; }
#about h2 { text-align: left; }
#about img { padding-left: 20px; margin-top: -90px; }

#services { font-size: 13px; }
#services .item { margin-top: 30px; background: url(/img/services/1.png) 0 10px no-repeat; padding-top: 65px; }
#services .item.i2 { background: url(/img/services/2.png) 0 10px no-repeat; }
#services .item.i3 { background: url(/img/services/3.png) 0 10px no-repeat; }
#services .item.i4 { background: url(/img/services/4.png) 0 10px no-repeat; }
#services .item.i5 { background: url(/img/services/5.png) 0 10px no-repeat; }
#services .item.i6 { background: url(/img/services/6.png) 0 10px no-repeat; }
#services .item.i7 { background: url(/img/services/7.png) 0 10px no-repeat; }
#services b { display: block; font-size: 15px; }

#policy { background: url(/img/policy.jpg) 50% 0 no-repeat; margin-top: 50px; color: #fff; padding: 50px 0; height: 404px; }
#policy .text { text-align: left; padding-left: 590px;  }
#policy .text h2 { text-align: left; color: #fff; }

#benefits { padding: 50px 0;line-height: 1.1; 
background: url(/img/benefits/benefits.jpg) 50% 0 no-repeat; background-size: cover; }
#benefits img { float: left; padding-right: 10px; margin-top: -10px; } 
#benefits figure { width: auto; height: auto;  margin-right: 0; min-height: 20px; margin: 40px 0; }
#benefits figure img { padding-bottom: 10px; }
#benefits h2 { text-align: left; }

#gallery { padding: 50px 0; text-align: center; background: #fff; }
   
#gallery h2 { text-align: center; margin-bottom: 50px; }
#gallery a.photo { display: block; background: #333; position: relative;  margin: 0 auto; margin-bottom: 25px; color: #fff; overflow: hidden; }
#gallery a.photo span { display: block; padding: 10px 0; }
#gallery a.photo:hover { background: #ffa200; }
#gallery a.photo img {  opacity: 0.9; width: 100%;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }


#contacts { background: #f7f9fc; padding: 50px 0 100px; } 
#contacts .item { background: #fff; min-height: 240px;  }
#contacts .text { padding: 15px 30px; }
#contacts b { display: block; }
#contacts .text.inline b { display: inline; }







/*
#news .col { width: 50%; float: left; position: relative;  }
#news .col.announc { background: #fafafa; border-left: solid 4px #4171c6; }
#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; }
#news .item { position: relative; margin-bottom: 30px; background: #fff; padding: 20px; font-size: 13px; font-weight: 500; }
#news .item:hover { background: #fafafa; }

#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: #333; 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; }
#news .an { text-align: left; }


      




#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; }
/*
#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; border-radius: 3px; padding: 30px; background: #fff;  }
form h4 { text-align: center; margin: 0 0 20px; }
form p { margin: 15px 0; }                                                                                                
input[type=text], textarea { padding: 15px; border: solid 1px #e1e1e1; font-family: inherit; background-color: #fff; border-radius: 2px; 
color: #333; width: 100%;  }
input:hover, textarea:hover,  
input:focus, textarea:focus {  background-color: #fff; border: solid 1px #aaa;  }
input[type=text] { background: #fff url(/img/form/name.png) 15px 50% no-repeat; padding-left: 40px;  }
input[type=submit] { width: 100%; padding: 18px; }
input[name=phone] { background: #fff url(/img/form/phone.png) 15px 50% no-repeat; }
.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: 18px;  }
table th, table td { text-align: left; padding: 5px; }
table th { color: #555; font-weight: 600; }
table td { font-size: 18px; font-family: 'Playfair Display'; font-weight: 900; font-style: italic; color: #fc4c6b; text-align: right; }

table tr { background-color: #fff; border-bottom: solid 1px #f2f2f2; }

/*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 { position: relative; z-index: 2; width: 100%; font-size: 15px; padding: 90px 0 30px; background: #292727; color: #fff;  }

#footer ul { margin: 0; list-style-type: none; padding: 0; padding: 0; float: right; }
#footer ul li { display: inline;}
#footer ul li a { display: inline-block; text-decoration: none; padding: 0; background: none; font-size: 16px; font-weight: 500;
padding: 0 14px;  color: #fff; }                    


#footer .r { float: right; margin-top: -65px;  }
#footer .weblux a { color: #eee; text-decoration: underline; }
#footer a.whatsapp, #footer a.viber { display: inline-block; width: 26px; height: 26px; background: url(/img/viber.png) 50% 50% no-repeat; 
 vertical-align: middle; }
#footer a.viber { background: url(/img/whatsapp.png) 50% 50% no-repeat; }
#footer a.phone { font-weight: 600; font-size: 18px;  color: #fff; padding-left: 30px; display: inline-block; margin-top: -10px; vertical-align: bottom; }
#footer .place { background: url(/img/place2.png) 0 5px no-repeat; padding-left: 45px; color: #fff; font-size: 13px; }
#footer .rect { width: 800px; height: 90px; background: #f68d2a; position: absolute; top: -40px; left: 0; }





#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 .r { margin-left: 20px; }
  #slide ul { left: 300px; }
  #policy .text { padding-left: 500px; }
  #footer .rect { width: 400px; }

}

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




@media (max-width : 991px){

  #header .r { margin-left: 0; margin-top: -95px; position: relative; margin-top: -77px; }
  #header ul { padding: 10px 0; float: left; width: 100%; }
  #header ul li a { padding: 0 40px 0 0; }
  #slide ul { left: 190px; }
  #about img { width: 300px; }
  #policy .text { padding-left: 320px; }
  #footer ul li { display: none; }
  #contacts .text { padding: 0 15px; }
 
 
}

@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 .r { margin: 0; }
  #navbar { padding: 0; }
  #slide ul { left: 30px; }
  
  #about img { width: auto; padding: 0; padding-bottom: 20px; margin: 0; }
  #policy { padding: 20px 0; background-position-x: 60%; }
  #policy .text { padding-left: 0; }
  
  #footer .rect { width: 100%; }
  #footer ul { width: 100%; }
  #footer .r { float: none; margin: 20px auto; clear: both; }
  
  #contacts .item { min-height: 0; padding-bottom: 20px; }
  
  #slide { background: url(/img/slide-m.jpg) 0 0 no-repeat; height: 1094px;  }
  #slide .place { bottom: -12px; }
}