@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?90045701');
  src: url('font/fontello.eot?90045701#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?90045701') format('woff2'),
       url('font/fontello.woff?90045701') format('woff'),
       url('font/fontello.ttf?90045701') format('truetype'),
       url('font/fontello.svg?90045701#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('font/fontello.svg?90045701#fontello') format('svg');
  }
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
 
  font-variant: normal;
  text-transform: none;
 
  line-height: 1em;
 
  margin-left: .2em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}
 
.icon-phone:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-location:before { content: '\e802'; } /* '' */
.icon-user:before { content: '\e803'; } /* '' */
.icon-clock:before { content: '\e804'; } /* '' */
.icon-search:before { content: '\e805'; } /* '' */
.icon-ok:before { content: '\e806'; } /* '' */
.icon-viber:before { content: '\e807'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-facebook:before { content: '\f301'; } /* '' */
.icon-instagram:before { content: '\f31e'; } /* '' */

*, *::before, *::after {
  box-sizing: border-box;
  outline: none;
}

html, body {font-size: 100%; width:100%;}

body {
  margin: 0 auto;
  position: relative;
  line-height: inherit;
  color: #666;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {text-decoration: none; cursor:pointer; color: #32A4C6;}
a:hover {font-weight:bold;}

p, ul {font-size: 1.15em; color:#666;font-weight:normal;}

h1, h2, h3, h4, h5, h6 {font-weight:600;}

.home-grid-container {
  display: grid;
  grid-template-columns: 1fr 600px 600px 1fr;
  grid-template-rows: auto auto auto auto auto auto auto auto auto minmax(150px, auto);
  grid-template-areas: "header header header header" ". home-article home-article ." "home-intro home-intro home-intro home-intro" "home-agencies home-agencies home-agencies home-agencies" ". home-hottours home-hottours ." "subscription subscription subscription subscription" ". home-usp home-usp ." ". home-reviews home-reviews ." ". home-intro-text home-intro-text ." "footer footer footer footer";
}

.hot-grid-container {
  display: grid;
  grid-template-columns: 1fr 600px 600px 1fr;
  grid-template-rows: auto auto auto auto minmax(150px, auto);
  grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" ". hot-search-block hot-search-block ."  ". hot-intro-text hot-intro-text ." "footer footer footer footer";
}

.contacts-grid-container {
  display: grid;
  grid-template-columns: 1fr 600px 600px 1fr;
  grid-template-rows: auto auto auto auto minmax(150px, auto);
  grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" ". contacts-info contacts-info ." ". contacts-message contacts-message ." "footer footer footer footer";
}

.blog-grid-container {
  display: grid;
  grid-template-columns: 1fr 300px 900px 1fr;
  grid-template-rows: auto auto auto auto minmax(150px, auto);
  grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" ". blog-sidebar blog-items ." "subscription subscription subscription subscription" "footer footer footer footer";
}

.article-grid-container {
  display: grid;
  grid-template-columns: 1fr 600px 600px 1fr;
  grid-template-rows: auto auto auto auto minmax(150px, auto);
  grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" ". article article ." "next-article next-article next-article next-article" "footer footer footer footer";
}

.header {
  display: grid;
  grid-template-columns: 0.2fr 0.3fr 0.7fr;
  grid-template-rows: 80px;
  grid-template-areas: "logo contacts menu";
  grid-area: header;
  width:100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background: rgba(50, 164, 198, 0.8);
}

.logo { grid-area: logo; }

.contacts { grid-area: contacts; padding-left: 25px;}

.menu { grid-area: menu; }

.home-intro { grid-area: home-intro; min-height: 100vh; background-image: url(/media/images/main/intro.jpg);
  background-size: cover;}

.home-agencies { grid-area: home-agencies;display: flex;}

.footer {
  display: grid;
    grid-template-columns: 1fr minmax(auto, 350px) minmax(auto, 250px) minmax(auto, 250px) minmax(auto, 350px) 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: ". info about customers social ." ". copyright copyright copyright copyright .";
    grid-area: footer;
    margin-top: 100px;
    padding: 30px 0 15px;
    background: #262626;
}

.home-intro-text { grid-area: home-intro-text; }

.home-hottours {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  grid-template-rows: auto;
  grid-gap: 15px 15px;
  grid-area: home-hottours;
}

.home-article {grid-area: home-article;
    opacity: 0;
    position: absolute;
    max-height: 100vh;
    overflow: hidden;
    display:flex;
    flex-direction: column;	
    justify-content: center;}

.home-article.active {opacity: 1;
    position: relative;
    overflow: visible;
    max-height: 100%;}

.subscription { grid-area: subscription; margin-top: 30px; background: rgba(1, 3, 355, .03);text-align: center;}

.home-usp { grid-area: home-usp; display: grid;}

.home-reviews { grid-area: home-reviews; }

footer .info {grid-area: info;}
footer .about {grid-area: about;}
footer .customers {grid-area: customers;display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;}
footer .social {grid-area: social;}
footer .copyright {grid-area: copyright;margin-top: 30px;
  font-size: 0.8em;}

.footer .copyright span {float:right;}

.footer a {color: #666;}

.breadcrumbs { grid-area: breadcrumbs; margin-top: 80px;}

.hot-intro-text { grid-area: hot-intro-text; }
.hot-intro-text li { margin-top: 15px; }

.hot-search-block { grid-area: hot-search-block; margin-top: 30px; }

.contacts-info { grid-area: contacts-info; display:grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));margin-top: 30px;}

.contacts-message { grid-area: contacts-message; }

h2, .home-intro-text h1 {grid-column: 1/-1;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 5px;
  font-size: 2em;}

.contacts-info .address h2 {margin:0; font-size:1.2em; text-align: left;}

.header .logo, .header .contacts, .header .menu { margin: auto 0;}
.header a, .header ul {color:#fff; font-weight:bold;}
.header ul, .home-usp ul, .address ul {list-style: none;}
.header ul li {display: inline; padding: 0 10px;}
.header ul li a {padding: 20px 0;font-size: 1em;}
.header ul li a:hover {box-shadow: inset 0 -3px 0 0  #FFF;}

.header .contacts a {font-size:1.4em;}
.header .contacts i {font-size: 1.2em;
  color: #fff;
  position: relative;
  float:left;
  left: -5px;
  top: 5px;}
.header .contacts .underline {margin: -5px 0 0 0;
  font-size: 0.7em;
  color: #fff;
  font-weight: 600;}
.header .logo img {margin-left:15px;}

.home-intro img {width: 100%;}

.st-container {padding-top: 25vh;
  width: 80%;
  margin: 0 auto;
text-align: center;
color:#ffffff;}

.st-container h2 {font-size: 3em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight:700;
}

.breadcrumbs h1 {margin:auto; padding:30px 0;}
.breadcrumbs h2 {margin:auto; padding:30px 0;}

.st-container p {margin: 0.1vh 0 30vh 0;
  font-size: 1.5em;color:#ffffff;}

.breadcrumbs {background: rgba(1, 3, 355, .03); text-align:center;}

.home-agencies div {position:relative; padding: 10px 25px;}

.home-agencies div img {max-width: 100%;}

.home-agencies .image-background {position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(1, 3, 355, .03);}

.grid-item, .item, .img-container { justify-self: center;
  position: relative;
  overflow: hidden;
}

  .grid-item a {position: relative;display:block;}

.grid-item img, .blog-items img {display: block;
  max-width: 100%;
  height: auto;
 }

  .grid-item div {position:absolute;bottom: 0;left: 0;padding: 0 15px;color: #fff;text-shadow: 1px 1px 1px #000;z-index:90;}
  .grid-item div h3 {margin: 0;
    font-size: 1.5em;}
    .grid-item div p {margin-top: 5px;color: #fff;}

    .itt_hs_item, #itTourWidget .fd-b, #itTourWidgetPopup .fd-b, #itTourWidget a.fd-nav_item.active, #itTourWidgetPopup a.fd-nav_item.active {background:#f7f7ff!important;}

    #itTourWidget a.fd-nav_item:hover, #itTourWidgetPopup a.fd-nav_item:hover {background:rgba(247, 247, 255, 0.5)!important;}

    #itTourWidget a.fd-nav_item.active:hover, #itTourWidgetPopup a.fd-nav_item.active:hover {background:rgba(247, 247, 255, 0.9)!important;}

    .grid-item a:hover > img, .itt_hs_item a:hover .itt_hs_photo_wrap img, .blog-items a:hover img {
      filter: brightness(70%);
      transform: scale(1.1);
      transform: scale(1.1);
  }
  .subscription p {margin: 0;}
  .subscription form {display: flex;width: 50%;margin: 30px auto 70px auto;}

    .subscription form input {float: left;
      padding: 15px 20px;
      text-align: center;
      font-family: inherit;
      font-size: 1.15em;
      outline: 0;}

      .subscription form input[type=email] {
        width:65%;
        border: 1px solid #F2F2F2;
        border-right-width: 0px;

      }

      .subscription form input[type=submit] {
      width:20%;
      background-color: #32A4C6;
      color: #ffffff;
      font-weight: bold;
      border: 1px solid #32A4C6;
}

.subscription form input[type=submit]:hover {cursor:pointer;background-color: #2885A1 ;
  border-color: #2D93B3 ;}

  .home-usp ul {
    margin: 30px auto 0;}

  .home-usp li{font-size: 1.3em;line-height: 1.5em;padding-bottom:10px;}
  .home-usp li i {font-size: 1.3em;
    color: #32A4C6;
    padding-right: 15px}

footer img {width: 40%;}

footer h4 {margin: 0 0 15px 0;font-size: 1.1em;color:#8C8C8C;}
footer h5 {Margin: 0; font-size: 1em;color:#8C8C8C;}

footer p, footer ul {font-size:1em; color:#8C8C8C;}

footer a.phone {display: block;font-size: 1.3em;font-weight: bold;}

footer .address {margin-top: 10px;}

footer .email {line-height: 1.5em;margin-bottom: 15px;}

footer ul {display: table;list-style: none;padding:0;margin: 5px 0 10px 0;}
footer li {padding-bottom: 2px;}
footer i {padding-right:5px;float: left;font-size:1.5rem;line-height: 1.1rem;}

.social-links h5 {float: left;
  line-height: 2em;
  padding-right: 15px;}

.social-links li {display: inline-table;}

.social a:hover {color:#f9f9f9;}

.contacts-info .address ul {padding:0;margin: 10px 0 20px -5px;}
.contacts-info .address li + li {margin-top: 10px;}
.contacts-info .location i {line-height: 1.8em;}
.contacts-info .location li + li {margin: 0 0 0 40px;}
.contacts-info .address i {float:left;font-size: 1.5em;line-height:1.1em; color: #666;}
.contacts-info i.icon-phone {font-size: 1.2em;padding: 0 5px 0 5px;}

.blog-sidebar { grid-area: blog-sidebar; }
.blog-items { display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  grid-template-rows: auto;
  grid-gap: 15px 15px;
  margin-top: 30px;
  grid-area: blog-items; }

  .blog-items .inner {padding: 10px;}
  .blog-items .inner-header {padding-bottom: 5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color:#0000004d;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 800;
}
.blog-items span.rt {text-align:center;}
.blog-items span:last-child {text-align:right;}

  .blog-items h2 {font-size:1.15em;margin:0; color: #666; text-align: left}
  .blog-items p {margin: 10px 0 0;font-size:1em;text-align: left}
  .blog-items a:hover {font-weight:inherit;}
  .blog-items a:hover h2 {color:#32A4C6;}
  .article { grid-area: article; margin-top: 30px;}
  .next-article { grid-area: next-article; margin-top: 30px;
    background: rgba(1, 3, 355, .03);
    text-align: center;}
    .article img {display:block;
      margin-left:auto;
      margin-right:auto;
      max-width: 100%;}

.home-grid-container header {background:none;}
.header-scroll.animate {background: rgba(50, 164, 198, 0.8);}

.itt_hs_main_wrap, .itt_hs_page_loader {border:0!important;}
#showcase_hottour_v2_showcase_module #ittHS .ittHS_wrap.itt_bg_color .itt_hs_header, #ittHS .itt_hs_content_wrap_abs:after {background-color:#32A4C7!important;}
#ittHS .itt_hs_content_wrap_abs .nicescrollht-cursors {background:#32A4C7!important;}
#ittHS .itt_hs__selected_info_pp a.active, #ittHS .itt_hs__selected_info_pp a:hover {background:#32a4c7!important;}

.itt_hs_price_wrap, #itTourWidget .fd-find, #itTourWidgetPopup .fd-find {background: #D04970!important;}
#itTourWidget a.fd-find:hover, #itTourWidgetPopup a.fd-find:hover {background-color: #AB3C5B!important;}

#ittHS *,.itt_hs_hotel_wrap, .itt_hs_hotel_info_table, .itt_hs_photo_wrap {font-family: 'Open Sans', sans-serif!important;}

.animate, .itt_hs_photo_wrap img {-webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;}

  #ittHS .itt_hs_item a:hover .itt_hs_photo_wrap img {
    -webkit-filter: brightness(70%)!important;
    -moz-filter: brightness(70%)!important;
    -ms-filter: brightness(70%)!important;
    -o-filter: brightness(70%)!important;
    filter: brightness(70%)!important;
  }

  .menu-icon {
    display:none;
    padding-top: 8px;
    float: left;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
  }

  .menu-box {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 24px;
  }

  .menu-inner:after, .menu-inner:before {
    display: block;
    content: "";
  }

  .menu-inner, .menu-inner:after, .menu-inner:before {
    position: absolute;
    width: 30px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
  }

  .menu-inner {
    top: 2px;
    display: block;
    margin-top: -2px;
  }

  .menu-inner:before {
    top: 8px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
  }

  .menu-inner:after {
    top: 16px;
  }

  .menu-icon.close:hover, .menu-icon:hover {
    opacity: .7;
  }

  .menu-icon.close .menu-inner {
    transform: translate3d(0,10px,0) rotate(45deg);
  }

  .menu-icon.close .menu-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0;
  }

  .menu-icon.close .menu-inner:after {
    transform: translate3d(0,-20px,0) rotate(-90deg);
    top: 20px;
  }

  #itTourWidgetWrapper input.ng-pristine,#itTourWidgetWrapper select.ng-pristine  {border: 1px solid #F2F2F2!important;}
 

@media screen and (max-width: 1200px) {
.home-grid-container, .hot-grid-container, .contacts-grid-container, .blog-grid-container, .article-grid-container {grid-template-columns: 15px auto auto 15px;}

.header {grid-template-columns: 0.2fr 0.7fr 0.2fr;
  grid-template-rows: 50px;
  grid-template-areas: "menu logo contacts";}

.header .logo, .header .contacts, .header .menu {
    margin: auto;position: relative; padding:0;}

.header .logo img {transform: scale(0.7);}

.menu-icon {display:block;}


.menu ul, .customers img, .header .contacts div  {display:none;}

.menu ul {position: fixed;
  top: 31px;
  left: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  background: rgba(50, 164, 198, 0.8);
}

.menu ul li {display: block;
  padding: 10px 10px;}

  .header .logo img {
    margin-left: auto;
}

.header .contacts i {margin-right: 15px;
  color: #fff;
  position: unset;float:right;}
  .breadcrumbs {margin-top: 50px;}
  .st-container {width:100%;padding-top: 15vh;}
  .st-container h2 {font-size:2em;}
  .st-container p {font-size:1.2em;}

.footer {
  grid-template-columns: 15px 1fr 15px;
  grid-template-rows: auto;
  grid-template-areas: ". info ." ". about ." ". customers ." ". social ." ". copyright .";
  gap: 15px 15px;
  }
  .subscription form {width:95%;}
  .subscription form input {font-size: 1em;padding: 15px 15px;}
  .subscription form input[type=submit] {width:35%;}
  .home-agencies div {padding: 10px 10px;}
  footer {margin-top: 50px;}
  footer .copyright {margin-top: 0px;}
}

.open-article {cursor:default!important;background:inherit!important;border: none;color: #666;margin-left: 15px;}
.header ul li.lang {position: relative;
    border: 2px solid #f7f7ff;
    padding: 5px;
    background: #f7f7ff;
    margin-left: 30px;}
.header ul li.lang a {    color: #32a4c6;
    font-weight: 600;font-size: 0.8em;}
li.lang ul {    position: absolute;
    left: -2px;
    padding: 15px 0 0 0;display:none;}
.header ul li.lang a:hover {box-shadow:none;}
li.lang:hover > ul {display:block;}
li.lang li {padding: 5px;
    border: 2px solid #32a4c6;
    background: #32a4c6;}
.header ul li.lang li a {color:#f7f7ff;}
@media screen and (max-width: 1535px) and (min-width: 1200px) {
.header .menu ul {padding-left:0;}
}
footer .customers svg {margin-top:1em;}
.home-grid-container #itTourWidget .fd-nav_item.active, #itTourWidgetPopup .fd-nav_item.active {color:#666!important;}
.home-grid-container #itTourWidget .fd-b .fd-item .fd-label, #itTourWidgetPopup .fd-b .fd-item .fd-label,.home-grid-container #itTourWidget .fd-b .fd-item .fd-label span, #itTourWidgetPopup .fd-b .fd-item .fd-label span {color: #4ba7c4 !important;}
.home-grid-container #itTourWidget .fd-tickets-way label,.home-grid-container #itTourWidgetPopup .fd-tickets-way label {color: #d04970!important}
#itTourWidget .fd-item .fd-adv_search, #itTourWidgetPopup .fd-item .fd-adv_search, .home-grid-container #itTourWidget .fd-b .fd-label, .home-grid-container #itTourWidgetPopup .fd-b .fd-label {color: #313140!important;}