@font-face {
    font-family: "TT";
    src: url("TTC/TTCommons-Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: "TT";                       
    src: url("TTC/TTCommons-Medium.ttf");
    font-weight: 500;
    font-display: swap;
}                                               

@font-face {
    font-family: "TT";
    src: url("TTC/TTCommons-Bold.ttf") format("opentype");
    font-weight: bold;
    font-display: swap;
}  
@font-face {
    font-family: "TT";
    src: url("TTC/TTCommons-Italic.ttf") format("opentype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;        
}  
@font-face {
    font-family: "TT";
    src: url("TTC/TTCommons-Black.ttf") format("opentype");
    font-weight: 900;
    font-display: swap;
} 
                                                      



                                                       
.navbar-inverse { background: transparent; border: 0; margin: 0; }
.navbar-toggle { background: #4e7aea; margin-top: 22px; border: 0; margin-right: 0; z-index: 9; }
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; }
small { text-align: left; }

/*
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: 'TT', sans-serif; color: #4e4e4e; font-weight: 500; font-size: 18px; line-height: 1.2; background: #f9f9f9 }
a { color: #5162f3; }
a.but, input[type=submit] { color: #fff; font-weight: 600;  display: inline-block; 
clear: both; text-align: center; font-size: 16px; padding: 27px 55px; text-transform: uppercase; border-radius: 10px; 
margin-top: 30px; box-shadow: 5px 10px 25px rgba(82, 99, 244, 0.3); 
background: rgb(105,127,255);
background: linear-gradient(90deg, rgba(105,127,255,1) 0%, rgba(81,98,243,1) 100%); 
}
a.but:hover { background: linear-gradient(90deg, rgba(81,98,243,1) 0%, rgba(37,60,255,1) 100%); color: #fff; 
box-shadow: 5px 10px 25px rgba(82, 99, 244, 0.5); }                     
input[type=submit] { width: 100%;  margin: 0; border: 0; width: auto; }                 

input[type=submit]:hover { background: #e7c5a0 !important; color: #fff;  }


a:hover { color: #5162f3; text-decoration: none; }
small { font-size: 13px; display: block; font-size: 13px; }
a, input { transition: all 0.5s ease; }

p { margin-bottom: 20px; }
p.an { font-weight: 500; font-size: 18px; color: #4e4e4e; margin-top: 30px; }

h1, .h1 { font-size: 42px; font-weight: bold; color: #232323; margin-bottom: 50px; text-transform: uppercase; }
h2, .h2 { font-size: 42px; font-weight: bold; color: #232323; margin-bottom: 50px; text-transform: uppercase; }
h3 { font-size: 24px; color: #4e4e4e; text-align: center; font-weight: bold; margin-bottom: 30px; }
h3.c { max-width: 900px; margin: auto; margin-bottom: 40px; }


#header { z-index: 2; width: 100%; position: relative; background: url(/img/slide.jpg) 50% 0px no-repeat; }
#header a.logo { float: left; display: block; width: 227px; height: 96px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative; margin: 10px 0; }
#header ul { margin: 0; list-style-type: none; padding: 0; padding: 25px 0 20px; float: right; margin-top: 20px;  }
#header ul li { position: relative; }
#header ul li a { display: inline-block; text-decoration: none; padding: 0; background: none; color: #333; padding-left: 32px; }
#header ul li:first-child { border: 0; }
#header ul li.active a { color: #26bcef; }      
#header ul li:hover a { color: #5162f3; }                                  
#header ul li.phone { font-weight: 700;  }

#lang { position: absolute; left: 222px; top: 12px; text-transform: uppercase; font-size: 12px; }
#lang a { color: #4e7aea; padding-left: 5px; }
#lang a:hover { color: #38bea3; }
/*
#header ul li .dropdown-menu { margin-top: 0;  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
padding-top: 10px; padding-right: 20px; }
#header ul li .dropdown-menu li { padding-top: 10px; }
#header ul li .dropdown-menu li a:hover { color: #333; }
*/

#header.short {  /*overflow: hidden; */ }

#slide { min-height: 585px; padding-top: 0; }
#slide .container { position: relative; }
#slide h1 { margin-top: 100px; margin-bottom: 40px; max-width: 700px; }
.abs { background: #fff url(/img/fly.png) 25px 27px no-repeat; padding: 25px; font-size: 16px; font-weight: bold; color: #232323;
border-radius: 10px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08); width: 306px; height: 120px; padding-left: 100px;
line-height: 1.3; position: absolute; top: 0; right: 100px; }
.abs b { font-size: 30px; color: #4e7aea; text-transform: uppercase; display: block; }
#slide a.abs:hover { box-shadow: 5px 10px 25px rgba(82, 99, 244, 0.3); }

#country { padding-top: 100px; padding-left: 25px; width: 233px; height: auto; background: #fff url(/img/country.png) 25px 27px no-repeat;  
top: 250px; right: 495px; }
#support { width: 310px; height: 100px; background: #6490ff url(/img/support.png) 12px 12px no-repeat; 
text-transform: uppercase; padding-top: 20px; color: #fff; top: 335px; right: 0;  }

#about { padding: 100px 0 0; background: url(/img/about.jpg) 50% 0px no-repeat; min-height: 700px; font-size: 20px; 
margin-top: -84px; z-index: 9; position: relative; }
#about .services { padding: 30px 0 110px; }
#about .services a { display: block; text-align: center; background: #fff; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08); border-radius: 10px;
padding: 20px 20px 30px 20px; color: #232323; line-height: 1.1; }
#about .services a img { display: block; margin: 10px auto; }
#about .services a:hover { color: #38bea3; }

#services { background: #fff url(/img/services.jpg) 50% 192px no-repeat; padding: 60px 0; border-radius: 100px; }
#services h2 { text-align: center; margin-bottom: 30px; }
#services .what { color: #fff; padding: 20px 30px; }
#services .what a { color: #fff; }
#services .what h3 { color: #fff; text-align: left; margin-bottom: 15px; }
#services .what ul li { margin-bottom: 5px; }
#services .left ul { max-width: 470px; }
#services .but { margin-top: 80px; }

#how { background: url(/img/how/bg.jpg) 50% 0px no-repeat; text-align: center; padding: 60px 0; background-size: cover; counter-reset: item }
#how h2 { text-align: left; }
#how figure { min-height: 100px;  }
#how img {   }
#how .item { display: block; font-size: 18px; font-weight: bold; line-height: 1.1; background: #fff; 
padding: 25px; margin-bottom: 30px; box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.2); border-radius: 10px; color: #232323;
min-height: 205px; position: relative; }
#how .item:before { content: counter(item); counter-increment: item; position: absolute; top: 20px; left: 20px; color: #4e7aea; font-weight: bold;
width: 42px; height: 42px; line-height: 42px; background: #e0e9ff; border-radius: 100%; }
#how .item a { color: #121212; }
#how .item a:hover { color: #5162f3 }












#form { padding: 70px 0; background: url(/img/form.jpg) 50% 0 no-repeat; position: relative; min-height: 889px;  }
#form form { max-width: 460px; float: right; }
#form form h3 { color: #151515; }
#form form p.an { margin-top: -10px; margin-bottom: 20px; font-weight: 500; font-size: 24px; margin-bottom: 25px; }

form p { margin: 15px 0; }                                                                                                
input[type=text], textarea, select { padding: 15px; border: solid 1px #fff; font-family: inherit; background-color: #f3f3f3; border-radius: 3px; 
color: #9f9f9f; width: 100%; font-size: 16px;  }
::placeholder { color: #9f9f9f; opacity: 1; }
input[type=text]:hover, textarea:hover, select:hover,  
input[type=text]:focus, textarea:focus, select:focus {  background-color: #fff; border: solid 1px #667bfd;  }
.error, .send { text-decoration: none;} 
.error { color: #ff0000; }
.send { color: #00aa00; }
h3+iframe {  margin-top: -20px; margin-bottom: -5px; }
             
#footer {  line-height: 1.2; background: #1e2029; padding: 50px 0; overflow: hidden; border-top-left-radius: 100px; border-top-right-radius: 100px; }
#footer a.logo { display: block; width: 227px; height: 96px; background: url(/img/logo.png) 0px 0px no-repeat; 
margin-bottom: 20px; }



#footer b { font-weight: 600; }
#footer img { margin-top: 15px; }
#footer .social { float: right; margin-top: -38px; }
#footer .social a { display: block; float: left; margin-left: 12px; width: 40px; height: 40px; background: url(/img/social.png) 0px 0px no-repeat; }
#footer .social a.i { background-position-x: -45px; }
#footer ul { margin-top: 40px; }
#footer ul li { list-style-type: none; display: inline }
#footer ul li.phone { font-weight: 700; padding: 0 60px; }
#footer ul li a { color: #fff;; padding-left: 20px; }
#footer a:hover { color: #4e7aea; }

/*
#footer .weblux { float: right; margin-top: 22px; font-size: 13px; color: #26bcef; }
#footer .weblux a { color: #26bcef; }
#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; }
*/                                                    

          


#news .col { width: 50%; float: left; position: relative; border-radius: 20px; overflow: hidden;  }
#news .col.announc { background: #fff; border-left: solid 10px #4e7aea; /*border-left: solid 10px #e7c5a0;*/ }
#news .announc { padding: 50px;  }
#news .announc a.but { position: absolute; bottom: -45px; z-index: 9;  }
#news .announc .row { margin-top: 30px; margin-bottom: 30px; }

#news .name { display: block; 
font-size: 18px; font-weight: 600; padding-left: 20px; padding-right: 10px; padding-top: 20px; margin: 0; min-height: 80px; color: #4e4e4e; text-transform: uppercase; 
line-height: 1.1; }
#news .item { position: relative; margin-bottom: 30px; background: #fff; font-size: 13px; font-weight: 500;
border-radius: 10px; overflow: hidden; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); }
/*#news .item:hover { background: #1a1a1a; }*/    
#news .item a.more { display: block; font-weight: bold; font-size: 16px; text-transform: uppercase;
padding-left: 20px; }

#news .item img { z-index: 9; position: relative;  }
#news img { border-radius: 10px; /*box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);*/ box-shadow: 0px 0px 35px rgba(54, 210, 191, 0.2); }
#news .item a.but { margin-bottom: -20px; }
#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: #4e7aea; z-index: -1; }
#news .an { text-align: left; text-transform: uppercase; }

#main #news { padding: 50px 0; border-top: solid 30px #6490ff; border-top-left-radius: 50px; border-top-right-radius: 50px; }
#main #news h2 { text-align: center; }

#inner #header { background: none; }
#inner { background: #f9f9f9 url(/img/bg.png) 50% 0 no-repeat;  }
#page { /*background: #fffbf5 url(/img/bg.jpg) 50% -50px no-repeat;*/ padding: 50px 0; font-size: 20px; }
#page h2 { text-align: left; }       
#page h3 { text-align: left; }                                    
#content ul { padding-left: 0; }                                                            
#content li { list-style-type: none; background: url(/img/marker.png) 0 7px no-repeat; padding-left: 20px;  margin-bottom: 15px;  }

#page #services { background: none; background: url(/img/inner/services.jpg) 65% 330px no-repeat; padding: 0; }
#page #services .what { 
overflow: hidden; line-height: 1.2; padding-top: 10px; }
#page #services .what li { background: url(/img/inner/transport/1.png) 0 0 no-repeat; width: 50%; float: left;  
padding-left: 40px; margin-bottom: 10px; min-height: 32px; padding-top: 7px; }
#page #services .what li:first-child+li { background-image: url(/img/inner/transport/4.png); }
#page #services .what li:first-child+li+li { background-image: url(/img/inner/transport/2.png); }
#page #services .what li:first-child+li+li+li { background-image: url(/img/inner/transport/5.png); }
#page #services .what li:first-child+li+li+li+li { background-image: url(/img/inner/transport/3.png); }
#page .numb { font-size: 70px; font-weight: bold; vertical-align: middle; vertical-align: -moz-middle-with-baseline;
padding-right: 20px; color: #38bfa4; }

.wh { background: url(/img/inner/wh.png); border-radius: 10px; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
padding: 30px 30px; padding-bottom: 10px; line-height: 1.3; margin-top: 30px; overflow: hidden; background-size: contain; }
.wh h3 { margin: 0 0 20px; }
.wh img { display: block; margin: 10px auto 20px; }
.blue { background: url(/img/inner/blue80.png); border-radius: 10px; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
padding: 20px 30px; padding-bottom: 10px; color: #fff; line-height: 1.3; margin-top: 30px; box-shadow: 5px 10px 25px rgba(82, 99, 244, 0.3); background-size: contain; }
.blue h3 { margin: 0 0 10px; font-size: 23px; color: #fff; background: url(/img/inner/time.png) 0 0 no-repeat; padding-left: 60px;
padding-top: 5px; padding-bottom: 5px; }
h3.support { background: url(/img/inner/support.png) 0 0 no-repeat; padding-left: 40px; }
h3.g { background: url(/img/inner/g.png) 0 0 no-repeat; padding-left: 32px; }

#page #about { padding: 0; margin: 0; background: url(/img/inner/about/about.png) 110% 0 no-repeat; }
#page #about strong { font-size: 20px; line-height: 1.1; display: block; padding-bottom: 30px; color: #232323; }

#page #about.how { padding: 0; background: none;  }
#page #about.how .for { background: url(/img/inner/how/bg.jpg) 110% 0 no-repeat; padding-bottom: 30px; }
#page #about.how .for a.but { margin-top: 10px; margin-bottom: 25px; }
#page #about.how .for .wh { margin-top: 450px; }

.container+#prices a.but { display: none; } /*inner table under 3 services*/


#page div+#contacts {  margin-top: 50px;  }
#contacts .phones { background: url(/img/inner/contacts/phone.png) 3px 7px no-repeat; padding-left: 35px;
line-height: 1.5; }
#contacts .phones a { font-size: 25px;  }
#contacts .email { background: url(/img/inner/contacts/email.png) 0 9px no-repeat; line-height: 24px; padding-left: 35px; padding-top: 5px; }
#contacts .place { background: url(/img/inner/contacts/place.png) 0 7px no-repeat; line-height: 24px; padding-left: 35px; padding-bottom: 5px; }
#contacts .time { background: url(/img/inner/contacts/time.png) 0 7px no-repeat; line-height: 24px; padding-left: 35px; }
#contacts img { margin: 30px 0 0; }
#contacts p { margin-bottom: 20px; font-size: 18px; }
#contacts a { font-size: 18px; }
#contacts .social a { width: 56px; height: 56px; display: inline-block; background: url("/img/inner/contacts/social.png") 0 0 no-repeat; margin-right: 10px; margin-top: 30px; }
#contacts .social a.i { background-position-x: -66px; }
#contacts .social a.y { background-position-x: -132px; }

#contacts form { background: #fff; padding: 30px; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1); border-radius: 10px; }
#contacts h3 { color: #232323; font-size: 30px }

#copy { text-align: center; font-weight: 400; font-size: 15px; font-family: 'TT', sans-serif; background: #111;
color: #aaa; padding: 15px 0; }
#copy a { color: #aaa; }
#copy a:hover { color: #4e7aea; }







#callback { display: none; }
#callback h2 { font-size: 22px; }                                       
#callback.fancybox-content { background: #e7c5a0 !important; border: solid 2px #e7c5a0;  }       
#callback input[type=submit] { width: 100%; }
#callback input[type=submit]:hover { background: #555 !important; }
/*
#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 {  }
*/





table { border-collapse: collapse; width: 100%; margin: 10px 0; border-radius: 10px; 
overflow: hidden; font-size: 18px; font-weight: 400; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);  }
table th, table td { text-align: left; padding: 17px 35px; border-bottom: solid 1px #e3e3e3; }
table th { font-weight: 900; background: #fff;  }
table td { font-weight: 400; }
table tr:nth-child(even) { background: #fff; }


table tr:hover { background: #eee; }


/*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; }

.box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #333; z-index: 9; background: url(../img/satin.png); }
.box span { display: block; opacity: 0.95; padding: 50px; position: fixed; width: 500px; z-index: 10000;
top: 50%; margin-top: -150px; left: 50%; margin-left: -250px; z-index: 99; text-align: center;
 /*background:#e3e3e3 url(../img/close.png) 97% 20% no-repeat;*/ border-radius: 10px; cursor: pointer;
 box-shadow: 10px 10px 20px #777; 
 background:#fff url(../img/msg/ok.png) 50% 20px no-repeat; padding-top: 140px;
 }
.box .error, .send { text-decoration: none; text-align: center;  font-size: 32px !important;  } 
.box .error { color: #ff0000; background:#fff url(../img/msg/error.png) 50% 20px no-repeat; }
.box .send { color: #00aa00; }



   
   






#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 : 1400px){
}

@media (max-width : 1400px){  
}

@media (max-width : 1200px){
  #country { right: 340px; }
  

}

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

@media (min-width : 767px){
  .nav > li:hover > .dropdown-menu { display: block; } 
  #slide small { padding: 0; right: 15px; left: auto; top: 15px; }
}


@media (max-width : 991px){
  #header #menu li:first-child, #header #menu li:first-child+li { display: none; }
  #fly { right: 0; top: -30px; }
  #country { display: none; }
  


  h2 { font-size: 42px; }                       
  h3 { font-size: 22px; }
  
  #page #services .what li { width: 100% }
 

  #contacts a { font-size: 15px; }
  
  #benefits b { padding-bottom: 70px; }
  #benefits figure { height: 190px; }
 
}

@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 {  }
  
   
  
  #header ul { margin: 0; padding: 0; }
  #navbar { padding: 0; }
  #header a.logo { margin-left: 0; height: 50px; width: 220px; background-size: contain; margin: 20px 0; }
  
  #lang { left: auto; right: 0; z-index: 9; }
 
  h2 { font-size: 30px; }
  #slide h1 { font-size: 30px; margin-top: 30px;  }
  #header { background-size: 800px; background-position: -350px calc(100% - 140px); overflow: hidden; }
  #header a.but { margin-top: 130px; }
  #about .services { padding-bottom: 0; }
  #about .services a { margin-bottom: 15px; }
  #services { background: none; background-size: 400px; }
  #footer ul li.phone { padding: 0 30px; }
  
  
 
  #about { background-position-x: 30%; padding: 30px 0; min-height: 0; }
  #page #about { background: 0; }
  #page #services { background: 0; }
  #page { padding: 20px 0; }
  #page #about.how .for { background: 0; }
  #page #about.how .for .wh { margin-top: 30px; }
  
 
  #benefits figure { height: auto; }
  #form { padding: 50px 0; background-position-x: 0; min-height: 0;  }

  #page h1 { font-size: 30px; }
  #page h2 { font-size: 24px; }
  #page img { margin-bottom: 30px; }
  #footer { padding: 20px 0; }
  #footer b { padding-top: 50px; display: block; }
  #footer .weblux { float: none; margin-top: 5px; display: block;  }
  
  table th, table td { padding: 10px 2px; font-size: 16px; }
 
  #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; }
}

@media (max-width : 480px){
  
}