/*
Theme Name: 
Theme URI: http://www.ansonika.com/volare/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

CSS STRUCTURE:

1. SITE STRUCTURE and TYPOGRAPHY
2. PAGES AND CONTENT
3. FORMS
4. COMMON
5. MEDIA QUERIES

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
/* Fonts and Icons */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&font-display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800&font-display=swap');

/* Structure */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    color: #444;
    background-color: #fff;
    -webkit-font-smoothing: antialiased !important;
}

/* #Site Header
================================================ */
header {
    background: #5aa132 url(../img/bg_header.png) no-repeat center top;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 999;
    padding: 15px 0;
    font-family: "Helvetica Neue", Arial;
}

header .block {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

header .phone {
    padding: 10px 0 0;
    margin-left: 85px;
}

header .phone ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header .phone ul li {
    display: block;
    /*float: left;
    border-left: 1px solid #add099;
    margin-left: 15px;
    padding-left: 15px;*/

    font-size: 15px;
    font-weight: bold;
}

header .email {
    margin-left: 45px;
}

header .socials {
    margin-left: 45px;
}

.socials a {
    display: block;
    float: left;
    text-indent: -9999em;
    width: 30px;
    height: 30px;
    background: #fff url("../img/socials.png") no-repeat;
    border: 3px solid #fff;
    border-radius: 5px;
    margin-left: 10px;
}

.socials a:first-child {
    margin-left: 0;
}

.socials a:hover {
    background-color: #236996;
    border-color: #236996;
}

.socials a.fb {
    background-position: -24px 0;
}

.socials a.youtube {
    background-position: -48px 0;
}

.socials a.gplus {
    background-position: -72px 0;
}

.socials a.insta {
    background-position: -96px 0;
}

#phone strong {
    font-size: 20px;
}

ul#top_nav {
    list-style: none;
    padding: 0;
    margin: 4px 25px 0 0;
    font-size: 12px;
    float: right;
}

ul#top_nav a {
    color: #fff;
}

ul#top_nav a:hover {
    color: #111;
}

ul#top_nav li:first-child {
    border-left: none;
}

ul#top_nav li {
    display: inline-block;
    border-left: 1px solid #ccc;
    height: 12px;
    line-height: 12px;
    padding-right: 5px;
    padding-left: 7px;
}

a#logo {
    width: 276px;
    height: 60px;
    background: url(../img/logo.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

#lang {
    margin-top: 8px;
}

#lang a.dropdown-toggle {
    color: rgba(255, 255, 255, .5);
}

footer nav {
    padding: 0;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
}

/* #Site Footer */
footer {
    background-color: #5aa132;
    margin-top: 60px;
    position: relative;
    color: #fff;
    padding: 30px 0 20px 0;
}

.found-error p {
    font-size: 14px;
    color: #fff !important;
}

#footer_waves {
    position: absolute;
    top: -36px;
    width: 100%;
    height: 37px;
    background: url(../img/mountains_2.png) repeat-x 0 1px;
    left: 0;
}

.footer_nav ul {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #FF6;
}

#copy {
    font-size: 12px;
    margin-bottom: 0;
}

#contact_footer ul {
    list-style: none;
    margin: -5px 0 20px 0;
    padding: 0;
}

ul#follow_us {
    list-style: none;
    padding: 0;
    margin: 10px 0 15px 0;
}

ul#follow_us li {
    font-weight: 600;
}

ul#follow_us li {
    display: inline-block;
    margin-right: 10px;
}

ul#follow_us li a {
    width: 34px;
    color: #fff;
    height: 34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

ul#follow_us li a:hover {
    border: 2px solid #FF6;
    color: #FF6;
}

ul.links {
    list-style: none;
    line-height: 24px;
    font-size: 14px;
}

ul.links li a {
    border-bottom: 1px dotted #fff;
}

.subscribe-form .h4,
.subscribe-form h4 {
    padding: 15px;
}

/* TYPOGRAPHY and links color */
p {
    margin-bottom: 20px;
}

blockquote.styled {
    line-height: 20px;
    font-size: 14px;
    font-style: italic;
}

.lead {
    font-weight: 300;
}

a {
    color: #5aa132;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a:hover,
a:focus {
    color: #236996;
    text-decoration: none;
}

.img-circle.styled {
    background-color: #ededed;
    -moz-box-shadow: 0px 0px 0px 5px #ededed;
    -webkit-box-shadow: 0px 0px 0px 5px #ededed;
    box-shadow: 0px 0px 0px 5px #ededed;
    margin: 5px;
}

.img-circle.styled.team {
    background-color: #ededed;
    -moz-box-shadow: 0px 0px 0px 5px #ededed;
    -webkit-box-shadow: 0px 0px 0px 5px #ededed;
    box-shadow: 0px 0px 0px 5px #ededed;
    margin: 5px 15px;
}

.img-rounded.styled {
    background-color: #ededed;
    -moz-box-shadow: 0px 0px 0px 5px #ededed;
    -webkit-box-shadow: 0px 0px 0px 5px #ededed;
    box-shadow: 0px 0px 0px 5px #ededed;
    margin: 10px;
    margin-top: 5px;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    color: #236996;
}

.h1 {
    font-size: 2em;
    margin: .67em 0
}

.h2 {
    font-size: 1.5em;
    margin: .75em 0
}

.h3 {
    font-size: 1.17em;
    margin: .83em 0
}

.h4 {
    margin: 1.12em 0
}

.h5 {
    font-size: .83em;
    margin: 1.5em 0
}

.h6 {
    font-size: .75em;
    margin: 1.67em 0
}

.h1,
h1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 15px;
    padding: 0;
}

.h2,
h2 {
    font-size: 26px;
    margin-top: 10px;
}

.h3,
h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.feature-box-info .h4,
.feature-box-info h4 {
    margin-bottom: 5px;
}

.box_container a .h3.
.box_container a h3 {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;

}

footer .h4,
footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.list_home .h4.p-title,
.list_home h4.p-title {
    margin: 5px 0 3px 0;
}

.info_content .h4,
.info_content h4 {
    margin-bottom: 0;
}

/* Buttons */
a.button_medium, .button_medium, #comment_submit {
    border: none;
    background: #55982e;
    /* Old browsers */
    background: #55982e -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #55982e -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #55982e -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #55982e -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #55982e -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #55982e linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    color: #fff;
    padding: 5px 12px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.button_medium:hover, .button_medium:hover, #comment_submit:hover {
    background: #236996;
    /* Old browsers */
    background: #236996 -moz-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* FF3.6+*/
    background: #236996 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #269cd0), color-stop(100%, #236996));
    /* Chrome,Safari4+*/
    background: #236996 -webkit-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* Chrome10+,Safari5.1+*/
    background: #236996 -o-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* Opera11.10+*/
    background: #236996 -ms-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* IE10+*/
    background: #236996 linear-gradient(top, #269cd0 0%, #236996 100%);
}

a.button_big, .button_big, #comment_submit.big {
    border: none;
    background: #55982e;
    /* Old browsers */
    background: #55982e -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #55982e -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #55982e -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #55982e -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #55982e -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #55982e linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    color: #fff;
    padding: 20px 70px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.button_big:hover, .button_big:hover, #comment_submit.big:hover {
    background: #236996;
    /* Old browsers */
    background: #236996 -moz-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* FF3.6+*/
    background: #236996 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #269cd0), color-stop(100%, #236996));
    /* Chrome,Safari4+*/
    background: #236996 -webkit-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* Chrome10+,Safari5.1+*/
    background: #236996 -o-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* Opera11.10+*/
    background: #236996 -ms-linear-gradient(top, #269cd0 0%, #236996 100%);
    /* IE10+*/
    background: #236996 linear-gradient(top, #269cd0 0%, #236996 100%);
}

.button_outline, a.button_outline {
    border: 2px solid #827b00;
    background: none;
    outline: none;
    padding: 12px;
    text-decoration: none;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button_outline:hover, a.button_outline:hover {
    border: 2px solid #111;
}

.button_newsletter, a.button_newsletter {
    border: none;
    border-radius: 3px;
    background: #111;
    /* Old browsers */
    background: #111 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #111 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #111 -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #111 -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #111 -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #111 linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    color: #fff;
    height: 35px;
    line-height: 34px;
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    outline: none;
    position: relative;
    top: 2px;
}

.button_newsletter:hover, a.button_newsletter:hover {
    background: #827b00;
    /* Old browsers */
    background: #827b00 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #827b00 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #827b00 -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #827b00 -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #827b00 -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #827b00 linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
}

.input-group button {
    height: 36px;
    border: none;
    background-color: #827b00;
    color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 5px
}

.input-group button:hover {
    background-color: #111;
    color: #fff;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
}

.input-group button:focus {
    outline: none;
    border: none;
}

a.button_submenu {
    border: none;
    background: #333;
    /* Old browsers */
    background: #333 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #333 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #333 -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #333 -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #333 -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #333 linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    color: #fff;
    padding: 5px 12px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    text-transform: none;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.button_submenu:hover {
    background: #00aeef;
    /* Old browsers */
    background: #00aeef -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #00aeef -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #00aeef -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #00aeef -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #00aeef -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #00aeef linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
}

#submit-contact, #submit-booking {
    border: none;
    background: #827b00;
    /* Old browsers */
    background: #827b00 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #827b00 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #827b00 -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #827b00 -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #827b00 -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #827b00 linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    color: #fff;
    padding: 8px 15px;
    float: right;
    margin-right: 15px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#submit-contact:hover, #submit-booking:hover {
    background: #111;
    /* Old browsers */
    background: #111 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* FF3.6+*/
    background: #111 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    /* Chrome,Safari4+*/
    background: #111 -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Chrome10+,Safari5.1+*/
    background: #111 -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* Opera11.10+*/
    background: #111 -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    /* IE10+*/
    background: #111 linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
}

/**
 * 8.0 Alignments
 */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

/**
 * 14.2 Galleries
 */

.gallery {
    margin-bottom: 1.6em;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img,
.gallery-img img {
    margin: 0 auto;
    border: 3px solid #fff;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
}

.gallery-img {
    display: inline-block;
    margin: 0 15px 15px 0;
}

.gallery-img:hover {
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .6);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .6);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .6);
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/
/* #Home
================================================ */
.box_container a {
    background: #fff url(../img/mountains_3.png) repeat-x left bottom;
    padding: 25px;
    -moz-box-shadow: 0 0 5px rgba(000, 000, 000, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(000, 000, 000, 0.4);
    box-shadow: 0 0 5px rgba(000, 000, 000, 0.4);
    margin-bottom: 10px;
    display: block;
    color: #333;
    position: relative;
}

.box_container a i {
    font-size: 42px;
    color: #5aa132;
    width: 42px;
    height: 42px;
    float: right;
    margin: 0 10px 15px 20px
}

.box_container a:hover {
    background-color: #E6F0F2;
}

/* gallery */
#links img {
    margin-bottom: 30px;
}

.btn_gallery {
    font-size: 12px;
    font-weight: 700;
}

/* #Blog
================================================ */
.tags a {
    display: inline-block;
    margin: 5px 14px 10px 0;
    height: 33px;
    line-height: 33px;
    background: #ededed url(../img/tag_bg.png) no-repeat 91% center;
    padding: 0 28px 0 11px;
    color: #646464;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: background .5s ease;
}

.tags a:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}

ul.recent_post {
    margin-left: 0;
    padding-left: 0;
}

ul.recent_post li {
    padding: 0 0 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px #e7e7e7 dotted;
    color: #313131;
    list-style: none;
    line-height: 18px;
    padding-bottom: 15px;
    color: #888;
    font-style: italic;
}

ul.recent_post li div {
    font-weight: 600;
    padding-left: 25px;
    font-style: normal
}

ul.recent_post li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.post {
    margin-bottom: 45px;
}

.post img {
    margin-bottom: 18px;
}

.post_info {
    padding: 10px 0;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    margin-bottom: 12px;
    color: #555;
}

.post-left {
    float: left;
}

.post-left ul {
    margin-left: 0;
    padding-left: 0;
}

.post-left ul li {
    float: left;
    margin-right: 10px;
    list-style: none;
}

.post-right {
    float: right;
}

#comments {
    padding: 10px 0 0px 0;
    margin-bottom: 15px;
}

#comments ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#comments ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

#comments li {
    padding: 0;
    margin-bottom: 23px;
    list-style: none;
    border-bottom: 1px solid #236996;
}

.comment_author {
    padding-left: 0;
}

.comment_more {
    margin: -10px 0 20px;
}

.avatar {
    float: left;
    margin-right: 11px;

}

.avatar img {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.comment_right {
    display: table;
}

.comment_info {
    padding-bottom: 7px;
}

.comment_info span {
    padding: 0 12px;
}

#comments ol.children {
    padding: 23px 0 0 30px;
    margin: 0;
}

.comment-form {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.comment-form .form-submit {
    display: block;
    float: left;
    margin: 22px 0 0;
}

.comment-form .g-recaptcha {
    float: left;
    margin-left: 30px;
}

/* #Contact
================================================ */
.acf-map {
    width: 100%;
    height: 350px;
}

ul#contact-info {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

ul#follow_us_contacts {
    list-style: none;
    padding: 0;
    margin: 10px 0 20px 0;
}

ul#follow_us_contacts li {
    position: relative;
    padding-left: 45px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 15px;
}

ul#follow_us_contacts li a i {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #c6c6c7;
    color: #c6c6c7;
    display: block;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

ul#follow_us_contacts li a:hover i {
    border: 2px solid #333;
    color: #333;
}

/* #About us
================================================ */
ul.social_team {
    list-style: none;
    padding: 0;
    margin: 5px 0 15px 0;
    font-size: 16px;
}

ul.social_team li {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ededed;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

/* Testimonials */
blockquote.testimonial {
    background: #f2f1e6;
    border-radius: 5px;
    border: 0;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 20px 15px 20px 35px;
    position: relative;
}

blockquote.testimonial:before {
    left: 7px;
    top: 5px;
    color: #333;
    content: "\201C";
    font-size: 60px;
    font-style: normal;
    line-height: 1;
    position: absolute;
}

blockquote.testimonial p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
}

/* Testimonials Arrow */
.testimonial-arrow-down {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #f2f1e6;
    height: 0;
    margin: 0 0 0 25px;
    width: 0;
}

/* Testimonials Author */
.testimonial-author {
    margin: 8px 0 0 8px;
    overflow: hidden;
}

.testimonial-author .img-thumbnail {
    float: left;
    margin-right: 10px;
}

.testimonial-author strong {
    color: #111;
    display: block;
    padding-top: 7px;
}

.testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px;
}

.testimonial-author p {
    color: #999;
    margin: 0 0 0 25px;
    text-align: left;
}

/* #Single hike page
================================================ */
.single-hiking .carousel {
    margin-bottom: 10px;
}

.single-hiking .carousel .owl-item {
    text-align: center;
    overflow: hidden;
}

.single-hiking .summary {
    background: #236996;
    border-radius: 5px;
    color: #fff;
    padding: 25px;
    margin-bottom: 35px;
}

.single-hiking .summary .info-line {
    margin-bottom: 7px;
}

.single-hiking .summary .info-line:last-child {
    margin: 0;
}

.single-hiking .summary .info-line.dates-list .value {
    display: block;
}

.single-hiking .summary .big-price {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #6596b6;
}

.single-hiking .summary .big-price span {
    font-size: 40px;
}

.single-hiking .summary label {
    font-weight: normal;
    color: #8bb5d1;
}

.single-hiking .summary .value {
    display: inline-block;
    font-weight: bold;
}

.single-hiking .summary .rate {
    font-size: 18px;
    font-weight: bold;
    color: #a4db84;
}

.single-hiking .summary .discount {
    font-size: 15px;
}

.dates {
    color: #777777;
    font-size: 15px;
}

.dates p {
    margin: 0;
}

.dates ul li {
    font-weight: bold;
}

.page-content img {
    margin: 0 0 15px;
    max-width: 100%;
    height: auto;
}

.discount {
    display: inline-block;
    margin-top: -5px;
    color: #f04046;
    vertical-align: middle;
}

.order-hike {
    background: #f2f2f2;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding: 10px 20px 0;
}

.order-hike .h3,
.order-hike h3 {
    display: inline-block;
    margin: 0;
    background: #5aa132;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 20px 7px 30px;
    margin-left: -30px;
    margin-bottom: 20px;
    position: relative;
}

.order-hike .h3:before,
.order-hike h3:before {
    bottom: -7px;
    left: 3px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #3d731f;
    border-width: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.order-hike ul {
    padding: 0;
}

.order-hike .vfb-choice {
    font-weight: normal;
    font-size: 14px;
    color: #222222;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.order-hike .vfb-item-checkbox .vfb-span {
    display: block;
}

.order-hike .vfb-item-radio .vfb-span {
    margin-right: 15px;
}

.order-hike.text-notice {
    padding-bottom: 10px;
    margin-bottom: 35px;
}

.overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 550px;
    top: 550px;
    margin-top: -550px;
}

/* #Other pages
================================================ */
.price {
    font-size: 42px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.price_2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #777;
}

.price small {
    font-size: 18px;
    font-weight: 600;
}

.directions ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.directions .dir .meta-info {
    border-top: 1px solid #eeeeee;
    /*padding: 9px 0;*/
    padding: 2px 0 0;
    cursor: pointer;
    position: relative;
    display: block
}

.directions .dir .meta-info:after {
    /*display: block;*/
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #878787 transparent transparent transparent;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
}

.directions .dir .thumb {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.directions .dir .thumb > div {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(238, 238, 238);
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin-top: 3px
}

.directions .dir .thumb img {
    border-radius: 5px;
    display: block;
    margin: 0
}

.directions .dir .thumb img {
    margin: 5px 0;
    display: block
}

.directions .dir .thumb > div img {
    margin: 0
}

.ext-center {
    text-align: center
}

.reset-form {
    text-decoration: none
}

.directions .dir .name {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}

.directions .dir .count {
    width: 15%;
    display: inline-block;
    font-size: 15px;
    color: #5aa132;
    text-align: right
}

.directions .dir.opened .meta-info:after {
    -webkit-transform: rotate(180deg); /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
    -ms-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg); /* IE 10, Fx 16+, Op 12.1+ */
}

.directions .dir.opened .name {
    color: #777777;
}

.directions .hikes {
    background: #f2f2f2;
    padding: 20px;
    display: none;
}

.directions .hike {
    margin-bottom: 10px;
}

.directions .hike:last-child {
    margin: 0;
}

.directions .hike .date {
    font-size: 13px;
    color: #777777;
}

.directions .hike a {
    display: block;
}

table.schedule-table > thead > tr > th {
    background: #236996;
    font-size: 14px;
    color: #fff;
    border-bottom: 0;
    padding: 8px 15px;
    vertical-align: middle;
}

table.schedule-table > tbody > tr:last-child > td {
    border-bottom: 3px solid #eeeeee;
}

table.schedule-table .divider {
    background: #eeeeee;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    text-align: center;
    padding: 20px 8px;
}

table.schedule-table .discount {
    display: block;
    margin: 0;
    font-size: 15px;
}

table.schedule-table .discount span {
    display: block;
    color: #f04046;
    font-weight: bold;
}

/* Filters */
.schedule-filters {
    margin-bottom: 5px;
}

.schedule-filters .f-input {
    width: 16.6%;
    float: left;
    font-size: 14px;
}

.schedule-filters .f-input.wide {
    width: 20%;
}

.schedule-filters .f-input .input-wrap,
.schedule-filters .f-input .styled-select {
    width: auto;
    margin-left: 10px;
}

.schedule-filters .f-input:first-child .input-wrap {
    margin-left: 0;
}

.schedule-filters .f-input .styled-select {
    background-color: #f3f3f3;
}

/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/
/** Drop down select: ex Country select ==================== **/
.styled-select select {
    background: transparent;
    width: 115%;
    padding: 5px;
    padding-left: 15px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 36px;
    margin: 0;
    font-weight: normal;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #999;
}

.styled-select {
    width: 100%;
    overflow: hidden;
    height: 36px;
    background: #fff url(../img/down_arrow_select.png) no-repeat right -10px center;
    border: none;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 15px;
}

.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
}

.styled-select select.style_2 {
    background: transparent;
    width: 115%;
    padding: 5px;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 36px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #999;
}

.styled-select.style_2 {
    width: 100%;
    overflow: hidden;
    height: 36px;
    background: #f3f3f3 url(../img/down_arrow_select.png) no-repeat right center;
    border: none;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 15px;
}

.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
}

.loader {
    margin-left: 5px;
    position: absolute;
}

.error_message {
    color: #F33;
    font-weight: 600;
    margin-bottom: 4px;
}

.::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

input.form-control, textarea.form-control {
    background: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    color: #a0a0a0;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Arial, sans-serif;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    line-height: 1.428571429;
    padding: 6px 12px;
}

input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
    outline: 0;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
    color: #222;
}

input.style_2, textarea.style_2 {
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-appearance: none;
    background-color: #f3f3f3;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #a0a0a0;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 1.428571429;
    padding: 6px 12px;
}

input.style_2:focus, textarea.style_2:focus, select.style_2:focus {
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
    outline: 0;
    color: #222;
}

label {
    font-weight: 600;
}

.input-icon {
    position: absolute;
    right: 9px;
    top: 6px;
    width: 32px;
    height: 24px;
    text-align: right;
    color: #ccc;
    font-size: 16px;
    line-height: 24px;
    text-shadow: none;
}

.form-group {
    position: relative;
}

/** Input slider  **/
.slider-volume {
    width: 95%;
    margin: 0;
    padding: 0;
}

.slider-volume > .dragger {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.6);

    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.5), 0 2px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.5), 0 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.5), 0 2px 5px 2px rgba(0, 0, 0, 0.2);

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    background: #c5c5c5;
    background: -moz-linear-gradient(90deg, rgba(180, 180, 180, 1) 20%, rgba(230, 230, 230, 1) 50%, rgba(180, 180, 180, 1) 80%);
    background: -webkit-radial-gradient(50% 0%, 12% 50%, hsla(0, 0%, 100%, 1) 0%, hsla(0, 0%, 100%, 0) 100%),
    -webkit-radial-gradient(50% 100%, 12% 50%, hsla(0, 0%, 100%, .6) 0%, hsla(0, 0%, 100%, 0) 100%),
    -webkit-radial-gradient(50% 50%, 200% 50%, hsla(0, 0%, 90%, 1) 5%, hsla(0, 0%, 85%, 1) 30%, hsla(0, 0%, 60%, 1) 100%);
}

.slider-volume > .track, .slider-volume > .highlight-track {
    height: 11px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8, #ccc);
    background: -webkit-linear-gradient(top, #f8f8f8, #ccc);
    background: linear-gradient(top, #f8f8f8, #ccc);
    margin-left: -5px;

    -moz-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.10), 0 1px 0px 0px rgba(230, 230, 230, 0.4), inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.10), 0 1px 0px 0px rgba(230, 230, 230, 0.4), inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.10), 0 1px 0px 0px rgba(230, 230, 230, 0.4), inset 0 0 1px 1px rgba(0, 0, 0, 0.2);

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.slider-volume > .highlight-track {
    background-color: #c5c5c5;
    background: -moz-linear-gradient(top, #c5c5c5, #a2a2a2);
    background: -webkit-linear-gradient(top, #c5c5c5, #a2a2a2);
    background: linear-gradient(top, #c5c5c5, #a2a2a2);
}

[class^=slider] {
    display: inline-block;
}

.output {
    font-size: 20px;
    font-weight: 700;
    color: #999;
    display: inline-block;
    margin-top: 5px;
}

.email_newsletter.form-control {
    width: 220px;
    border: none;
    height: 35px;
}

/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/
.pagination > li > a,
.pagination > li > span {
    color: #333;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #5aa132;
    border-color: #5aa132;
}

.hike-tabs-block {
    margin: 40px 0 20px;
}

.hike-tabs {
    margin: 0;
    padding: 0;
    border-bottom: 3px solid #5aa132;
}

.hike-tabs > li {
    display: block;
    width: 20%;
    float: left;
    padding: 0 10px 0 0;
    text-align: center;
}

.hike-tabs > li > a {
    display: block;
    padding: 15px 0;
    color: #fff;
    border: 2px solid #5aa132;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #5aa132;
}

.hike-tabs > li.active {

}

.hike-tabs > li.active > a,
.hike-tabs > li > a:hover {
    color: #236996;
    background: #fff;
    font-weight: bold;
}

.hike-tabs-block .info-block {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.hike-tabs-block .info-block .title {
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    color: #5aa132;
}

.hike-tabs-block .info-block.not_in_price .title {
    color: #ce1b1b;
}

.hike-tabs-block .picture a {
    display: block;
    margin-bottom: 30px;
}

ul.styled {
    padding: 0;
}

ul.styled li {
    position: relative;
    font-size: 14px;
    list-style: none;
    padding-left: 24px;
    margin-bottom: 5px;
}

ul.styled li:before {
    display: inline-block;
    content: "";
    width: 13px;
    height: 10px;
    vertical-align: middle;
    background: url("../img/check_bg.png") no-repeat;
    position: absolute;
    top: 6px;
    left: 0;
}

ul.styled.red li:before {
    background-position: 0 -10px;
}

.rate {
    color: #5aa132;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin-top: -2px;
    cursor: pointer;
}

.add_bottom_15 {
    margin-bottom: 15px;
}

.add_bottom_30 {
    margin-bottom: 30px;
}

.add_bottom_45 {
    margin-bottom: 45px;
}

.add_bottom_60 {
    margin-bottom: 60px;
}

.border {
    border-right: 1px solid #ededed;
}

.breadcrumb {
    background: none;
    padding: 0;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #a1a1a1;
}

.breadcrumb > span > span > * {
    margin: 0 8px;
}

.breadcrumb > span > span > a {
    margin-left: 0;
}

.tp-banner-container {
    margin-bottom: 25px;
    margin-top: 45px;
    position: relative;
    z-index: 10;
}

.share-block {
    padding: 10px 0 20px;
}

/* Visual Form Builder */
.vfb-item {
    position: relative;
    margin-bottom: 15px;
}

.vfb-item textarea, textarea.form-control {
    min-height: 80px;
}

.vfb-item-text .vfb-desc,
.vfb-item-number .vfb-desc,
.vfb-item-email .vfb-desc,
.vfb-item-textarea .vfb-desc {
    font-weight: normal;
    color: #a1a1a1;
    font-size: 14px;
    position: absolute;
    top: 8px;
    left: 12px;
    cursor: text;
}

.vfb-required-asterisk {
    display: none;
}

.vfb-submit {
    margin: 0;
}

.vfb-legend {
    display: none;
}

.vfb-section {
    list-style: none;
    margin: 0;
    padding: 0;
}

input.vfb-error, textarea.vfb-error {
    -moz-box-shadow: 0px 1px 1px rgba(206, 27, 27, 0.9) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(206, 27, 27, 0.9) inset;
    box-shadow: 0px 1px 1px rgba(206, 27, 27, 0.9) inset;
}

label.vfb-error {
    font-weight: normal;
    font-size: 12px;
    color: #ce1b1b;
}

/* Ribbon */
.box_style_1 {
    background: #444;
    padding: 35px 25px 20px 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Ribbon */
.rectangle {
    background: #827b00;
    height: 30px;
    width: 100%;
    position: relative;
    left: -26px;
    top: -10px;
    float: left;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 9; /* the stack order: foreground */
}

.rectangle .h4,
.rectangle h4 {
    color: #fff;
    padding-top: 6px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin: 7px 0 0 15px;
    padding: 0;
}

.triangle-l {
    border-color: transparent #676005 transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0px;
    width: 0px;
    position: relative;
    left: -36px;
    top: 10px;
}

/* Feature Box */
.feature-box {
    clear: both;
}

.feature-box .feature-box-icon {
    border: 3px double #ededed;
    border-radius: 45px;
    color: #827b00;
    display: inline-block;
    float: left;
    height: 45px;
    font-size: 20px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    width: 45px;
}

.feature-box .feature-box-info {
    padding-left: 55px;
}

ul.list_ok {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

ul.list_ok li {
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;
}

ul.list_ok li:before {
    font-family: "fontello";
    content: "\e81a";
    position: absolute;
    left: 0;
    top: 0;
}

hr.dashed {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dashed #eee;
}

hr.rope {
    margin-top: 20px;
    margin-bottom: 30px;
    border: 0;
    background: url(../img/rope.png) repeat-x 0 0;
    height: 8px;
}

hr.rope_2 {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    background: url(../img/rope_2.png) repeat-x 0 0;
    height: 8px;
}

.box-ribbon {
    padding: 20px 15px 0px 15px;
    background: #f2f2f2;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    position: relative;
}

/* carousel*/
.carousel .item {
    margin: 3px;
}

.carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}

/* twitter feed*/
.tweets-next, .tweets-prev {
    display: inline-block;
    font-size: 28px;
    color: #FFF;
    margin-top: 15px;
    border: 1px solid #fff;
    height: 32px;
    widht: 32px;
}

ul.tweet_list {
    margin-left: 0;
    padding-left: 0;
}

.tweets-prev {
    margin-right: 5px;
}

.tweet_avatar {
    float: left;
}

.tweet_time {
    display: block;
    margin-bottom: 5px;
}

.tweet-control {
    margin-bottom: 30px;
}

#waves {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 38px;
    background: url(../img/mountains_1.png) repeat-x 0 0;
    left: 0;
    z-index: 99;
}

/* scroll to top */
#toTop {
    width: 90px;
    background: #fff;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #222;
    font-size: 11px;
    z-index: 999;
    border: 1px solid #ededed;
}

#map_wrapper {
    height: 400px;
}

#map_wrapper_2 {
    height: 260px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.info_content {
    width: 300px;
    height: 150px;
    line-height: 16px;
}

.info_content p {
    margin-bottom: 0;
}

.media.list_1 {
    border-bottom: 1px dashed #ededed;
    padding-bottom: 5px;
}

.media.list_1.last {
    border-bottom: none;
}

.media.list_1 .h3,
.media.list_1 h3 {
    margin-bottom: 15px;
}

.media.list_1 .hike-date {
    font-weight: bold;
    color: #777777;
    margin-bottom: 15px;
}

.media .media-thumb {
    position: relative;
}

.media .media-thumb .small-price {
    min-width: 75px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #5aa132;
    padding: 6px 10px;
    position: absolute;
    top: 20px;
    left: 0px;
}

.media .media-thumb .small-price:before {
    bottom: -7px;
    left: 3px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #3d731f;
    border-width: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.media.list_home {
    margin-bottom: 5px;
}

.media.booking_course {
    margin-bottom: 10px;
}

.media.booking_course p {
    font-size: 12px;
    line-height: 16px;
}

.media.booking_course p {
    font-size: 13px;
    line-height: 16px;
}

.media.booking_course .p-title {
    margin: 0 0 5px 0;
}

.media.hike-plan {

}

ul.list_1 {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
}

ul.list_1 li a {
    text-decoration: none;
    padding: 4px 0 4px 0;
    display: block;
    margin-bottom: 0;
    border-bottom: 1px solid #efefef;
}

ul.list_1 li a:after {
    font-family: "fontello";
    content: "\e89b";
    float: right;
}

.picture {
    position: relative;
}

.magnify {
    background: url(../img/zoom_1.png) no-repeat 10px 10px;
    display: none;
    height: 92%;
    left: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

/** Collapse **/
.panel-title a {
    display: block;
}

/** tabs **/
.tab-content {
    padding-top: 15px;
}

.circ-wrapper i {
    margin: 0;
    padding: 15px 0 0 0;
    font-weight: bold;
    color: #FFF;
    font-size: 36px;
}

.circ-wrapper {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: #0cbdaa;
    color: #FFF;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: rgb(10, 165, 148) 1px 1px,
    rgb(10, 165, 148) 2px 2px,
    rgb(10, 165, 148) 3px 3px,
    rgb(10, 165, 148) 4px 4px,
    rgb(10, 165, 148) 5px 5px,
    rgb(10, 165, 148) 6px 6px,
    rgb(10, 165, 148) 7px 7px,
    rgb(10, 165, 148) 8px 8px,
    rgb(10, 165, 148) 9px 9px,
    rgb(10, 165, 148) 10px 10px,
    rgb(10, 165, 148) 11px 11px,
    rgb(10, 165, 148) 12px 12px,
    rgb(10, 165, 148) 13px 13px,
    rgb(10, 165, 148) 14px 14px,
    rgb(10, 165, 148) 15px 15px,
    rgb(10, 165, 148) 16px 16px,
    rgb(10, 165, 148) 17px 17px,
    rgb(10, 165, 148) 18px 18px,
    rgb(10, 165, 148) 19px 19px,
    rgb(10, 165, 148) 20px 20px,
    rgb(10, 165, 148) 21px 21px,
    rgb(10, 165, 148) 22px 22px,
    rgb(10, 165, 148) 23px 23px,
    rgb(10, 165, 148) 24px 24px,
    rgb(10, 165, 148) 25px 25px,
    rgb(10, 165, 148) 26px 26px,
    rgb(10, 165, 148) 27px 27px,
    rgb(10, 165, 148) 28px 28px,
    rgb(10, 165, 148) 29px 29px,
    rgb(10, 165, 148) 30px 30px,
    rgb(10, 165, 148) 31px 31px,
    rgb(10, 165, 148) 32px 32px,
    rgb(10, 165, 148) 33px 33px,
    rgb(10, 165, 148) 34px 34px,
    rgb(10, 165, 148) 35px 35px,
    rgb(10, 165, 148) 36px 36px,
    rgb(10, 165, 148) 37px 37px,
    rgb(10, 165, 148) 38px 38px,
    rgb(10, 165, 148) 39px 39px,
    rgb(10, 165, 148) 40px 40px,
    rgb(10, 165, 148) 41px 41px,
    rgb(10, 165, 148) 42px 42px,
    rgb(10, 165, 148) 43px 43px,
    rgb(10, 165, 148) 44px 44px,
    rgb(10, 165, 148) 45px 45px,
    rgb(10, 165, 148) 46px 46px,
    rgb(10, 165, 148) 47px 47px,
    rgb(10, 165, 148) 48px 48px,
    rgb(10, 165, 148) 49px 49px,
    rgb(10, 165, 148) 50px 50px,
    rgb(10, 165, 148) 51px 51px,
    rgb(10, 165, 148) 52px 52px,
    rgb(10, 165, 148) 53px 53px,
    rgb(10, 165, 148) 54px 54px,
    rgb(10, 165, 148) 55px 55px,
    rgb(10, 165, 148) 56px 56px,
    rgb(10, 165, 148) 57px 57px,
    rgb(10, 165, 148) 58px 58px,
    rgb(10, 165, 148) 59px 59px,
    rgb(10, 165, 148) 60px 60px,
    rgb(10, 165, 148) 61px 61px,
    rgb(10, 165, 148) 62px 62px,
    rgb(10, 165, 148) 63px 63px,
    rgb(10, 165, 148) 64px 64px,
    rgb(10, 165, 148) 65px 65px,
    rgb(10, 165, 148) 66px 66px,
    rgb(10, 165, 148) 67px 67px,
    rgb(10, 165, 148) 68px 68px,
    rgb(10, 165, 148) 69px 69px,
    rgb(10, 165, 148) 70px 70px,
    rgb(10, 165, 148) 71px 71px,
    rgb(10, 165, 148) 72px 72px,
    rgb(10, 165, 148) 73px 73px,
    rgb(10, 165, 148) 74px 74px,
    rgb(10, 165, 148) 75px 75px,
    rgb(10, 165, 148) 76px 76px,
    rgb(10, 165, 148) 77px 77px,
    rgb(10, 165, 148) 78px 78px,
    rgb(10, 165, 148) 79px 79px,
    rgb(10, 165, 148) 80px 80px,
    rgb(10, 165, 148) 81px 81px,
    rgb(10, 165, 148) 82px 82px,
    rgb(10, 165, 148) 83px 83px,
    rgb(10, 165, 148) 84px 84px,
    rgb(10, 165, 148) 85px 85px,
    rgb(10, 165, 148) 86px 86px;
}

.circ-wrapper.red {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: #f26965;
    color: #FFF;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: rgb(201, 87, 84) 1px 1px,
    rgb(201, 87, 84) 2px 2px,
    rgb(201, 87, 84) 3px 3px,
    rgb(201, 87, 84) 4px 4px,
    rgb(201, 87, 84) 5px 5px,
    rgb(201, 87, 84) 6px 6px,
    rgb(201, 87, 84) 7px 7px,
    rgb(201, 87, 84) 8px 8px,
    rgb(201, 87, 84) 9px 9px,
    rgb(201, 87, 84) 10px 10px,
    rgb(201, 87, 84) 11px 11px,
    rgb(201, 87, 84) 12px 12px,
    rgb(201, 87, 84) 13px 13px,
    rgb(201, 87, 84) 14px 14px,
    rgb(201, 87, 84) 15px 15px,
    rgb(201, 87, 84) 16px 16px,
    rgb(201, 87, 84) 17px 17px,
    rgb(201, 87, 84) 18px 18px,
    rgb(201, 87, 84) 19px 19px,
    rgb(201, 87, 84) 20px 20px,
    rgb(201, 87, 84) 21px 21px,
    rgb(201, 87, 84) 22px 22px,
    rgb(201, 87, 84) 23px 23px,
    rgb(201, 87, 84) 24px 24px,
    rgb(201, 87, 84) 25px 25px,
    rgb(201, 87, 84) 26px 26px,
    rgb(201, 87, 84) 27px 27px,
    rgb(201, 87, 84) 28px 28px,
    rgb(201, 87, 84) 29px 29px,
    rgb(201, 87, 84) 30px 30px,
    rgb(201, 87, 84) 31px 31px,
    rgb(201, 87, 84) 32px 32px,
    rgb(201, 87, 84) 33px 33px,
    rgb(201, 87, 84) 34px 34px,
    rgb(201, 87, 84) 35px 35px,
    rgb(201, 87, 84) 36px 36px,
    rgb(201, 87, 84) 37px 37px,
    rgb(201, 87, 84) 38px 38px,
    rgb(201, 87, 84) 39px 39px,
    rgb(201, 87, 84) 40px 40px,
    rgb(201, 87, 84) 41px 41px,
    rgb(201, 87, 84) 42px 42px,
    rgb(201, 87, 84) 43px 43px,
    rgb(201, 87, 84) 44px 44px,
    rgb(201, 87, 84) 45px 45px,
    rgb(201, 87, 84) 46px 46px,
    rgb(201, 87, 84) 47px 47px,
    rgb(201, 87, 84) 48px 48px,
    rgb(201, 87, 84) 49px 49px,
    rgb(201, 87, 84) 50px 50px,
    rgb(201, 87, 84) 51px 51px,
    rgb(201, 87, 84) 52px 52px,
    rgb(201, 87, 84) 53px 53px,
    rgb(201, 87, 84) 54px 54px,
    rgb(201, 87, 84) 55px 55px,
    rgb(201, 87, 84) 56px 56px,
    rgb(201, 87, 84) 57px 57px,
    rgb(201, 87, 84) 58px 58px,
    rgb(201, 87, 84) 59px 59px,
    rgb(201, 87, 84) 60px 60px,
    rgb(201, 87, 84) 61px 61px,
    rgb(201, 87, 84) 62px 62px,
    rgb(201, 87, 84) 63px 63px,
    rgb(201, 87, 84) 64px 64px,
    rgb(201, 87, 84) 65px 65px,
    rgb(201, 87, 84) 66px 66px,
    rgb(201, 87, 84) 67px 67px,
    rgb(201, 87, 84) 68px 68px,
    rgb(201, 87, 84) 69px 69px,
    rgb(201, 87, 84) 70px 70px,
    rgb(201, 87, 84) 71px 71px,
    rgb(201, 87, 84) 72px 72px,
    rgb(201, 87, 84) 73px 73px,
    rgb(201, 87, 84) 74px 74px,
    rgb(201, 87, 84) 75px 75px,
    rgb(201, 87, 84) 76px 76px,
    rgb(201, 87, 84) 77px 77px,
    rgb(201, 87, 84) 78px 78px,
    rgb(201, 87, 84) 79px 79px,
    rgb(201, 87, 84) 80px 80px,
    rgb(201, 87, 84) 81px 81px,
    rgb(201, 87, 84) 82px 82px,
    rgb(201, 87, 84) 83px 83px,
    rgb(201, 87, 84) 84px 84px,
    rgb(201, 87, 84) 85px 85px,
    rgb(201, 87, 84) 86px 86px;
}

.circ-wrapper.blue {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: #00aeef;
    color: #FFF;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: rgb(0, 139, 192) 1px 1px,
    rgb(0, 139, 192) 2px 2px,
    rgb(0, 139, 192) 3px 3px,
    rgb(0, 139, 192) 4px 4px,
    rgb(0, 139, 192) 5px 5px,
    rgb(0, 139, 192) 6px 6px,
    rgb(0, 139, 192) 7px 7px,
    rgb(0, 139, 192) 8px 8px,
    rgb(0, 139, 192) 9px 9px,
    rgb(0, 139, 192) 10px 10px,
    rgb(0, 139, 192) 11px 11px,
    rgb(0, 139, 192) 12px 12px,
    rgb(0, 139, 192) 13px 13px,
    rgb(0, 139, 192) 14px 14px,
    rgb(0, 139, 192) 15px 15px,
    rgb(0, 139, 192) 16px 16px,
    rgb(0, 139, 192) 17px 17px,
    rgb(0, 139, 192) 18px 18px,
    rgb(0, 139, 192) 19px 19px,
    rgb(0, 139, 192) 20px 20px,
    rgb(0, 139, 192) 21px 21px,
    rgb(0, 139, 192) 22px 22px,
    rgb(0, 139, 192) 23px 23px,
    rgb(0, 139, 192) 24px 24px,
    rgb(0, 139, 192) 25px 25px,
    rgb(0, 139, 192) 26px 26px,
    rgb(0, 139, 192) 27px 27px,
    rgb(0, 139, 192) 28px 28px,
    rgb(0, 139, 192) 29px 29px,
    rgb(0, 139, 192) 30px 30px,
    rgb(0, 139, 192) 31px 31px,
    rgb(0, 139, 192) 32px 32px,
    rgb(0, 139, 192) 33px 33px,
    rgb(0, 139, 192) 34px 34px,
    rgb(0, 139, 192) 35px 35px,
    rgb(0, 139, 192) 36px 36px,
    rgb(0, 139, 192) 37px 37px,
    rgb(0, 139, 192) 38px 38px,
    rgb(0, 139, 192) 39px 39px,
    rgb(0, 139, 192) 40px 40px,
    rgb(0, 139, 192) 41px 41px,
    rgb(0, 139, 192) 42px 42px,
    rgb(0, 139, 192) 43px 43px,
    rgb(0, 139, 192) 44px 44px,
    rgb(0, 139, 192) 45px 45px,
    rgb(0, 139, 192) 46px 46px,
    rgb(0, 139, 192) 47px 47px,
    rgb(0, 139, 192) 48px 48px,
    rgb(0, 139, 192) 49px 49px,
    rgb(0, 139, 192) 50px 50px,
    rgb(0, 139, 192) 51px 51px,
    rgb(0, 139, 192) 52px 52px,
    rgb(0, 139, 192) 53px 53px,
    rgb(0, 139, 192) 54px 54px,
    rgb(0, 139, 192) 55px 55px,
    rgb(0, 139, 192) 56px 56px,
    rgb(0, 139, 192) 57px 57px,
    rgb(0, 139, 192) 58px 58px,
    rgb(0, 139, 192) 59px 59px,
    rgb(0, 139, 192) 60px 60px,
    rgb(0, 139, 192) 61px 61px,
    rgb(0, 139, 192) 62px 62px,
    rgb(0, 139, 192) 63px 63px,
    rgb(0, 139, 192) 64px 64px,
    rgb(0, 139, 192) 65px 65px,
    rgb(0, 139, 192) 66px 66px,
    rgb(0, 139, 192) 67px 67px,
    rgb(0, 139, 192) 68px 68px,
    rgb(0, 139, 192) 69px 69px,
    rgb(0, 139, 192) 70px 70px,
    rgb(0, 139, 192) 71px 71px,
    rgb(0, 139, 192) 72px 72px,
    rgb(0, 139, 192) 73px 73px,
    rgb(0, 139, 192) 74px 74px,
    rgb(0, 139, 192) 75px 75px,
    rgb(0, 139, 192) 76px 76px,
    rgb(0, 139, 192) 77px 77px,
    rgb(0, 139, 192) 78px 78px,
    rgb(0, 139, 192) 79px 79px,
    rgb(0, 139, 192) 80px 80px,
    rgb(0, 139, 192) 81px 81px,
    rgb(0, 139, 192) 82px 82px,
    rgb(0, 139, 192) 83px 83px,
    rgb(0, 139, 192) 84px 84px,
    rgb(0, 139, 192) 85px 85px,
    rgb(0, 139, 192) 86px 86px;
}

.circ-wrapper i.icon-4x {
    font-size: 40px;
}

.video {
    width: 100%;
    height: 350px;
    border: 0;
}

ul.data-lessons {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 15px;
}

ul.data-lessons li {
    display: block;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 15px;
}

ul.data-lessons li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

ul.data-lessons li .more {
    margin: 0 0 0 30px;
    vertical-align: middle;
}

p.no_margin {
    padding: 0;
    margin: 0;
}

hr.no_margin {
    margin-top: 0;
}

a.no_margin_bottom, .no_margin_bottom {
    margin-bottom: 0;
}

/* Retina images */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    a#logo {
        background: url(../img/logo@2x.png) no-repeat 0 0;
        background-size: 122px 26px;
    }

    #waves {
        background: url(../img/mountains_1@2x.png) repeat-x 0 0;
        background-size: 424px 38px;
    }

    #footer_waves {
        background: url(../img/mountains_2@2x.png) repeat-x 0 1px;
        background-size: 424px 37px;
    }

    .box_container a {
        background: #fff url(../img/mountains_3@2x.png) repeat-x left bottom;
        background-size: 424px 38px;
    }

}

/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (min-width: 768px) and (max-width: 1200px) {
    header .phone ul li {
        font-size: 15px;
    }

    header .email,
    header .socials {
        margin-left: 25px;
    }

    .btn_gallery {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    header .phone {
        margin: 0;
    }

    .border {
        border-right: none;
    }

    .btn_gallery {
        display: none;
    }

    .btn-group#gallery_btn_set {
        margin-top: -18px;
    }
}

/* From tablet portrait to mobile */
@media (max-width: 767px) {
    .modal {
        -webkit-overflow-scrolling: touch;
        z-index: 9999;
    }

    header {
        position: relative;
    }

    #slider_home.tp-banner-container {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .tp-banner-container {
        margin-bottom: 20px;
        margin-top: 0;
    }

    #lang {
        margin-top: 0;
        position: absolute;
        top: 10px;
        right: 20px;
        z-index: -1;
    }

    ul#top_nav {
        list-style: none;
        padding: 0;
        margin: 2px 35px 0 0;
        font-size: 12px;
        float: right;
    }

    .border {
        border-right: none;
    }

    .btn_gallery {
        display: none;
    }

    .button_newsletter, a.button_newsletter {
        margin-top: 5px;
    }

    .h1, .h2,
    h1, h2 {
        font-size: 30px;
        line-height: 32px;
    }
}

.sub-menu.display {
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    opacity: 1 !important;
}

.sf-menu li.hover {
    background: #5aa132;
    -webkit-transition: none;
    transition: none;
    color: #fff;
}

/* Mobile portrait */
@media (max-width: 480px) {

    .media.list_1 > .pull-left, .media.list_1 > .pull-right {
        float: none !important;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    #slider_home.tp-banner-container {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .tp-banner-container {
        margin-bottom: 0;
    }

    #lang a.dropdown-toggle {
        color: rgba(0, 0, 0, .5);
    }

    ul.data-lessons li {
        display: block;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        margin-top: 5px;
    }

}

#s {
    border: 0px solid #02909d; /* ������� � ���� ����� */
    color: #000; /* ������ ����� */
    height: 23px; /* ������ ���� */
    width: 155px; /* ������ ����*/
    padding: 0 0 0 5px;
}

#searchsubmit {
    border: 0 none;
    cursor: pointer;
    height: 25px; /* ������ ������ */
    margin: 0 0 0 -10px; /* ����� ������ ������� �� ���� */
    width: 68px;
    background: #236996; /* ���� ���� ������ */
    color: #fff; /* ����� ����� */
    border-radius: 3px;
}

.directions .tab-headers {
    border-bottom: 3px solid #5aa132
}

.directions .tab-headers a {
    display: inline-block;
    border: 2px solid #5aa132;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 40px;
    color: #236996;
    margin-right: 10px;
    padding: 0 15px;
    color: #fff;
    background: #5aa132;
    font-weight: bold
}

.directions .tab-headers a:hover,
.directions .tab-headers a.active {
    color: #236996;
    background: #fff;
}

.directions .tab-headers a.active {
    cursor: default
}

.directions .upd-tabs .tab {
    display: none
}

a.guide:hover {
    color: #6596b6 !important
}

/*OVERWRITE STYLES*/
.hike-tabs > li > a {
    padding: 0;
    line-height: 45px;
    font-weight: 700
}

.lead {
    font-size: 16px
}

.guide-item,
.page-content {
    overflow: hidden
}

.clear {
    clear: both
}

.single-hiking .summary .info-line.dates-list .value {
    font-size: 14px
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    display: block;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 576px) {
    .hike-tabs {
        border-bottom: 0;
    }

    .hike-tabs > li {
        padding: 0;
        border-bottom: 2px solid #5aa132;
        width: 100%;
        margin: 2px 0;
    }

    #rev_slider_1_1 .tp-caption:before {
        z-index: -1;
        content: "";
        position: absolute;
        left: -15px;
        right: -15px;
        top: 0;
        bottom: 0;
        background: #000000;
        opacity: .2;
    }

    #rev_slider_1_1_wrapper .tp-bullets {
        opacity: 1 !important;
    }
}

/**Slider styles*/
.date {
    background-color: rgb(35, 105, 150);
    color: #ffffff;
    padding: 5px 20px;
    display: inline-block;
    font-size: 15px;
    border-radius: 15px;
    line-height: 1;
}

.h-title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    display: block;
    color: #ffffff;
    margin: 15px 0;
    white-space: normal !important;
}

.h-text {
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
}

.h-price {
    display: block;
    color: #ffffff;
    margin: 30px 0;
    font-size: 30px;
    line-height: 1;
}

.h-button {
    padding: 14px 25px !important;
    font-weight: 700;
    font-size: 14px !important;
    text-transform: uppercase;
}

/** MAIN MENU UPDATE **/
.nav-wrap .sf-menu .directions-menu .directions-menu_types li a img {
    margin-left: -.7em;
    margin-right: 10px;
    flex-shrink: 0;
}

.nav-wrap .sf-menu .directions-menu .directions-menu_types li a,
.nav-wrap .sf-menu .directions-menu .directions-menu_dirs li a {
    display: flex;
    align-items: center;
}

.nav-wrap .sf-menu .directions-menu .directions-menu_dirs li a img {
    margin-right: 10px;
    flex-shrink: 0;
}

.directions-menu__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 300px;
}

.directions-menu__all {
    color: #ffffff !important;
    background: #5aa132 !important;
    text-transform: none;
    padding: 0.45em 1.8em !important;
}

.directions-menu__all:hover {
    opacity: .9;
}

.nav-wrap .sf-menu li.wide-submenu .directions-menu__wrap {
    display: none;
}

@media (min-width: 768px) {
    .nav-wrap .sf-menu:after {
        content: "";
        display: block;
        clear: both;
    }

    .nav-wrap .sf-menu .static,
    .nav-wrap .sf-menu li.wide-submenu {
        position: static;
    }

    .nav-wrap .sf-menu .directions-menu li,
    .nav-wrap .sf-menu .directions-menu li a,
    .nav-wrap .sf-menu li.wide-submenu ul li a,
    .nav-wrap .sf-menu li.wide-submenu ul li {
        box-shadow: none;
        min-width: 0;
    }

    .nav-wrap .sf-menu li.wide-submenu ul li {
        flex: 0 0 33%
    }

    .nav-wrap .sf-menu .directions-menu,
    .nav-wrap .sf-menu li.wide-submenu .sub-menu {
        right: -15px;
        left: -15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: rgb(35, 105, 150);
    }

    .nav-wrap .sf-menu .directions-menu {
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    }

    .nav-wrap .sf-menu .directions-menu li:first-of-type {
        flex: 0 0 75%;
        background: #165680;
    }

    .nav-wrap .sf-menu .directions-menu li:last-of-type {
        flex: 0 0 25%;
        background: #18608e;
    }

    .nav-wrap .sf-menu .directions-menu__title {
        font-weight: 500;
        color: #ffffff;
        font-size: 18px;
        padding: 0.9em 1.1em;
        text-transform: none;
        background: transparent !important;
    }

    .nav-wrap .sf-menu .directions-menu__title:after {
        display: none !important;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_dirs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex !important;
        opacity: 1 !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: static;
        background: #165680;
    }

    .nav-wrap .sf-menu .directions-menu li {
        background: rgb(35, 105, 150);
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_dirs li {
        flex: 0 0 50%;
        background: #165680;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_dirs li a:not(:hover) {
        background: transparent;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_types {
        display: block !important;
        position: static;
        opacity: 1 !important;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_types li {
        background: #18608e;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_types li a:not(:hover) {
        background: transparent;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_dirs li a img {
        height: 10px;
        width: auto;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_types li a img {
        height: 15px;
        width: auto;
    }

    .nav-wrap .sf-menu li.wide-submenu > .sub-menu > li > a,
    .nav-wrap .sf-menu .directions-menu .directions-menu_dirs li a,
    .nav-wrap .sf-menu .directions-menu .directions-menu_types li a {
        padding: 0.3em 1.8em;
        font-size: 10px;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_types {
        display: flex !important;
        flex-wrap: wrap;
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_types li {
        flex: 0 0 50%;
    }

    .nav-wrap .sf-menu li.wide-submenu .directions-menu__wrap {
        display: flex;
        justify-content: center;
        background: transparent !important;
        flex: 0 0 100%;
        padding: .2em 0;
    }

    .nav-wrap .sf-menu li.wide-submenu .directions-menu__wrap .directions-menu__all {
        color: #ffffff !important;
        background: #5aa132 !important;
        text-transform: none;
        padding: 0.45em 1.8em !important;
        font-size: 12px;
    }
}

@media (min-width: 992px) {

    .nav-wrap .sf-menu li.wide-submenu ul li {
        flex: 0 0 20%
    }

}

@media (min-width: 1280px) {
    .nav-wrap .sf-menu li.wide-submenu ul li {
        flex: 0 0 16.667%
    }

    .nav-wrap .sf-menu .directions-menu .directions-menu_dirs li {
        flex: 0 0 25%;
    }
}

@media (max-width: 767px) {
    .sf-menu li.unbind .sf-with-ul:after {
        display: none;
    }

    .rev_slider_wrapper .tp-caption {
        max-width: 100% !important;
        max-height: 100% !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 15px !important;
        right: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start;
    }
}