@font-face {font-family: 'Roboto'; src: url('fonts/RobotoRegular.woff') format('woff'); font-style: normal; font-weight: normal;}
@font-face {font-family: 'Roboto'; src: url('fonts/RobotoBold.woff') format('woff'); font-style: normal; font-weight: bold;}
@font-face {font-family: 'brand'; src: url('fonts/Bira.ttf');}

#modal_bg_1, #modal_bg_2
{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #cccccc;
  opacity: 0.5;
}
#modal_bg_1 {z-index: 1999;}
#modal_bg_2 {z-index: 2999;}
#modal_alert, #modal_confirm
{
  display: none;
  position: fixed;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -125px;
  width: 400px;
  z-index: 3000;
}
#modal_alert_container, #modal_confirm_container
{
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #999999;
}
#modal_alert_content, #modal_confirm_content
{
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  text-align: center;
}
#modal_alert_buttons, #modal_confirm_buttons
{
  text-align: center;
}
.modal_alert_info, .modal_alert_warning, .modal_alert_error, #modal_confirm
{
  background-repeat: no-repeat;
  background-position: 6px 6px;
}
.modal_alert_info {background-image: url(img/modal/alert/info.png);}
.modal_alert_warning {background-image: url(img/modal/alert/warning.png);}
.modal_alert_error {background-image: url(img/modal/alert/error.png);}
#modal_confirm {background-image: url(img/modal/confirm.png);}
.modal_button
{
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #000000;
  border: 1px solid #74411d;
  background-color: #fce1ce;
  width: 50px;
}
.modal_button:hover
{
  background-color: #ffffff;
  cursor: pointer;
}

#error_404 {text-align: center;}

.center {text-align: center;}
.right {text-align: right;}

.video_image
{
  position: relative;
  float: left;
  width: 190px;
}
.video_info
{
  float: right;
  width: 100%;
  margin-left: -190px;
}
.video_info_content {margin-left: 190px;}
.video_link
{
  display: inline-block;
  background: url(img/video_play.png) no-repeat center;
}
.video_img
{
  width: 180px;
  height: 120px;
}
.video_img:hover {opacity: 0.5;}
.text_h2
{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #0c4a63;
}
.hint
{
  display: block;
  padding: 4px;
  background-color: #f8f7b9;
  border: 1px solid #a93903;
  border-radius: 10px;
}
.social_share_span {padding-right: 5px;}

body {background-color: #ffffff;}
#bg_top {background: url(img/header.jpg) top center no-repeat;}
#bg_bottom {background: url(img/footer.png) bottom center repeat-x; max-width: 1920px; margin: 0 auto;}
#wrapper
{
  max-width: 1200px;
  margin: 0 auto;
  background-color: #ffffff;
  background-image: url(img/header.jpg);
  background-position: top center;
  background-repeat: no-repeat;
}
header
{
  height: 240px;
}
#logo
{
  position: absolute;
  margin: 60px 0 0 120px;
}
#logo_a:hover {opacity: 0.8;}
#caption
{
  position: absolute;
  margin: 70px 0 0 300px;
}
#caption_brand
{
  font-family: 'brand', sans-serif;
  font-size: 48px;
  color: #0c4a63;
}
#caption_info
{
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #0c4a63;
  text-transform: uppercase;
}
#phone
{
  position: absolute;
  margin: 30px 0 0 900px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 20px;
}
.phone_a:link, .phone_a:visited {color: #0c4a63;}
.phone_a:hover {color: #d1a25b;}
#social
{
  position: absolute;
  margin: 65px 0 0 900px;
}
.social_item
{
  display: inline-block;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  margin: 2px;
}
#social_whatsapp {background-image: url(img/social/whatsapp.png);}
#social_viber {background-image: url(img/social/viber.png);}
#social_telegram {background-image: url(img/social/telegram.png);}
#social_youtube {background-image: url(img/social/youtube.png);}
.social_item:hover {opacity: 0.8;}

#main
{
  clear: both;
  padding: 50px 30px 50px 30px;
}
footer
{
  clear: both;
  height: 100px;
  background-color: #0c4a63;
}
#footer_content {padding: 0 30px 0 30px;}
.footer_item
{
  float: left;
  width: 50%;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #ffffff;
}

.path_tree
{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  padding-bottom: 10px;
}

h1, h2
{
  font-family: 'Roboto', sans-serif;
  padding: 0;
  margin: 0;
  text-align: center;
}
h1
{
  font-size: 30px;
  color: #0c4a63;
  font-weight: bold;
}
h2
{
  font-size: 22px;
  color: #0c4a63;
  font-weight: bold;
  text-transform: uppercase;
}
.h2_border
{
  margin: 20px 0 0 0;
  text-align: center;
}
.h2_border_content
{
  display: inline-block;
  width: 60px;
  height: 3px;
  background-color: #d1b15e;
}

.delimiter_big, .delimiter, .delimiter_middle, .delimiter_small {clear: both;}
.delimiter_big {margin-top: 40px;}
.delimiter {margin-top: 20px;}
.delimiter_middle {margin-top: 10px;}
.delimiter_small {margin-top: 5px;}
.delimiter_bottom_big {margin-bottom: 40px;}
.delimiter_bottom {margin-bottom: 20px;}
.delimiter_bottom_middle {margin-bottom: 10px;}
.delimiter_bottom_small {margin-bottom: 5px;}

.first
{
  padding-top: 0;
  margin-top: 0;
}
.last
{
  padding-bottom: 0;
  margin-bottom: 0;
}
.book ul
{
  list-style: none;
  margin-top: 14px;
  margin-left: -40px;
}
.book ul li
{
  background: url(img/ul.gif) no-repeat left top;
  padding-left: 15px;
  margin-bottom: 4px;
}
.book table td, .book table .caption td
{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #0c4a63;
  padding: 5px;
}
.book table td {color: #000000;}
.book table .caption td
{
  color: #ffffff;
  background-color: #0c4a63;
  text-align: center;
}
.img_full {width: 100%;}
.img_left
{
  float: left;
  padding: 5px 10px 5px 0;
}
.img_right
{
  float: right;
  padding: 5px 0 5px 10px;
}

.text, .text_light,
.text_small, .text_small_light, .text_small_grey,
.text_big,
.form_input_field,
.form_list_box,
.form_button,
.form_textarea_field,
.form_input_simple
{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.text,
.text_small,
.text_big,
.form_input_field,
.form_list_box,
.form_button,
.form_textarea_field,
.form_input_simple
{
  color: #848484;
}
.text_small_grey {color: #878687;}
.error
{
  color: #b10c0d;
  font-weight: bold;
}
.ok
{
  color: #cc4309;
  font-weight: bold;
}
a,
.link_light
{
  text-decoration: underline;
}
a:link, a:visited {color: #d1b15e;}
.text_light,
.text_small_light,
.link_light:link, .link_light:visited,
.bottom
{
  color: #ffffff;
}
.form_button {color: #ffffff;}
.form_button:hover
{
  background-color: #263c4d;
  cursor: pointer;
}
a:hover {color: #d1a25b;}
.link_light:hover {color: #d7d5d5;}
.text, .text_light {font-size: 16px;}
.text_small, .text_small_light, .text_small_grey {font-size: 13px;}
.text_big {font-size: 18px;}

.search_line
{
  background-color: #cc4309;
  height: 1px;
}
.search_select
{
  color: #ffffff;
  background-color: #9a252b;
}

.form_input_div,
.form_list_box,
.form_button,
.form_textarea,
.form_input_simple
{
  border: solid;
  border-width: 1px;
  border-color: #0c4a63;
}
.form_input_div, .form_input_field, .form_list_box,
.form_textarea, .form_textarea_field, .form_input_simple
{
  background-color: #ffffff;
}
.form_input_field, .form_list_box, .form_textarea_field, .form_input_simple
{
  font-size: 14px;
}
.form_button
{
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  background-color: #0c4a63;
}

#nav_main
{
  text-align: center;
  margin-top: -20px;
}
#menu
{
  position: relative;
  z-index: 500;
}
#menu .li_div {display: inline-block;}
#menu span {cursor: default;}
#menu li:hover {position: relative;}
#menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {display: inline-block;}
#menu li a, #menu li span
{
  display: block;
  padding: 7px 35px 7px 35px;
  margin: 5px 15px 5px 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  text-decoration: none;
  border-radius: 5px;
}
#menu li a:link, #menu li a:visited {background-color: #0c4a63; color: #ffffff;}
#menu li a:hover, #menu li a.url_select {background-color: #0c4a63; color: #d1b15e;}
#menu li span {background-color: #d1b15e; color: #ffffff;}

.list_shift
{
  clear: both;
  height: 30px;
  background: url(img/dotted.gif) left center repeat-x;
}

#ed_search, #ed_search_region {width: 100%;}
#search_field
{
  float: left;
  width: 400px;
}
#region_text
{
  float: left;
  padding: 4px 0 0 20px;
}
#region_field
{
  float: left;
  width: 150px;
  padding-left: 20px;
}
#search_button
{
  float: left;
  padding-left: 20px;
}

.search_tags {text-align: center;}
.search_tags_input
{
  width: 130px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #0c4a63;
  border: 1px solid #0c4a63;
  border-radius: 5px;
  padding: 1px;
  text-align: center;
}
.search_tags_button:link, .search_tags_button:visited, .search_tags_button:hover
{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 3px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
  background: url(img/icons/search.png) no-repeat;
  border-radius: 0 5px 5px 0;
}
.search_tags_button:hover {opacity: 0.8}
.search_tags_selected_off {display: none;}

.materials_item
{
  display: inline-block;
  width: 315px;
  margin: 20px;
  text-align: left;
}
.materials_caption
{
  height: 50px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}
.materials_description
{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #848484;
}

.external, .region, .visit
{
  padding-left: 20px;
  background-repeat: no-repeat;
}
.external {background-image: url(img/icons/external.png);}
.region {background-image: url(img/icons/region.png);}
.visit {background-image: url(img/icons/visit.png);}
.delete_button
{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  text-decoration: none;
}
.delete_button {background-image: url(img/icons/delete.png);}

.tag_add
{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(img/icons/tag_add.png) no-repeat;
}

.material_image_link:hover, .photo_a:hover {opacity: 0.8}

#certificates {text-align: center;}
.certificate_item
{
  display: inline-block;
  margin: 20px 15px 20px 15px;
}
.certificate_a:hover {opacity: 0.8}

#main_advantage
{
  padding: 30px 0 30px 0;
  text-align: center;
  background-color: #eeefee;
}
.main_advantage_item
{
  display: inline-block;
  width: 300px;
  margin: 20px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 100px;
}
#main_advantage_item_1 {background-image: url(img/icons/main_advantage_item_1.png);}
#main_advantage_item_2 {background-image: url(img/icons/main_advantage_item_2.png);}
#main_advantage_item_3 {background-image: url(img/icons/main_advantage_item_3.png);}
.main_advantage_item_name
{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0c4a63;
  text-align: center;
  text-transform: uppercase;
}
.main_advantage_item_description
{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #848484;
  text-align: center;
  margin-top: 15px;
}

.page_number_nav
{
  clear: both;
  padding-top: 20px;
}
.page_number
{
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page_number_item, .page_number_shift, .page_number_count, .page_number_first, .page_number_last
{
  display: inline-block;
}
.page_number_link, .page_number_select
{
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 11px;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  border-style: solid;
  border-width: 1px;
}
.page_number_link
{
  text-decoration: none;
}
.page_number_link:link, .page_number_link:visited
{
  background-color: #ffffff;
  border-color: #aaaaaa;
  color: #232683;
}
.page_number_link:hover
{
  background-color: #8394a5;
  border-color: #8394a5;
  color: #ffffff;
}
.page_number_select
{
  background-color: #64707d;
  border-color: #64707d;
  color: #ffffff;
}
.page_number_shift
{
  font-size: 1px;
  width: 2px;
}
.page_number_count
{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 2px;
  padding-left: 6px;
}
.page_number_first
{
  padding-right: 2px;
}
.page_number_last
{
  padding-left: 2px;
}

.yoomoney-payment-form.yoomoney-payment-form_my
{
  max-width: none;
  padding: 0;
}

@media screen and (max-width: 1220px)
{
  #modal_alert, #modal_confirm {top: 20px; margin-top: 0;}

  header {height: auto;}
  #logo, #caption, #phone, #social
  {
    position: static;
    width: auto;
    text-align: center;
  }
  #logo {margin: 0; padding-top: 0;}
  #caption {margin: 10px 0 0 0;}
  #phone {margin: 50px 0 0 0;}
  #social {margin: 10px 0 0 0;}
  #nav_main {margin: 30px 0 0 0; }

  footer {height: auto;}
  #footer_content {padding: 30px 30px 30px 30px;}
  .footer_item
  {
    float: none;
    width: auto;
    text-align: left;
  }

  .video_image
  {
    float: none;
    width: auto;
    margin-top: 10px;
  }
  .video_info
  {
    float: none;
    width: auto;
    margin-left: 0;
  }
  .video_info_content {margin-left: 0;}

  .img_left, .img_right {float: none; padding: 0; display: inline-block;}
}
@media screen and (max-width: 640px)
{
  #logo {padding-top: 10px;}
  #caption_brand {font-size: 37px;}
  #caption_info {font-size: 12px;}
  #phone {margin: 60px 0 0 0;}

  #menu {margin: 0 30px 0 30px;}
  #menu .li_div {display: inline-block; text-align: center;  width: 200px;}
  #menu li {display: block;}

  .materials_item
  {
    width: auto;
    margin: 20px 0 20px 0;
  }
  .material_img {width: 100%;}
  .materials_caption {height: auto;}
  .materials_description {margin-top: 5px;}

  .certificate_item {margin: 20px 0 20px 0;}
  .certificate_img {width: 100%;}

  .main_advantage_item {width: auto; margin: 20px;}

  .standard_form td {display: block;}

  #modal_alert, #modal_confirm
  {
    width: 90%;
    margin-left: -45%;
  }

  .img_none, .img_left, .img_right {width: 100%;}

  .youtube_video {height: 150px;}
}