@charset "utf-8";
/* CSS Document */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
  text-decoration: none;}
  /* FONTS */
  @font-face {
  font-family: 'Open Sans';
  /* src: url("/fonts/opensans-light.eot"); */
  /* src: url("/fonts/opensans-light.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-light.woff") format("woff"), url("/fonts/opensans-light.ttf") format("truetype"), url("/fonts/opensans-light.svg#OpenSansLight") format("svg"); */
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  /* src: url("/fonts/opensans-italic.eot"); */
  /* src: url("/fonts/opensans-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-italic.woff") format("woff"), url("/fonts/opensans-italic.ttf") format("truetype"), url("/fonts/opensans-italic.svg#OpenSansLightItalic") format("svg"); */
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  /* src: url("/fonts/opensans-regular.eot"); */
  /* src: url("/fonts/opensans-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-regular.woff") format("woff"), url("/fonts/opensans-regular.ttf") format("truetype"), url("/fonts/opensans-regular.svg#OpenSansRegular") format("svg"); */
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  /* src: url("/fonts/opensans-semibold.eot"); */
  /* src: url("/fonts/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-semibold.woff") format("woff"), url("/fonts/opensans-semibold.ttf") format("truetype"), url("/fonts/opensans-semibold.svg#OpenSansSemibold") format("svg"); */
  font-weight: 600;
  font-style: normal; }

a, span, p, label, input, div {
  font-family: Open Sans; font-size:16px;line-height: 1.5;}
  
/* my style */
body {}
.center {text-align:center}
#wrapper {max-width: 1024px; margin:0 auto; padding:10px}
.hdr {display: table; width:100%}
.logo {float:left; width:250px; height:220px}
.right_head {float:right; padding-top:20px; padding-right:70px;}
.right_head h1 {color: #0093d8;font-size: 42px;font-family: Open Sans !important;}
.aero {
    color: #064887;
    font-size: 28px;
	font-family: Open Sans !important;
}
nav {
  display: block;
  position: relative;
  margin:0 auto;
  background-image: url("/images/menu_fon.png");
    border-radius: 5px;
    height: 31px;
    padding-top: 5px;
    width: 940px;
	text-align:center;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color:#000 ;
	line-height: 100%;
}
.nav a:hover {
	color: #0093d8;
}
.nav .current a {
}

@media screen and (max-width: 959px) {
	#wrapper {max-width:750px; margin:0 auto;}
	.right_head h1 {text-align:center;}
	nav {display:none;}
	.logo { width:90%; text-align:center;}
.right_head {width:90%; text-align:center;}
}
h1, h2, h3, h4, h5, h6 {font-family: Open Sans !important;}
h2 {font-size:22px;color: #0093d8; line-height:1.5; margin-bottom:10px;}
h3 {font-size:19px;color: #0093d8; line-height:1.5; margin-bottom:10px;}
h4 {font-size:19px;color: #0093d8; line-height:1.5; margin-bottom:12px;}
#faq h4 {padding:0px 0px 0px 15px !important; margin-bottom:15px;}
h2.pop {text-align:center; font-size:24px; margin-bottom:10px;}
.layout { position: relative; font-size:13px}
.layout DIV { position: absolute; }
.col1 {width: 33%; }
.col2 {left: 33%; width: 34%; }
.col3 {right: 0; width: 33%; }
@media (max-width: 768px) {
	.layout DIV { position:relative; }
	.col1 {margin-bottom:10px;}
	.col1 {width: 100%; float:none; }}

.three {
	font-size:13px !important;
       column-count: 2;
       column-gap: 20px;
       column-rule: 1px dotted #ccc;
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -moz-column-rule: 1px dotted #ccc;  
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
       -webkit-column-rule: 1px dotted #ccc;
       text-align:justify;
}
.three a {font-size:14px !important; padding-left:8px;}

@media screen and (min-width: 1024px) {
.three {
       column-count: 3;
       -moz-column-count: 3;
       -webkit-column-count: 3;
   }
   .three a {font-size:13px !important;}
}

@media screen and (max-width: 979px) {
.three {
       column-count: 1;
       -moz-column-count: 1;
       -webkit-column-count: 1;
   }
 .three a {font-size:16px !important;}
}
.content {width:90%; margin:0 auto; padding-top:20px;}
p {margin: 0 0 10px; color:#333;}
p.promo {
    background-image: url("/images/warning.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #014e9c;
    font-size: 130%;
    margin-bottom: 1.1em;
    padding-left: 35px;
    text-indent: 7px;
}
ul.txt {}
ul.txt li {margin-bottom:10px; padding-left:50px; font-size:90%; list-style:circle;}
hr { color:#0093d8; border:1px solid #0093d8; margin:15px 0;}
#footer {
	margin-top:50px;
	padding:10px 15px;
	border-top:1px solid #0093d8;
  height: 180px;
  font-size: 12px; }
  .fleft {float:left; width:70%; padding-left:20px;}
.fleft ul li {list-style:none; margin-bottom:1.2em;}
.fleft ul li a {text-decoration:none; color:#014e9c}
.fleft ul li a:hover,
.fleft ul li a:focus {
	color:#333}
	.fright {text-align:center;color:#014e9c}
	
	
	/* Меню */
	.mobmenu {display:none}
@media (max-width: 959px) {
    .mobmenu {display:block !important; text-align:center; width:90%; border-radius: 5px; height: 31px; background-image: url("/images/menu_fon.png"); margin:20px auto 10px;}
	.mobmenu a {color:#000; font-weight:bold; font-size:16px; text-decoration:none }
	.mobmenu a:hover {color:#0093d8;}}
	#botmenu {display:none}
@media (max-width: 959px) {
	#botmenu {display:block !important; width:94%; margin:0 auto;}}

#botmenu ul {
list-style: none;
background: #003d7c;
padding: 5px 0;
}
#botmenu li a {
display: block;
padding: 0 30px;
color: #fff;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
letter-spacing: 0.1em;
line-height: 3em;
height: 3em;
border-bottom: 2px solid #FFF;
}
#botmenu li:last-child a {
border-bottom: none;
}
#botmenu li a:hover,
#botmenu li a:focus {
color: #1c1c1c;
background: #428bca;
}

/* howtobook */
.block-introduction {
display:block;
}
@media (max-width: 695px) {
.block-introduction {display:none;}
.block-introduction-inner {display:none;}
}
	
.block-introduction-inner {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 10px 0;
    text-align: center;
    width: 30%;
	font-weight:600;
	color:#EC7D00;
}
.block-search {
    background-image: url("/images/img_01.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 145px;
    margin: 0 auto;
    width: 140px;
}
.block-order {
    background-image: url("/images/img_02.png");
    background-repeat: no-repeat;
    height: 145px;
    margin: 0 auto;
    width: 140px;
}
.block-arrival {
    background-image: url("/images/img_03.png");
    background-repeat: no-repeat;
    height: 145px;
    margin: 0 auto;
    width: 140px;
}
/* Форма входа */
/* колонки */
div.tab {display:table-cell; padding:15px 0px !important}
div.taba {display:table-row; width:100%;}
div.left {display:table-cell; width:70%; padding:0 10px 20px 10px;}
div.lefta {display:table-cell; padding:10px 20px;}
div.right {display:table-cell; width:30%; padding:0 10px 0 15px}
div.righta {display:table-cell; padding:10px 15px 10px 20px;}
/* форма1 */
form.f1{
  margin:0 auto;
  max-width:95%;
  box-sizing:border-box;
  padding:40px;
  border-radius:5px; 
  background:RGBA(255,255,255,1);
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 43, 120, .45);        
  box-shadow:  0px 0px 15px 0px rgba(0, 43, 120, .45);  
}
/* Стили полей ввода */
.textbox{
  height:30px;
  width:100%;
  border-radius:3px;
  border:rgba(0, 43, 120,.3) 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:14px; 
  padding:6px;
  margin-bottom:15px;  
}
.textboxa{
  height:40px;
  width:100%;
  border-radius:3px;
  border:rgba(0, 43, 120,.3) 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:14px; 
  padding:6px;
  margin-bottom:15px;  
}
.textboxb{
  height:150px;
  width:100%;
  border-radius:3px;
  border:rgba(0, 43, 120,.3) 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:12px; 
  padding:6px;
  margin-bottom:15px;  
}
.button{
	margin-top:15px;
  height:50px;
  width:100%;
  border-radius:3px;
  border:#002E79 0px solid;
  box-sizing:border-box;
  padding:10px;
  background:#0067B8;
  color:#FFF;
  font-family: 'Open Sans', sans-serif;  
  font-weight:400;
  font-size: 16pt;
  transition:background .4s;
  cursor:pointer;
}
/* Изменение фона кнопки при наведении */
.button:hover{
  background:#002B78;
}
 /* ФОРМА РЕГИСТРАЦИИ */
 div.reg {margin-bottom:30px;}
 div.f2{
  margin:0 auto;
  max-width:95%;
  box-sizing:border-box;
  padding:40px;
  border-radius:5px; 
  background:RGBA(255,255,255,1);
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 43, 120, .45);        
  box-shadow:  0px 0px 15px 0px rgba(0, 43, 120, .45); 
}

/* Раскрывающиеся блоки */
/* скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label.htext ~ div {
    display: none; 
}
/* вид текста label */
.hide + label,
.hide:checked + label.htext {
    padding: 0;
    color:#0067B8;
    cursor: pointer;
    border-bottom: 1px dotted #0067B8;
	font-size:12px;
}
/* вид текста label при активном переключателе */
.hide:checked + label.htext {
    color:#003D7C;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label.htext + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}