@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700);

* {
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

/*******************************************************************************
** GENERAL STYLE
*******************************************************************************/
body {
    color: #737373;
}

/*html, body {*/
/*    overflow-x: hidden;*/
/*}*/

a {
    outline: 0;
}

a:hover, a:active, a:focus {
    outline: 0;
}

.beride-green {
    color: #3a5d60 !important;
}

.beride-red {
    color: #db0000 !important;
}

.beride-blue {
    color: #2c6d93 !important;
}

.red-background {
    background-color: #db0000 !important;
}

.green-background {
    background-color: #3a5d60 !important;
}

.blue-background {
    background-color: #2c6d93 !important;
}

.white-background {
    background-color: #fff !important;
}

.sub-title {
    font-size: 25px;
}

.sub-title:first-child {
    margin-top: 0;
}

.no-padding-top {
    padding-top: 0 !important;
}

.plural-letter {
    color: #e37372 !important;
}

.title {
    font-size: 55px;
    color: #fff;
    font-weight: 500;
}

.fw-100 {
    font-weight: 100;
}

.visible-vxs {
    display: none;
}

.hidden-vxs {
    display: block
}

.title-right {
    float: right;
}

.open-arrow {
    display: inline-block;
    background-image: url("../images/select-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 8px;
}


.slick-prev {
    left: 25px !important;
    z-index: 999 !important;
}

.weathercontainer .slick-prev {
    left: -26px !important;
}

#top-content {
    /*background-image: url("../images/background_01.png");*/
    background-color: #e1d4b2;
    background-repeat: no-repeat;
/ / background-position: center;
    background-attachment: scroll;
    background-size: cover;
/ / background-size: 100 % 100 %;
}

#top-content .no-carousel {
    height: 458px;
}

#top-content-contact {
    background-image: url("../images/background_01.png");
    background-color: #e1d4b2;
    background-repeat: no-repeat;
/ / background-position: center;
    background-attachment: scroll;
    background-size: cover;
/ / background-size: 100 % 100 %;
}

.dashed-bottom-line {
    margin-top: 30px;
    border-bottom: 1px dashed #737373;
}

.page-school div#float-search-box {
    padding-top: 100px;
}

/*Buttons*/
.button {
    background: url('../images/buttons.png') no-repeat transparent;
    width: 80px;
    height: 48px;
    float: left;
    border: none;
}

.button-ru {
    background-position: -80px 0px;
}

.button-rd {
    background-position: 0px 0px;
}

.button-lu {
    background-position: -240px 0px;
}

.button-ld {
    background-position: -160px 0px;
}

.button-text {
    font-size: 25px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    font-weight: 200;
    float: left;
    height: 48px;
    border: none;
}

.button-text.button-text-green {
    background-color: #3a5d60;
}

.button.button-ru-green {
    background-position: -400px 0;
}

.page-school #top-header {
    height: 100px
}

section.content .container {
    padding: 20px 15px 18px 15px;
}

section.content #static-pages {
    padding: 70px 0px
}

section.content #static-pages > div {
    background-color: #fff;
}

/*Progres bar*/
.progress {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    height: 18px;
    background-color: #f6f5f0;
}

.progress-bar {
    background: #db0000;
    position: relative;
}

.progress-bar:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    border-bottom: 20px solid #f6f5f0;
    border-left: 20px solid #db0000;
    width: 0;
}

/*Modals*/
.modal-content {
    border-radius: 0;
}

.modal-header {
    border-bottom: 0;
    background: #db0000;
    color: #fff;
}

#loginModal .modal-header, #registrationModal .modal-header, #afterRegistrationModal .modal-header {
    background-color: #fff;
    padding: 0px 15px;
}

#loginModal .modal-header button, #registrationModal .modal-header button, #afterRegistrationModal .modal-header button {
    color: #737373;
}

.modal-body {
    padding-top: 40px;
    padding-bottom: 40px
}

#afterRegistrationModal .modal-body {
    padding-top: 20px;
}

.modal-content .close {
    color: #fff;

    font-size: 40px;
    font-weight: 100;
}

.modal-content .close:hover {
    opacity: 1;
}

.modal-title {
    font-size: 30px;
    font-weight: 100;
}

.success-modal .modal-header {
    background: #2c6d93;
}

.success-modal .modal-title {
    font-size: 50px;
    font-weight: 300;
}

.success-modal .success-message {
    font-size: 20px;
    color: #737373
}

body.modal-open {
    overflow: scroll;
    width: 100%;
}

/*Buttons*/
.btn {
    border-radius: 0px;
    border: 0;
    padding: 0 15px;
}

.add-cart {
    padding: 9px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.btn-primary {
    background-color: #db0000;
    font-size: 18px;
    text-transform: uppercase;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary.focus {
    background-color: #A80000; /* DARKENED:20% */
    /*  border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;*/
}

/*Forms*/
.form-control {
    border-radius: 0;
    background-color: #f6f5f0;
    border-color: #f6f5f0;
    box-shadow: none;
    height: auto;
    color: #737373;
}

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

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #737373
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #737373
}

.form-control:-ms-input-placeholder {
    color: #737373
}

.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.input-file + label {
    cursor: pointer; /* "hand" cursor */
}

.input-file:focus + label, .input-file:active + label, .input-file:link + label {
    outline: 0 !important;
    outline: -webkit-focus-ring-color auto 5px;
}

.input-file + label * {
    pointer-events: none;
}

.input-file:focus + label,
.input-file.has-focus + label {
    outline: 0 !important;
    outline: -webkit-focus-ring-color auto 5px;
}

/* STAR RATING start*/
.rating {
    color: #e0dfdb;
    font-size: 30px;
    height: 32px;
}

.rating-small {
    font-size: 20px;
    height: 22px;
}

.rating.rating-small .star-reviews-count {
    font-size: 18px
}

.rating:not(old) {
    display: inline-block;
    /*width          : 7.5em;
    height         : 1.5em;*/
    overflow: hidden;
    vertical-align: top;
}

.rating:not(old) > input {
    display: none;
}

.rating:not(old) > label {
    display: block;
    float: right;
    position: relative;


}

.rating:not(old) > label:before {
    display: block;
    width: 1.2em;
    height: 1.2em;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.rating .checked {
    color: #da0000;
}

/* CSS Magic to Highlight Stars on Hover*/
.rating:not(old) > label:hover:before,
.rating:not(old) > label:hover ~ label:before,
.rating:not(:hover) > :checked ~ label:before {
    color: #da0000;
}

/* STAR RATING end*/

/*Checbox and Radio Button style*/
.checkbox {
    padding-left: 25px;
}

.radio, .checkbox {
    margin-bottom: 15px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 22px;
    left: 0;
    margin-left: -25px;
    border: 1px solid #cccccc;
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 22px;
    left: 0;
    top: 0;
    margin-left: -25px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 13px;
    color: #555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    width: 21px;
    height: 22px;
    cursor: pointer;
    margin-left: -25px;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: 0;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: 0;
    outline: 0px auto -webkit-focus-ring-color;
}

.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 0;
    margin-left: -16.5px;
    margin-top: 7px;
}

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"] + label::before,
.checkbox-primary input[type="radio"] + label::before {
    background-color: #3a5d60;
    border-color: #3a5d60;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #3a5d60;
    border-color: #3a5d60;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.radio {
    padding-left: 25px;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    margin-left: -25px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 15px;
    height: 15px;
    left: 3px;
    top: 3px;
    margin-left: -25px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    width: 21px;
    height: 21px;
    cursor: pointer;
    margin-left: -25px;
}

.radio input[type="radio"]:focus + label::before {
    outline: 0;
    outline: 0px auto -webkit-focus-ring-color;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #3a5d60;
}

.radio-primary input[type="radio"] + label::before {
    border-color: #3a5d60;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #3a5d60;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #3a5d60;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #3a5d60;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after,
.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}

input[type="checkbox"].styled:checked label:after,
input[type="radio"].styled:checked label:after,
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 13px;
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

/*Custom Select*/
.select {
    background: #fafafa url("../../assets/images/select-icon.png") no-repeat 90% 50%;
}

.select select {
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select select:focus {
    outline: none;
}

/*Pagination*/
.pagination {
    margin: 30px 0;
}

.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border: none;
    color: #737373;
    font-size: 22px;

}

.pagination a:hover, .pagination span:hover, .pagination a:focus, .pagination span:focus {
    color: #db0000 !important;
    background: transparent !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #db0000;
    background-color: transparent;
    cursor: default;
    font-weight: bold;
}

.pagination .prev a, .pagination .next a {
    color: transparent;
    background-image: url('../images/pagination.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    margin: 15px 12px;
    width: 8px;
    height: 16px;
    padding: 0;
}

.pagination .prev a:hover, .pagination .next a:hover {
    color: transparent !important;
    background-image: url('../images/pagination.png') !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    width: 8px;
    height: 16px;
    padding: 0;
}

.pagination .next a, .pagination .next a:hover {
    background-position: -10px 0px !important;
}

/*Tabs*/
.nav-tabs-custom.nav-tabs li {
    background-image: none;
    background-color: #d0ccb1;
    padding-right: 10px;
    margin-bottom: 0;
    height: 47px;
    line-height: 47px;
}

.nav-tabs-custom.nav-tabs li:not(:first-child).active:before {
    display: none;
}

.nav-tabs-custom.nav-tabs li:last-child {
    background: #d0ccb1;
}

.nav-tabs-custom.nav-tabs li.active {
    background-image: none;
    background-color: #3a5d60;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}


.nav-tabs-custom.nav-tabs li.active a {
    color: #fff;
    font-size: 28px;
}

.nav-tabs-custom.nav-tabs li a {
    background-color: transparent;
    border: none;
    color: #3a5d60;
    height: 47px;
    line-height: 47px;
    padding: 0;
    font-size: 26px;
    text-align: left;
    padding-left: 10px;
}

.nav-tabs-custom.nav-tabs li a:hover, .nav-tabs-custom.nav-tabs li.active a, .nav-tabs-custom.nav-tabs li.active a:hover, .nav-tabs-custom.nav-tabs li.active a:focus {
    background-color: transparent;
    border: none;
}

.nav-tabs-custom.nav-tabs li:last-child.active {
    background-image: none;
    padding-right: 10px;
}


.profile-navtabs {
    width: 25%;
}

.profile-navtabs a {
    font-size: 22px !important;
}

/*******************************************************************************
** HEADER
*******************************************************************************/

#top-header {
    background-color: #faf9f5;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

.social_links {
    float: left;
    padding: 40px 0px;
}

.menu_links {
    float: right;
    padding: 40px 0px;
}

.social-icon {
    background: url('../images/social_icons.png') no-repeat;
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 5px;
    background-size: auto 100%;
}

.social-facebook {
    background-position: 0px 0px;
}

.social-twitter {
    background-position: -42px 0px;
}

.social-google {
    background-position: -86px 0px;
}

.social-instagram {
    background-position: -128px 0px;
}

.menu-icon {
    background: url('../images/menu_icons.png') no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
    background-size: auto 100%;
    position: relative;
}

.user-icon {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
    background-size: auto 100%;
    position: relative;
}

.menu-icon .open-arrow {
    display: none;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
}

.menu-lock {
    background-position: -8px 0px;
}

.menu-add {
    background-position: -52px 0px;
}

/*.menu-help{background-position:-95px 0px;}*/
.menu-search {
    background-position: -118px 0px;
}

div#header {
    position: relative
}

div#header .social_links li, div#header .menu_links li {
    list-style: none;
    float: left
}

div#header .logo {
    margin-top: 20px;
}

div#header .logo a img {
    background-color: #fff;
    border-radius: 50px;
    max-width: 100%;
}

#cart {
    background: #000;
    color: #fff;
    max-height: 48px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

#cart.open {
    background: #000;
    color: #fff;
    max-height: 700px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

#cart .cart-header {
    line-height: 48px;
    font-size: 24px;
    font-family: "Yanone Kaffeesatz", sans-serif;

}

#cart .items {
/ / max-height: 300 px;
/ / overflow-x: hidden;
/ / overflow-y: scroll;
/ / margin-bottom: 10 px;
}

#cart .title {
    line-height: 48px;
    font-size: 24px;
    font-family: "Yanone Kaffeesatz", sans-serif;
    border-bottom: 1px solid #ffffff;
    border-top: 0px transparent;
    border-left: 0px transparent;
    border-right: 0px transparent;
    border-style: dashed;
    font-weight: 300;
}

#cart .title-cart {
    line-height: 48px;
    font-size: 24px;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-weight: 300;
}

#cart .service_program {
    margin-top: 2px;
    font-size: 18px;
}

#cart .item_title {
    line-height: 48px;
    font-size: 24px;
    font-family: "Yanone Kaffeesatz", sans-serif;
}

#cart .cart-content .school_price {
    padding: 0;
    display: block;
    width: auto;
    color: #fff;
}

#cart .title span {
    color: #fff;
}

#cart .item-title span.cart-right {
    float: right;
}

#cart .item-title {
    font-size: 20px;
}

#cart.open .cart-content {
    padding-top: 10px;
    padding-bottom: 20px;
}

#cart .cart-content .close {
    display: none;
}

#cart.open .cart-content .close {
    display: block;
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    opacity: 1;
    background-color: #db0000;
    padding: 4px 16px;
}

#cart.open .cart-content .close:hover {
    opacity: 1;
}

#cart .cart_totals .button-text {
    background-color: #db0000;
}

#cart .cart_totals .button {
    width: 80px;
}

#cart .cart_totals {
    max-width: 390px;
}

#cart .cart_totals .button-ru {
    background-position: -320px 0;
}

#cart .cart_item div.service_item {
    width: 100%;
}

#cart .cart_item div.service_program {
    margin-left: 0;
    padding-left: 15px;
}

#cart .cart_item .remove_item {
    width: auto;
}

#cart .cart_item .reserve_data {
    width: 100%;
}

#cart .cart_item .remove_item span.decrease {
    color: #fff;
    background: transparent;
    font-size: 18px;
}

#cookie {
    background: #333333;
    color: #fff;
    min-height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1234;
}

#cookie .cookie-content {
    line-height: 80px;
    font-size: 18px;
    font-family: "Yanone Kaffeesatz", sans-serif;
}

#cookie .cookie-content .row {
    text-align: center;
}

#cookie .cookie-content a {
    font-size: 20px;
    color: #fff;
}

#cookie .cookie-content a.ok-button {
    font-size: 24px;
}

#cookie .cookie-content .borders {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(grey), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to center, grey, rgba(0, 0, 0, 0)) 1 100%;
}

/*******************************************************************************
** FOOTER
*******************************************************************************/

section.site-footer .footer-left {
    border-right: 1px solid #b0bcbe
}

section.site-footer {
    background-color: #1c3337;
    color: #b0bcbe;
    font-weight: 200;
    padding: 20px 0px;
    z-index: 9997
}

/*section.site-footer .container{padding: 20px 0px;}*/
section.site-footer h3 {
    font-weight: 300;
    font-size: 30px
}

section.site-footer ul {
    padding-left: 0px
}

section.site-footer ul li {
    color: #b0bcbe;
    list-style: none;
}

section.site-footer ul li a {
    color: #b0bcbe;
    text-decoration: none;
}

section.site-footer ul.social_links li {
    float: left
}

/*section.site-footer .footer-left img {*/
/*    line-height: 200px;*/
/*    vertical-align: middle;*/
/*    float: right;*/
/*    padding-top: 10%;*/
/*    padding-right: 50px;*/
/*}*/

/*******************************************************************************
** HOMEPAGE
*******************************************************************************/
/*.col-md-offset-1-5{
    margin-left: 10.495%;
}*/
.col-md-offset-0-4 {
    margin-left: 3.5%;
}

#top-content {
    /*background-image: url("../images/background_01.jpg");*/
    min-height: 835px;
}

.homepage div#float-search-box {
    padding-top: 105px
}

.partner-request div#float-search-box {
    margin: 0 auto 25px;
    padding-top: 0;
    height: 600px;
    width: 900px;
}

.typeahead {
    z-index: 1051;
}

.search-box-block {
    width: 100%;
    position: relative
}

#search-box-block {
    width: 100%;
    background: #fff;
    height: 85px;
}

#location-box-block {
    background: #fff;
    height: 85px;
}

.sel-activity {
    border: medium none;
    float: left;
    font-size: 30px;
    font-weight: 200;
    height: 85px;
    line-height: 50px;
    /*opacity: 0.7;*/
    width: calc(100% - 45px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sel-activity::-ms-expand {
    display: none;
}

.autocomplete {
    border: medium none;
    float: left;
    font-size: 40px;
    font-weight: 200;
    height: 85px;
    line-height: 40px;
    background: transparent;
    /*opacity: 0.7;*/
    width: calc(100% - 35px);
}

.search-arrow, .lbl-sel-activity, .lbl-autocomplete {
    background: url('../images/content_top_icons.png') no-repeat;
}

.lbl-sel-activity {
    /*background-color: #fff;*/
    background-position: -71px 20px;
    float: left;
    height: 85px;
    /* opacity: 0.7;*/
    width: 35px;
}

.lbl-autocomplete {
    /*background-color: #fff;*/
    background-position: -35px 20px;
    float: left;
    height: 85px;
    /*opacity: 0.7;*/
    width: 35px;
}

.search-arrow {
    position: absolute;
    background-position: 0px 10px;
    top: 15px;
    right: 15px;
    height: 85px;
    opacity: 0.7;
    width: 40px;
}

.btnSubmit {
    width: 100%;
    font-size: 40px;
    height: 85px;
    padding-bottom: 0px;
    background-color: #ff0000;
    border: none;
    color: #fff;
}

.recomandations-list {
    list-style: none
}

.recomandations-list li {
    padding: 0px 3px 0px 3px
}

.title-right.recomended {
    font-size: 40px;
    line-height: 70px;
    color: #fff;
    font-weight: 100
}

.recomandation-block {
    background: #fff;
    text-align: center;
    border-bottom: 10px solid #3a5d61;
    min-height: 300px;
}

.recomandation-block .recomandation-location {
    float: left;
    height: 10px;
    position: relative;
    width: 100%;
}

.recomandation-block .recomandation-location-icon {
    background: url('../images/content_top_icons.png') no-repeat;
    width: 25px;
    height: 35px;
    background-position: -116px 0px;
    position: absolute;
    top: -22px;
    left: 48%;
}

.recomandation-block img {
    width: 100%;
}

.recomandation-block .recomandation-title {
    font-size: 25px;
    font-weight: bold;
    color: #3c5f63;
    margin: 0 8px 0 8px;
    border-bottom: 1px dashed #d8dfe0;
    padding-bottom: 25px;
    padding-top: 30px;
}

.recomandation-block .recomandation-description {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 3px 8px 0 8px;
    /*border-top: 1px dashed #d8dfe0;
    padding-bottom: 20px; */
    padding-top: 20px;
}

.button {
    background: url('../images/buttons.png') no-repeat transparent;
    width: 78px;
    height: 48px;
    float: left;
}

.button-instructor {
    background: url('../images/buttons.png') no-repeat transparent;
    width: 163px;
    height: 48px;
    float: left;
    background-position: -563px 0px
}

.button-ru {
    background-position: -80px 0px;
}

.button-rd {
    background-position: 0px 0px;
}

.button-lu {
    background-position: -241px 0px;
}

.button-ld {
    background-position: -160px 0px;
}

.button-text {
    font-size: 25px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    font-weight: 200;
    float: left;
    height: 48px;
}

.user-profile-info .button-text {
    font-size: 22px;
    padding: 8px 20px;
}

.steps h2.title {
    font-size: 50px
}

.steps {
    color: #fff
}

.steps h2 {
    margin-top: 0px;
    margin-bottom: 0px
}

.steps p {
    color: #fff;
    font-size: 18px;
    font-weight: 200
}

@media (max-width: 992px) {
    .step-content {
        background: rgba(0, 0, 0, .4);
        padding: 10px;
        margin-bottom: 10px;
    }
}

section.profile .container {
    padding-top: 70px;
    padding-bottom: 100px;
}

/*******************************************************************************
** SCHOOL PAGE
*******************************************************************************/

.page-school #top-content {
    background-image: url("../images/schools_bg.jpg");
}

.school_box, .spot_box {
    background: #fff;
}

.school_box h2 {
    color: #3c5f63;
    font-size: 60px;
    font-weight: 300;
}

.spot_box h2 {
    color: #3c5f63;
    font-size: 60px;
    font-weight: 300;
}

.spot-add-school {
    margin-top: 10%;
}


.school_box .school_contact {
    background: #db0000 url("../images/content_top_icons.png") no-repeat scroll -115px -12px;
    color: #fff;
    float: right;
    margin-bottom: 20px;
    padding-left: 40px;
    width: 120px;
    margin-top: 3px;
}

.schoolTotalFavs {
/ / float: right;
    margin-bottom: 20px;
    padding-left: 40px;
/ / width: 120 px
}

.spot_box img {
    margin-top: 44px;
}

.spot_box .spot_contact {
    background: #db0000 url("../images/content_top_icons.png") no-repeat scroll -115px -12px;
    color: #fff;
    float: right;
    margin-bottom: 20px;
    padding-left: 40px;
    width: 120px;
}

.carousel-instructor.left {
    background-image: url("../images/slider_nav.png");
}

.carousel-instructor.right {
    background-image: url("../images/slider_nav.png");
}

.carousel-control.down {
    margin-top: 96%;
    margin-left: 55%;
    background-image: url("../images/slider_nav_1.png");
    background-position: 0px -20px;
    background-repeat: no-repeat;
    height: 20px;
    opacity: 1;
    width: 20px;
    z-index: 999;
}

.carousel-control.up {
    margin-top: 194%;
    margin-left: 55%;
    background-image: url("../images/slider_nav_1.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 20px;
    opacity: 1;
    width: 20px;
    z-index: 999;
}

.down-accom {
    background-image: url(../images/slider_nav_1.png);
    background-position: 0px -20px;
    background-repeat: no-repeat;
    height: 22px;
    opacity: 1;
    z-index: 999;
    width: 22px;
    float: right;
}

.up-accom {
    background-image: url("../images/slider_nav_1.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 20px;
    opacity: 1;
    z-index: 999;
    width: 22px;
    float: right;
}

.carousel-indicators {
    display: none;
}

.activList {
    padding-left: 0px;
}

.activDetails {
    padding-right: 30px;
}

.daterangepicker td.start-date {
    background: #FF0000 !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #FF0000 !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}

.daterangepicker td.in-range {
    background-color: #FFCCCC !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    color: #FFFFFF !important;
}

.daterangepicker .prev {
    position: relative !important;
    background-position: center !important;
}

.daterangepicker .next {
    position: relative !important;
    background-position: center !important;
}

.applyBtn {
    background-color: #db0000 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
}

.applyBtn:hover {
    background-color: #a80000 !important;
}

.cancelBtn {
    font-size: 18px !important;
    text-transform: uppercase !important;
    width: 97%;
}

.daterangepicker td.end-date {
    background: #FF0000 !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}

.daterangepicker td.today {
    background: #000000 !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}

/**
 * RESPONSIVE DATERANGEPICKER
 */

@media (max-width: 600px) {
    /* ==== NEWS MQ ==== */
    .my-news-Carousel .slick-slide img {
        margin-left: 20%;
    }

    /* ==== /NEWS MQ ==== */
    .range_inputs br {
        display: none !important;
    }

    .cancelBtn {
        width: inherit;
    }
}

/*TEAM TAB*/

#team {
    padding: 10px;
}

.team-person {
    margin-bottom: 30px;
}

.team-name {
    margin-left: -4.5%;
}

.team-person .team-person-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}

.team-person .team-person-tags {
    font-size: 18px;
}

.team-person .team-person-tags ul {
    margin-bottom: 0;
}

.team-person .team-person-description {
    font-size: 18px;
}

.team-person:last-child .dashed-bottom-line {
    display: none;
}

.team-person .img-circle {
    width: 110px;
    height: 110px;
}

.pagination-page {
    text-align: center;
}

.pagination-page ul li {
    list-style-type: none;
    display: inline;
    margin: 0 10px;
}

.pagination-page ul li span.bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #a8a9aa;
    border-radius: 100px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.pagination-page ul li.active span.bullet {
    background: #6c6c6c;
}

.pagination-page ul li a,
.pagination-page ul li span {
/ / visibility: hidden;
}

.spot_details .pagination-page ul li:first-child, .spot_details .pagination-page ul li:last-child {
    display: none;
}

.pagination-page ul li span.bullet:hover {
    -webkit-transition: .3s;
    transition: .3s;
    border-color: white;
    background: white;
}

/*******************************************************************************
** SEARCH
*******************************************************************************/

.page-search-results #float-search-box {
    padding-top: 0;
}

.page-search-results #top-content, .spot_homepage #top-content {
    background-size: 100%;
    background-position: top center;
}

.search-results-container {
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 80px;
    color: #737373;
}

.search-results-container .search-results .clear-all {
    font-size: 24px;
}

/*Search filters*/
.widget-filter-title {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px;
}

.widget-filter-title .red-background {
    margin-right: 5px;
    display: inline-block;
    height: 22px;
    width: 10px;
    vertical-align: bottom;
}

.widget-filter-content {
    padding-left: 15px;
}

.widget-filter label {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
}

.widget-filter .clear-all {
    font-size: 20px
}

.search-filters .navbar-default {
    background: transparent;
    border: 0;
}

.search-filters .navbar-collapse {
    padding: 0;
}

.search-filters .navbar-header {
    height: auto;
    background: #fff;
}

.search-filters .navbar-brand {
    height: auto;

}

.search-filters .navbar-nav {
    margin: 0
}

.search-filters .navbar-brand h2 {
    margin: 0;
    font-size: 36px;
}

.search-filters .navbar-toggle {
    margin-top: 18px;
    border-radius: 0;
}

.search-filters .navbar-default .icon-bar {
    background-color: #fff;
}

/*Search results*/
.search-results {
    padding: 0 15px;
}

.search-results .rating {
    color: #737373;
    display: block;
    margin-bottom: 10px;
}

.article-container {
    margin-top: 30px;

}

.article-container:last-child .dashed-bottom-line {
    display: none;
}

/*Title*/
.article-title {
    margin-top: 10px;
    font-weight: bold;
    font-size: 27px;
    word-break: break-all;
}

.fav-title {
    margin-top: 17%;
    font-weight: bold;
    font-size: 27px;
}

.article-content {
    font-size: 20px;
    margin-bottom: 10px;
    max-height: 165px;
    overflow: hidden;
}

.article-footer {

}

.article-footer .view-offers-available {
    font-size: 20px;
    text-transform: uppercase;
}

.article-container .dashed-bottom-line {
    margin-top: 30px;
}

/*******************************************************************************
** CART & CHECKOUT
*******************************************************************************/
.checkout #top-content {
    background-image: none;
}


/*Cart Review*/
.cart-review {
    margin-bottom: 100px;
    background: #3a5d60;
    padding-bottom: 30px;
}

.cart-review-content {
    padding: 30px 15px;;
}

.cart-promo {
    margin-bottom: 100px;
    background: #3a5d60;
}

.cart-promo-content {
    padding: 30px 15px;
}

.cart-review-header {
    padding: 30px 15px;
}

.cart-review-header .title {
    margin: 0;
}

.cart-review .cart-item .remove-item a {
    color: #db0000;
    text-decoration: none;
}

.cart-review .checkout-noitems {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    font-size: 20px;
    color: #FFFFFF;
}

#cardData {
    display: none;
}

/*Cart Item*/
.cart-item {
    color: #a6bbbd;
    margin-bottom: 40px;
}

.cart-item:last-child {
    margin-bottom: 0;
}

.cart-item .dashed-bottom-line {
    border-color: #a6bbbd;
    margin-top: 10px;
}

.cart-item-title {
    color: #fff;
    margin-top: 0;
}

.cart-item-title a {
    color: #fff;
    margin-top: 0;
}

/*Item Row*/
.cart-item-row {
    font-size: 18px;
    margin-top: 20px;
}

.cart-item-row-qty {
    margin-right: 10px;
    width: 100%;
    margin-bottom: 5px;
}

.cart-item-row-product {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 10px;
}

.cart-item-row .cart-item-date {
    float: left;
    font-size: 14px;
    margin-left: 7px;
    text-transform: uppercase;
    margin-top: 3%;
}

.cart-item-row .instructor-role {
    float: left;
    font-size: 14px;
    margin-left: 7px;
    text-transform: uppercase;
}

.cart-item-date-accommodation {
    float: left;
    font-size: 14px;
    margin-left: 7px;
    text-transform: uppercase;
    margin-top: 5%;
    width: 70%;
}

.instructor-info {
    margin-right: 10px;
}

.intructor-image {
    width: 70px;
    height: 70px;
    margin-top: 3%;
}

.summary-image {
    max-width: 55px;
    margin-top: -5px;
}

.instructor-name {
    font-size: 22px;
    line-height: 26px;
}

.instructor-description {
    margin-top: 10%;
}

.item-row-total {
    color: #fff;
}

.item-row-total .price {
    margin-right: 10px;
}

.item-row-total .delete {
    color: #a6bbbd;
    font-weight: bold;
}

/*Total*/
.cart-review-totals {
    background: #000;
}

.cart-review-totals .button-ru {
    background-position: -320px 0
}

.cart-review-totals .button-text {
    padding: 5px 25px 0 15px;
}

.cart-review-totals .button-text:hover {
    color: #000;
}

.cart-review-totals .total {
    font-size: 30px;
    color: #fff;
    padding-right: 15px;
}

.checkout .cart-review-totals {
    background: transparent;
    padding: 0 30px;
}

.checkout .cart-total {
    padding-left: 15px;
    font-size: 30px;
    color: #fff;
}

.checkout .cart-promo-content span {
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.checkout .cart-promo-content .promo-title {
    text-align: center;
    margin-bottom: 15px;
}

.checkout .cart-review {
    margin-bottom: 0px;
}

/*Success Modal*/

/*Sidebar */
.sidebar-checkout {
    background: #fff;
    padding-top: 20px;
    margin-bottom: 50px;
}

.checkout-form {
    padding: 20px 5px;
    font-size: 22px;
    color: #737373;
}

.checkout-form legend {
    border-bottom: 0;
    font-size: 24px;
}

.checkout-form label {
    color: #737373;
    font-weight: normal;
    line-height: 21px;
}

.promo-form {
    font-size: 22px;
    color: #737373;
}

.promo-form label {
    color: #737373;
    font-weight: normal;
    line-height: 21px;
}

.checkout .cart-promo-content button {
    margin-top: 5px;
}

.sidebar-checkout .cart_totals {
    background: #000;
    position: relative;
}

.sidebar-checkout .total {
    color: #fff;
    margin-right: 5px;
}

.sidebar-checkout .button-text {
    background-color: #3a5d60;
    padding: 10px 0px 10px 5px;
    font-size: 18px;
}

.sidebar-checkout .button-ru {
    background-position: -400px 0;
}

.loadingCheckout {
    background: url("../images/gif-load.gif") no-repeat right;
    width: 110px;
    display: none;
}

/*school accommodations*/
.add_cart {
    padding: 4px;
    margin-top: 1px !important;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    margin-top: 20px !important;
}

.show_accom {
    margin-bottom: -78px !important;
}

.searchButton {
    margin: 10px 0px 10px 0px;
}

.error-input {
    border: 1px solid #db0000;
}

.clearBth {
    clear: both;
}

.no-margin {
    margin: 0;
}

.accommContainer {
    padding: 10px 0px 10px 0px;
}

.accomName {
    font-size: 22px;
    font-weight: bold;
}

.indivRoom .form-control {
    font-size: 15px;
}

.indivRoom .no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.accommContainer .roomsContainer {
    display: none;
}

.roomsContainer {
    background-color: #F2F2F2;
}

#error_accommodations {
    display: none;
    color: #db0000;
}

#error_addons {
    display: none;
    color: #db0000;
}

#error_packages {
    display: none;
    color: #db0000;
}

.calendar_field {
    width: 100%;
    max-width: 47%;
    float: left;
    margin: 0 5px;
}

.accommContainer .accommImage {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.accommContainer .accomName {
    margin: 0px;
}

.accommContainer .btn-primary {
    margin: 2px 0;
}

.accommContainer .btn-primary.first {
    margin-top: 25px;
}

.accommContainer .roomImage {
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 10px;
}

.accommContainer, .indivRoom h4 {
    margin: 20px 0;
}

.accommContainer, .indivRoom .room-numbers {
    margin: 13px 0;
}

.add_rooms {
    background-color: #ffffff;
}

.accommContainer, .indivRoom .btn-primary {
    margin: 10px 0 25px 0;
}

.accommContainer .roomsContainer .indivRoom {
    padding-top: 25px;
    margin-top: 20px;
}

/*.accommContainer .roomsContainer form:nth-child(2n+1) {background: #f9f9f9;}*/
/*school addons*/
.addonsContainer .btn-primary {
    margin: 2px 0;
}

.addonsContainer .btn-primary.first {
    margin-top: 25px;
}

.addonsContainer .addonMainImage {
    width: 100%;
    height: 100%;
    max-height: 200px;
    float: left;
    /*margin-right: 10px;*/
}

.addonsContainer, .indivAddon h4 {
    margin-top: 5px;
}


.addonsContainer, .indivAddon .addon-numbers {
    margin: 10px 0;
    height: 27px;
}

.addonsContainer, .indivAddon .btn-primary {
    margin: 10px 0 25px 0;
}

.addonsContainer .indivAddon {
    padding-top: 25px;
}

/*.addonsContainer form:nth-child(2n+1) {background: #f9f9f9;}*/
#addons-modal .modal-dialog, #course-details-modal .modal-dialog {
    width: 70%;
}

#addons-modal #name h2, #package-details-modal #name h2, #course-details-modal #name h2 {
    margin-top: 0px;
}

#course-details-modal .image_course_modal {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

#addons-modal .addonMainImage, #course-details-modal .courseImage, #package-details-modal .packageImage {
    max-width: 100%;
    margin-bottom: 15px;
}

#course-details-modal .modal-details {
    min-height: 50px;
    margin: 5px 0;
}

#course-details-modal .name_course_modal {
    font-size: 24px;
    color: #ffffff;
    font-family: 'Yanone Kaffeesatz';
}


#course-details-modal #image_instructor .modal-details .name_course_modal,
#course-details-modal #image_activity .modal-details .name_course_modal {
    padding-top: 10px;
}

#course-details-modal #image_activity > .row {
    margin: 5px 0;
}

#course-details-modal .name_instructor_modal {
    font-size: 24px;
    color: #a3a3a3;
    font-family: 'Yanone Kaffeesatz';
    display: inline;
    float: left;
    margin-left: 10px;
}

#course-details-modal #image_activity > .row p {
    margin-top: 15px;
}

.addonsContainer .indivAddon #price-mobile {
    display: none;
}

.indivAddon button.details {
    /*margin: 20px 0 25px;*/
    margin: 0px;
    width: 100%;
}

#addons .cancelBooking .status-cancelled {
    color: #db0000
}

/* school packages*/
.count_course {
    font-size: 20px;
    margin-top: -3%;
}

.duration_course {
    margin-top: -3%;
}

.packageContainer {
    margin: 20px 0px 20px 0px;
    position: relative;
    padding-left: 0px;
}

.dateDisp {
    color: #db0000;
}

.packDetailsContainer {
    display: none;
}

.addToCartCont {
    margin-bottom: -21px;
    margin-top: -20px;
    background-color: #929292;
    padding: 33px 0px 10px 0px;
}

.package-image img {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

.package-image h2 {
    margin: 30px 0;
}

.course-button {
    margin-top: -2%;
}

.showPackDetails {
    margin: 25px -4px;
}

.packageAccommodation {
    background-color: #F2F2F2;
}

.packageCourses {
    background-color: #F2F2F2;
}

.packCourseContainer img {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
}

.packCourseContainer h4 {
    padding: 0px;
}

.packAccommodationContainer img {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
}

.packAccommodationContainer .btn-primary {
    margin: 5px -14px;
}

.cart-review-content .packageImage,
.cart-review-content .accommodationImage {
    width: 70px;
    height: 70px;
    margin-top: -10px;
}

.cartTitle button {
    margin-left: auto;
    margin-right: auto;
    cursor: auto;
    display: block;
}

.accommodation-container {
    background: #fff;
    padding: 20px;
}

.accommodation-container p {
    font-size: 20px;
    color: #a3a3a3;
}

.accommodation-container li {
    font-size: 20px;
    color: #a3a3a3;
}

.accommodation-container .roomsContainer .indivRoom {
    margin: 15px 0;
    padding-top: 15px;
}

.accommodation-container .roomsContainer .indivRoom img {
    height: 70px;
    width: 70px;
}

.accommodation-container .roomsContainer .indivRoom:nth-child(2n) {
    background: #f9f9f9;
}

.accommodation-right-container {
    background: #3a5d60;
    padding: 20px;
    color: #fff;
}

.accommodation-schools {
    font-size: 22px;
    border-bottom: 1px dashed #b0bcbe;
}

.accommodation-schools button {
    float: right;
}

#rooms-modal .modal-dialog {
    width: 70%;
}

#rooms-modal #image {
    text-align: center;
    min-height: 150px;
    margin-bottom: 15px;
}

#rooms-modal .roomImage {
    max-width: 100%;
}

#rooms-modal #aditional_images img {
    margin-bottom: 15px;
}

.border_packages {
    border: none;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    text-align: left;
    width: 100%;
    clear: both;
}

.border_accommodations {
    border: none;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    text-align: left;
    width: 100%;
    clear: both;
}

.border_events_packages {
    border: none;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    text-align: left;
    width: 100%;
    clear: both;
}

.border_events_packages:last-child {
    background-color: #fff;
    color: #fff;
    clear: both;
}

.events_trigger {
    display: none;
}

/*******************************************************************************
** USER
*******************************************************************************/

/*Registration and Login*/
.registration-modal .form-control, .login-modal .form-control {
    background-color: #e1d4b2;
}


.registration-modal, .login-modal, #afterRegistrationModal {
    position: absolute;
    right: 0px;
    top: 70px;
    bottom: auto;
    left: auto;
}

.register-facebook, .register-google, .register-user, #afterRegistrationModal {
    border: 0;
    height: 45px;
    line-height: 45px;
    display: block;
    width: 100%;
    margin-top: 15px;
    text-align: right;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    padding-left: 60px;
    padding-right: 15px;
    font-weight: 300;
}

#afterRegistrationModal {
    height: 450px;
    color: #3a5d60;
}

#afterRegistrationModal .request div {
    color: #3a5d60;
    text-align: center;
}

#afterRegistrationModal .request div.title {
    font-size: 20px;
}

.register-facebook {
    background-color: #2a80b9;
    background-image: url("../images/facebook.png");
    background-repeat: no-repeat;
    background-position: left center;;
}

.register-google {
    background-color: #e84c3d;
    background-image: url("../images/google+.png");
    background-repeat: no-repeat;
    background-position: left center;;
}

/*Courses History*/
.user-profile-info {
    position: relative;
    margin-bottom: 10px;
    padding: 20px;
    background-image: url("../images/courses history_background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
    height: 200px;
}

.user-profile-info .button-lu {
    background-position: -480px 0;
}

.user-profile-info .user-image {
    border: 4px solid #fff;
    width: 125px;
    height: 125px;
    margin-top: 20px;
}

.user-profile-info .back-line {
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
}

.user-profile #top-content {
    background-image: none;
    z-index: 9997
}

.user-profile #float-search-box {
    margin-bottom: 70px;
}

.courses-tabs {
    background: #fff;
    padding: 30px;
}

.courses-tabs .pagination {
    margin: 0;
}

.course-article {
    margin-bottom: 25px;
}

.course-article .dashed-bottom-line {
    margin-top: 20px;
}

.course-article:last-child .dashed-bottom-line {
    display: none;
}

.course-article .course-title, .course-article .intructor-name {
    font-size: 24px;
    margin-bottom: 0;
}

.course-date-time, .course-article .instructor-role {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.course-school {
    font-size: 20px;
    margin-top: -10%;
}


.course-description {
    font-size: 20px;
    margin-bottom: 0;
}

.course-price {
    display: block;

}

.course-price.right {
    float: right;
}

#pending-course .row {
    position: relative;
}

#pending-course .cancelBooking {
    text-align: right;
}

#addons .cancelBooking {
    text-align: right;
    margin-right: 0;
    margin-top: 0;
}

.cancelBooking {
    text-align: right;
}

/*.cancelAccommBooking{ text-align: right; margin-right: 51%;}*/
#pending-course .course-school h2 {
    margin-top: 0px;
}

#completed-course .course-school h2 {
    margin-top: 0px;
}

#completed-course .course-description p {
    font-size: 20px;
}

#completed-course .course-description li {
    font-size: 20px;
}

#pending-course .course-description p {
    font-size: 20px;
}

#pending-course .course-description li {
    font-size: 20px;
}


.course-price .price {
    text-align: center;
    display: block;
    vertical-align: middle;
    background: #f6f5f0;
    font-size: 22px;
    font-weight: 600;
}

/*User Profile Form*/

.user-profile-form {
    padding: 40px 0;
}

#profile_image_btn {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.user-profile-info .fileinput-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    margin-bottom: 0;
    left: 150px;
    margin-top: 0px;
}

.user-profile-form label {
    font-size: 23px;
    font-weight: 400;
}

.user-profile-form .form-control {
    font-size: 20px;
}

.user-name-input {
    font-size: 26px !important;
}

.edit-bar .save {
    width: 70%;
    padding-left: 8.33333333%;
}

.edit-bar .save .button {
    margin-right: -1px;
}

.edit-bar .cancel {
    width: 30%;
    background: #000;
    padding-right: 8.33333333%;
}

.edit-bar .button-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
}

.edit-bar .cancel .button-text {
    text-align: right;
}

.BGimage {
    width: 100%;
    height: 800px;
}

.BGimage .content {
    position: absolute;
    text-align: center;
    top: 362px;
    width: 100%;
}

.BGimage .content .first-content {
    background: url("../images/404v2.png") no-repeat;
    width: 375px;
    height: 225px;
    margin: 0 auto;
}

.BGimage .content .fourth-content {
    font-size: 24px;
    color: #fefefe;
    font-family: 'Yanone Kaffeesatz';
    margin-top: 30px;
    text-shadow: 1px 1px #000000;

}

.BGimage .content .fourth-content a {
    background: #dc0000;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
    text-shadow: 0px 0px transparent;
}

#review-form .error {
    color: #db0000;
}

/*User Profile*/
.public-profile-nodata {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-left: 15px;
}

.user-profile-info .fileinput-wrap {
    top: 55%;
    margin-top: -7px;
}

.user-profile-form .error {
    color: #db0000;
    font-size: 18px;
}

.user-public-profile #top-content {
    background-image: url("../images/schools_bg.jpg");
}

.user-public-profile section.content .container {
    padding-top: 70px;
}

.user-public-profile #float-search-box {
    padding-bottom: 70px;
}

.user-public-profile .user-profile-info {
    margin-bottom: 0;
}

.user-public-profile .user-profile-info .user-image {
    /*max-width: 80px;*/
}

.user-public-profile #float-search-box {
    font-size: 20px;
}

.user-public-profile-name {
    position: absolute;
    top: 50%;
    left: 145px;
    margin-top: -10px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    max-width: 240px;
}

.user-public-profile-name.two-rows {
    margin-top: -22px;
}

.user-public-profile-content {
    padding: 20px;
}

.user-public-profile-content h3 {
    margin-top: 0;
}

.user-public-activities {
    color: #b0bcbe;
    padding: 20px;
}

.user-public-activities ul {
    margin-bottom: 30px;
}

.user-public-activities ul li {
    border-bottom: 1px dashed #b0bcbe;
    font-size: 22px;
    padding-left: 25px;
}

.user-public-activities h3 {
    margin-top: 0;
    margin-left: 15px;
}

.user-public-activities ul li:first-child {
    border-top: 1px dashed #b0bcbe;
}

.userImgCont {
    width: 180px;
    margin-left: 15px;
}

.user-public-profile .button-text a {
    color: #FFFFFF;
}

.user-public-profile .activityLnk {
    color: #FFFFFF;
}

/*reset password*/
.reset-password #top-content {
    background-image: url("../images/background_01.jpg");
    height: 868px;
}

.reset-password #top-content .email-label {
    font-size: 23px;
}

.reset-password .white-background {
    margin-top: 80px;
    padding-top: 15px;
}

.reset-password form .form-group {
    padding: 0 15px;
}

.center-link {
    display: block;
    text-align: center;
    margin-top: 5px;
}

/*Contact Page*/
.contact-field {
    background: #fff;
    opacity: 0.7;
    font-size: 40px;
    font-weight: 200;
    line-height: 40px;
}

.contact_button {
    font-size: 25px;
    padding-bottom: 4px;
    backgroud-color: #ff0000;
    text-transform: lowercase;
    width: 40%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.style {
    height: 65px;
    font-size: 30px;
    font-weight: 200;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.style-select {
    height: 65px;
    font-size: 30px;
    font-weight: 200;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../images/content_arrow_icon.png") right center;
    background-position-x: right;
    background-position: right center;
    background-repeat: no-repeat;
}

.desc-style {
    font-size: 30px;
    font-weight: 200;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#contact-title {
    color: #fff;
    font-weight: 200;
    font-size: 40px;
    text-align: center;
}

#scrollbar1 {
    position: relative;
    margin-top: 10px;
}

#scrollbar1 .viewport {
    height: 265px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

#scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding-right: 30px;
    width: 100%;
}

#scrollbar1 .scrollbar {
    background: transparent url("../images/bg-scrollbar-track-y-2.png") no-repeat 0 0;
    position: absolute;
    background-position: 0 0;
    right: 30px;
    top: 0;
    width: 2px;
}

#scrollbar1 .track {
    /*background:transparent url("../images/bg-scrollbar-trackend-y.png") no-repeat 0 100%;
    height:100%;
    width:13px;
    position:relative;
    padding:0 1px;*/
}

#scrollbar1 .thumb {
    background: transparent url("../images/bg-scrollbar-thumb-y.png") no-repeat 50% 100%;
    height: 20px;
    width: 20px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1;
}

#scrollbar1 .thumb .end {
    /*background:transparent url("../images/bg-scrollbar-thumb-y.png") no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:25px;*/
}

#scrollbar1 .disable {
    display: none;
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

/*******************************************************************************
** RESPONSIVE
*******************************************************************************/
@media (min-width: 320px) {
    input#fakeInput {
        width: 79%;
    }

    .modal-content .responsiveRecaptcha {
        transform: scale(0.82);
        transform-origin: 0 0;
    }

    .school_box img {
        margin: 20px 0px 0px 30px;
    }


}

@media (max-width: 902px) {
    .homepage #top-content {
        background-size: cover;
    }
}

@media (max-width: 479px) {

    /*.counterCart{
        font-size: 10px !important;
        height: 20px !important;
        padding: 0% !important;
        width: 20px !important;
        margin-top: 0% !important;
    }
    .social-icon, .menu-icon{height:21px;width:21px}*/
    .site-footer .social-icon {
        width: 20px;
    }

    .social-facebook {
        background-position: 0px 0px;
        background-size: 97px 20px;
    }

    .social-twitter {
        background-position: -25px 0px;
        background-size: 97px 20px;
    }

    .social-google {
        background-position: -51px 0px;
        background-size: 97px 20px;
    }

    .social-instagram {
        background-position: -76px 0px;
        background-size: 97px 20px;
    }

    /*.menu-lock{background-position:-5px 0px;background-size: 107px 20px;}*/
    .menu-add {
        background-position: -31px 0px;
        background-size: 107px 20px;
    }

    /*.menu-help{background-position:-57px 0px;background-size: 108px 20px;}
    .menu-search{background-position:-82px 0px;background-size: 108px 20px;}*/
    #header .info-phone-icon, #header .info-email-icon {
        background-size: 21px;
    }

    section.site-footer .select_footer {
        margin-left: 5%;
    }
}

#static-pages table tr td p {
    padding: 0 20px;
}

@media (max-width: 480px) {
    #static-pages table tr td p {
        padding: 0 10px;
    }

    #reviews-BestWorst h3 {
        font-size: 16px
    }

    .footer-right .footer_articles h3, .footer-right .footer_articles p {
        text-align: center
    }

    .sel-activity, .autocomplete {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .homepage div#float-search-box {
        padding-top: 100px;
    }

    /*section.site-footer .footer-container{width:100%}*/
    .school_box .school_logo, .school_box .school_name {
        text-align: center
    }

    .nav-tabs > li {
        float: none;
    }

    .spot_menu.nav-tabs > li.active, .school_menu.nav-tabs > li.active {
        /*background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;*/
        padding-right: 81px;
        width: 100%;
    }

    .spot_menu.nav-tabs > li, .school_menu.nav-tabs > li {
        /*background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;*/
        width: 100%;
    }

    .spot_menu.nav-tabs > li.active:before, .school_menu.nav-tabs > li.active:before {
        background: none !important;
        content: "";
    }

    .spot_menu.nav-tabs li:last-child.active, .school_menu.nav-tabs li:last-child.active {
        width: 100%;
        padding-right: 0px !important;
    }

    .cart_totals > div {
        float: left;
        width: 100%;
        text-align: center;
    }

    .cart_totals > div.checkout {
        margin: 0 auto;
        width: 250px;
        float: none;
    }

    .cart_totals > div .button-text {
        font-size: 20px;
        padding-top: 10px;
    }

    .sidebar-checkout .cart_totals > div.checkout {
        width: 100%;
    }

    .sidebar-checkout .cart_totals > div .button-text {
        width: 100%;

    }

    .sidebar-checkout .total {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    /*Course History*/
    /*.user-profile-info .user-image {
        max-width: 120px;
    }

    .user-profile-info .fileinput-wrap {
        left: 135px;
    }*/
    .user-profile-info .user-image {
        margin-top: 52px;
        margin-left: -15px;
        height: 110px !important;
        width: 110px !important;
    }

    .user-public-profile .user-profile-info .user-image {
        margin-left: -5px;
    }

    .user-profile-info .back-line .pull-right a,
    .user-profile-info .back-line .pull-right span {
        margin-top: 48px;
    }

    .user-profile-info .red-background {
        height: 96px;
    }

    .user-profile-info .fileinput-wrap {
        height: 40px;
        width: 100px;
        left: 100%;
        padding-left: 0px;
        margin-top: -18px;

    }

    .user-profile-info .back-line .button-text {
        padding: 5px;
    }

    .BGimage {
        background-position: 0 -235px !important;
        height: 370px;
    }

    .BGimage .content {
        top: 146px;
    }

    .BGimage .content .first-content {
        background: url("../images/404mobile.png") no-repeat;
        width: 283px;
        height: 200px;
    }

    .BGimage .content .fourth-content {
        font-size: 23px;
    }

    .edit-bar .save {
        padding-left: 2.333% !important;
    }

    .user-public-profile-name {
        left: 130px !important;
        margin-top: -20px !important;
        max-width: 100% !important;
    }

    .apps-firstContentText .apps_mobileIcons {
        margin-left: 0px;
    }

    body.apps .apps-firstContentText {
        padding-top: 40px !important;
    }

    .spot_menu.nav-tabs li, .school_menu.nav-tabs li {
        width: 15%;
        min-width: 0px;
    }

    /* Landing Partner Page */
    body.partner-request .topDivText {
        padding-top: 0;
    }

    body.partner-request #topFeature {
        height: 500px;
    }

    body.partner-request .lpStepTitle {
        font-size: 45px;
    }

    body.partner-request .lpTitle {
        font-size: 65px;
    }

    .lpListItem {
        font-size: 19px;
    }

    .topTextSmall {
        font-size: 30px;
    }

    body.partner-request .middleTexth3 {
        font-size: 33px;
    }

    body.partner-request .middleTexth1 {
        font-size: 56px;
    }

    body.partner-request .register-landingpartner {
        width: 50%;
        height: 55px;
        font-size: 35px;
    }

    body.partner-request #step1-landingpartner {
        height: 410px;
        text-align: center;
        background-position: -600px;
    }

    body.partner-request #step2-landingpartner {
        height: 420px;
        text-align: center;
        background-position: -910px;
    }

    body.partner-request #step3-landingpartner {
        height: 420px;
        text-align: center;
        background-position: -200px;
    }

    .responsiveRecaptcha > div:first-of-type {
        width: 250px !important;
    }

    /* Instructors Landing Page */
    body.instructors #step1-instructorsPage {
        background-position: -600px center;
        height: 410px;
        text-align: center;
    }

    body.instructors #step2-instructorsPage {
        background-position: -910px center;
        height: 420px;
        text-align: center;
    }

    body.instructors #step3-instructorsPage {
        background-position: -200px center;
        height: 420px;
        text-align: center;
    }

    body.instructors .lpStepTitle {
        font-size: 45px;
    }

    body.instructors .middleTexth3 {
        font-size: 33px;
    }

    body.instructors .middleTexth1 {
        font-size: 56px;
    }

    .with-cookie-message {
        margin-top: 75px !important;
    }

    .footer-container .footerImages {
        width: 85px;
    }

    #services .service_item_description {
        margin-bottom: 85px !important;
    }

    #school_box .spot-flag {
        margin: 30px 0px 15px 20px;
    }

    section#top-content .title {
        font-size: 7.5vw;
    }

    section#top-content span.subtitle {
        font-size: 4.5vw;
        margin-bottom: 5px;
    }

    section#top-content .black-mobile-color {
        color: #0c0c0c !important;
    }

    section#top-content #sel-location,
    section#top-content #location-box-block,
    section#top-content #search-box-block,
    section#top-content #sel-activity,
    section#top-content #select-date-container,
    section#top-content #sel-date-input,
    section#top-content #select-type-container,
    section#top-content #sel-type,
    section#top-content .btnSubmit {
        height: 50px !important;
    }
}

@media (max-width: 785px) {
    .title-right.recomended {
        margin-right: 0px !important;
    }
}

@media (max-width: 500px) {
    .team-name {
        margin-left: -4% !important;
    }
}

@media (max-width: 767px) {
    div#header .logo {
        margin-top: 10px;
    }

    /*div#header .logo img{height:60px !important;}*/
    .team-name {
        margin-left: -2%;
    }

    section.newsletter {
        padding: 0px 10px 0px 10px;
    }

    section.newsletter #newsletter_email {
        width: calc(100% - 65px);
        height: 60px;
        margin-bottom: 17px;
        font-size: 34px;
        float: left;
    }

    section.newsletter .lbl-email {
        width: 60px;
        height: 60px;
        background-position: 13px 14px;
        float: left;
    }

    section.newsletter .btnNewsletter {
        float: left;
        width: 50%;
        height: 55px;
        margin-left: 25%;
        margin-right: 25%;
        font-size: 30px;
    }

    section.newsletter .newsletter-content {
        font-size: 20px;
        margin-top: -17px;
        margin-bottom: 15px;

    }

    section.newsletter .title-newsletter {
        margin: -20px 0px 0px 0px;
        font-size: 27px;
    }

    section.newsletter .alert_danger {
        width: 100%;
    }

    section.site-footer .footer_apps_div {
        width: 84%;
        margin-left: 8%;
    }


}

.downloadTicket {
    margin-top: 5px;
}

}

@media (max-width: 768px) {

    .slick-prev {
        left: 25px !important;
        z-index: 999 !important;
    }

    #resetRatingFilters {
        float: right;
        width: 100%;
    }

    #rooms-modal .modal-dialog {
        width: 97% !important;
    }

    #addons-modal .modal-dialog {
        width: 97% !important;
    }

    #course-details-modal .modal-dialog {
        width: 97% !important;
    }

    #addons .cancelBooking {
        text-align: center !important;
        margin-top: 0 !important;
        text-align: left !important;
    }

    .user-profile .cancelBooking {
        text-align: center !important;
    }

    .user-profile .cancelBooking {
        text-align: center !important;
        margin: 0 0 0 0;
    }

    .cancelAccommBooking {
        text-align: center !important;
        margin: 0 0 0 0;
    }

    .course-price.right {
        float: none;
        margin: 10px 0;
    }

    .profile-navtabs {
        width: 100%;
    }

    .course-school {
        margin-top: -5%;
    }

    #addons .cancelBooking {
        margin-top: 5px !important;
    }

    .checkout .cart-promo-content button {
        display: block;
        margin: 15px auto 0;
    }

    .userImgCont {
        margin-left: -15px;
    }

    .user-public-profile .two-rows-mobile {
        max-width: 30%;
        margin-top: -20px;
        left: 135px;
    }

    /* Landing Apps Page */
    body.apps .apps-firstContentText {
        padding-top: 100px;
    }

    body.apps .apps-secondText {
        padding-top: 0px;
    }

    body.apps p#secondDivP.apps-secondText {
        padding-top: 15px;
    }

    .mobileMargin {
        margin-bottom: 50px;
    }

    body.apps #apps-fifthContent .desc-style {
        height: 200px;
    }
}

/* min-width: 480px and max-width: 768px */
@media (min-width: 480px) and (max-width: 767px) {
    /*.social_links, .menu_links{padding: 15px 0px;}*/
    .content .videoContainer {
        top: 120px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .footer-right .footer_articles h3, .footer-right .footer_articles p {
        text-align: center
    }

    .sel-activity, .autocomplete {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .homepage div#float-search-box {
        padding-top: 100px;
    }

    /*.user-icon{width: 36px; height: 35px;}*/
    .social-facebook {
        background-position: 0px 0px;
    }

    .social-twitter {
        background-position: -42px 0px;
    }

    .social-google {
        background-position: -85px 0px;
    }

    .social-instagram {
        background-position: -128px 0px;
    }


    .menu-lock {
        background-position: -8px 0px;
    }

    .menu-add {
        background-position: -52px 0px;
    }

    /*.menu-help{background-position:-95px 0px;}
    .menu-search{background-position:-137px 0px;}
    /*section.site-footer .footer-container{width:100%}*/
    .school_box .school_logo, .school_box .school_name {
        text-align: center
    }

    .carousel-inner .item img {
        width: 100%;
    }

    .nav-tabs > li {
        float: none;
    }

    .spot_menu.nav-tabs > li.active, .school_menu.nav-tabs > li.active {
        /*background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;*/
        padding-right: 81px;
        width: 100%;
    }

    .spot_menu.nav-tabs > li, .school_menu.nav-tabs > li {
        /*background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;*/
        width: 100%;
    }

    .spot_menu.nav-tabs > li.active:before, .school_menu.nav-tabs > li.active:before {
        background: none !important;
        content: "";
    }

    .spot_menu.nav-tabs li:last-child.active, .school_menu.nav-tabs li:last-child.active {
        width: 100%;
    }


}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
    .footer-right {
        border-left: none !important;
    }

    .sel-activity, .autocomplete {
        margin-bottom: 5px;
    }

    .homepage div#float-search-box {
        padding-top: 100px;
    }

    .school_box .school_logo, .school_box .school_name {
        text-align: center
    }

    .carousel-inner .item img {
        width: 100%;
    }

    .cancelBooking {
        margin-top: -9.1%
    }

    .cancelAccommBooking {
        margin-right: 49%
    }

    .course-button {
        margin: 0 0 0 0;
    }

    .actItemInstructor {
        width: 50%;
        float: left;
    }

    .actItemInstructor .name_instructor_modal {
        font-size: 20px !important
    }

    .sel-location {
        width: 95%;
    }
}


/* Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
    .cart-item-row-qty {
        width: auto;
        margin-bottom: 0
    }

    .cart-item-row-product {
        width: 38%;
        margin-bottom: 0
    }

    .cart-item-product {
        width: 34%;
        margin-bottom: 0
    }

    .cart-review-totals .button-text {
        padding: 5px 75px 0 15px;
    }

    div.course-button .showPackDetails {
        margin: 14px 0px;
    }

    div.course-button .showAccomDetails {
        margin: 14px 0px;
    }

    .with-both-cookie-msg {
        margin-top: 160px;
    }

    .footer-container .footerImages {
        width: 120px;
        padding-bottom: 10px;
        /* margin-right: 10%; */
    }

    #header .info-phone-icon, #header .info-email-icon {
        width: 35px;
        height: 37px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #reviews, #info, #team {
        padding: 30px 40px;
    }

    .reviews-progress {
        font-size: 22px
    }

    .form-control {
        font-size: 22px;
    }

    /*Search Results*/
    .search-results {
        padding: 0 30px 0 0;
    }

    .article-container .article-title {
        float: left;
        margin-top: 0;
    }

    .article-container .rating {
        float: right;
    }

    /*Cart review*/
    .cart-review-header {
        padding: 30px 55px;
    }

    .cart-review-content {
        padding: 30px 55px;
    }

    .cart-review-totals .button-text {
        padding: 5px 75px 0 55px;
    }

    .cart-review-totals .total {
        padding-right: 55px;
    }

    .checkout .cart-total {
        padding-left: 55px
    }

    .cart-item-row {
        font-size: 22px;
    }

    .instructor-name {
        font-size: 26px;
    }

    .cart-item-row-qty, .cart-item-row-product, .instructor-info, .intructor-image {
        margin-right: 20px;
    }

    .checkout .cart-review {
        margin-bottom: 15px;
    }

    .sidebar-checkout .total {
        margin-right: 10px
    }

    /*Moldals*/
    .modal-sm {
        width: 360px;
    }

    .modal-sm .modal-body {
        padding: 50px 50px;
    }

    /*Nav Bar*/
    .nav-tabs-custom.nav-tabs li {
        background: #d0ccb1 url("../images/tabs.png") no-repeat scroll right center;
        padding-right: 55px;
    }

    .nav-tabs-custom.nav-tabs li.active {
        background-image: url("../images/tab_active.png");
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 81px;
    }

    .nav-tabs-custom.nav-tabs li:last-child.active {
        background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;
        padding-right: 81px;
    }

    .nav-tabs-custom.nav-tabs li:not(:first-child).active:before {
        background: #3a5d60 url("../images/tabs_before_active.png") no-repeat scroll right center;
        content: "";
        height: 47px;
        left: -55px;
        position: absolute;
        top: 0;
        width: 55px;
        display: block;
    }

    /*Course History*/
    .course-price {
        display: table;

    }

    .course-price .price {
        display: table-cell;
    }

    .course-article .course-title, .course-article .intructor-name {
        margin-top: 0;
    }

    .user-profile-info {
        padding: 20px 0;
    }

    .edit-bar .button-text {
        font-size: 25px;
    }

    .edit-bar .save {
        width: 60%;
    }

    .edit-bar .cancel {
        width: 40%;
    }

    input#fakeInput {
        width: 80%;
    }

    .with-both-cookie-msg {
        margin-top: 120px;
    }

    .recomandations-list {
        padding: 0px 0px;
    }

    #package-details-modal #packageSlots {
        width: 12%;
    }

    #searchResultsPackages .package-description {
        min-height: 140px;
    }

    #searchResultsPackages .icons_container {
        margin-top: -25px;
    }

    .totalBksContainer {
        text-align: right;
    }

    .school_box img {
        margin: 20px 0px 15px 30px;
    }

    #top-header {
        height: 80px;
    }

    /*******************************************************************************
    ** NEW HEADER STYLE - Sergiu Turus
    *******************************************************************************/
    section#top-header .header_partner_text {
        font-size: 24px;
    }

    /*******************************************************************************
    ** END OF NEW HEADER STYLE - Sergiu Turus
    *******************************************************************************/
}

.schoolLiner img {
    width: 252px;
    float: left;
}

.schoolLiner .content {
    width: calc(100% - 267px);
    float: left;
    margin-left: 15px;
}

.cmtop {
    margin-top: 25px !important;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*Course History*/
    .course-price .price {
        font-size: 26px;
    }

    .search-results-container .search-results .article-container .school-thumbnail {
        text-align: center;
    }

    .search-results-container .search-results .article-container .school-thumbnail a {
        display: inline-block;
    }

    .slick-prev {
        left: 0px !important;
    }

    .small_border {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .content .cityDescriptionDiv {
        padding-top: 35px;
    }

    .menu_links #loginLnk {
        margin-left: 15px;
    }

    #addons-modal #description {
        padding-bottom: 140px;
    }

    .footer-container .microsoftAppDiv, .footer-container .devicesAppDiv {
        text-align: center;
    }


    #services .modal-larger {
        width: 70%;
    }

    .social_links .headerFirstLi {
        padding-right: 20px;
    }

    .social_links .headerText {
        font-size: 15px;
        padding-top: 5px;
    }

    section.newsletter .alert_danger {
        height: 60px;
        line-height: 60px;
    }

    /*******************************************************************************
    ** HOMEPAGE SEARCH INPUT - Sergiu Turus
    *******************************************************************************/
    section#top-content .input-align-right {
        padding-right: 0px;
    }

    section#top-content .input-align-left {
        padding-left: 5px;
    }

    /*******************************************************************************
    ** END OF HOMEPAGE SEARCH INPUT - Sergiu Turus
    *******************************************************************************/

}

@media (max-width: 1284px) {
    .accomm-price {
        margin-right: 0% !important;
        margin-top: 0% !important;
    }

    .cmtop {
        margin-top: 5px !important;
    }
}

@media (min-width: 991px) and (max-width: 1284px) {
    .fav_icon {
        margin-top: 0%;
        margin-left: -5%;
    }

    .not_fav_icon {
        margin-top: 0%;
        margin-left: -5%;
    }
}

@media (max-width: 991px) {
    section.newsletter .alert_danger {
        height: 20px;
        margin-bottom: -20px;
    }

    section.site-footer .copyright-footer {
        padding-top: 30px;
        text-align: center;
    }

    section.site-footer .paypal {
        text-align: center;
        margin-top: 10px;
    }


    .socialIcons {
        margin-top: 0% !important;
    }

    .packageCourses {
        top: -10px;
    }

    .course-button {
        margin-left: 65% !important;
        margin-top: -20%;
    }

    .events_trigger {
        margin-top: 3%;
    }

    .packageAccommodation {
        margin-top: -30px !important;
    }

    .accom-button {
        margin-left: 65% !important;
        margin-top: -4% !important;
    }

    .add-cart {
        margin-left: 0% !important;
        margin-top: 1% !important;
    }

    .show_accom {
        margin-bottom: 0px !important;
    }

    .carousel-control.down {
        margin-top: 0%;
        margin-left: 97%
    }

    .carousel-control.up {
        margin-top: -3%;
        margin-left: 97%
    }

    .schoolLiner img {
        float: none;
    }

    .schoolLiner .content {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

@media (max-width: 320px) {
    #cookie .cookie-content {
        line-height: 13px !important;
    }

    #cookie .cookie-content a {
        line-height: 18px !important;
    }

    .with-cookie-message {
        margin-top: 60px !important;
    }
}

@media (max-width: 1285px) {
    .school_dash {
        left: 23% !important;
    }

    #cookie .cookie-content {
        font-size: 15px;
    }

}

@media (max-width: 992px) {
    .container .favorites-border.noborder.border-responsive {
        border: none
    }

    .school_dash {
        display: none;
    }

    .indivDetails {
        border: none !important;
    }

    .spot_details .indivDetails {
        margin-top: 5px;
    }

    .allActWrp h2 {
        margin-top: 15px !important;
    }

    .calendar_field {
        max-width: 100%;
    }

    .accommContainer .accommImage {
        float: none;
    }

    .accommContainer .accomName, .accommContainer .btn-primary {
        margin: 0;
    }

    .accommContainer, .indivRoom h4 {
        padding: 0 0 22px;
    }

    .package-image img {
        float: none;
    }

    .package-image h2 {
        margin: 0;
    }

    #recomandations .recomandations-list {
        padding-left: 0;
    }

    .find-fun {
        padding-top: 15px;
    }

    #float-search-box {
        margin-left: -13px;
        margin-right: -12px;
    }

    .addonsContainer .indivAddon .col-md-3 {
        text-align: center;
    }

    .addonsContainer .indivAddon #price-mobile {
        display: block;
    }

    .addonsContainer, .indivAddon .addon-numbers {
        margin: 15px 0;
    }

    .col-md-offset-0-4 {
        margin-left: 0.333%;
    }

    .col-md-offset-1-5 {
        margin-left: 0.333%;
    }

    .count_course {
        margin-top: 0%;
    }

    .printTicket .pull-right,
    .cancelBooking .pull-right {
        float: none !important;
    }

    .reviewBooking .pull-left {
        float: none !important;
    }

    .printTicket {
        padding: 1%;
        text-align: center !important;
    }

    .user-profile .reviewBooking {
        text-align: center;
        padding: 1%;
    }

    .partner-request div#float-search-box {
        width: 100%;
    }

    .allActWrp {
        padding-top: 0px !important;
    }

    #cookie .cookie-content {
        line-height: 20px;
    }

    #cookie .cookie-content a {
        line-height: 40px;
    }

    #cookie .cookie-content .borders {
        border-left-width: 0;
    }

    .apps-thirdDiv {
        text-align: center;
    }

    body.apps div.apps-thirdDiv {
        padding: 55px 0px 0px 0px;
    }

    #cart.open {
    / / top: 0 !important;
        max-height: 100% !important;
        overflow-y: auto;
        top: 0;
    }

    #cart .items {
        max-height: 100%;
    }

    #scrollbar1 .viewport {
        position: static !important;
        height: 100% !important;
        overflow: visible;
    }

    #scrollbar1 .overview {
        position: static !important;
        padding-right: 0;
    }

    #scrollbar1 .scrollbar {
        display: none;
    }

    #cart.open .cart-content {
        padding-bottom: 40px;
    }

    .cmtop {
        margin-top: 20px !important;
    }

    .content .backgroundCity .cityDescriptionText {
        font-size: 20px;
    }

    .menu_links #loginLnk {
        margin-left: 5px;
    }

    .addonsContainer .cartDiv {
        padding-left: 0px;
    }

    .service_item_header {
        margin-top: 15px;
    }

    #services .modal-larger {
        width: 95%;
    }

    .extraRowAlign {
        margin-bottom: 10px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1285px) {

    .school_menu.nav-tabs li:last-child.active {
        width: 280px;
    }

    .school_menu.nav-tabs li.active {
        width: 280px;
    }

    .spot_menu.nav-tabs li:last-child.active {
        width: 280px;
    }

    .spot_menu.nav-tabs li.active {
        width: 280px;
    }

    .sidebar-checkout .checkout {
        max-width: 320px;
    }

    .sidebar-checkout .button-text {
        font-size: 24px;
        padding: 5px 10px 5px 20px;

    }

    .checkout-form {
        padding: 30px 20px;
    }

    /*Course History*/
    .course-price .price {
        font-size: 28px;
    }

    .recomandation-block img {
        height: 204px;
    }

    div.course-button .showAccomDetails {
        margin: 14px -14px;
    }

    #searchResultsPackages .package-description {
        min-height: 200px;
    }

    .notIncludedAccText {
        padding-top: 23px;
    }

    .social_links .headerFirstLi {
        padding-right: 30px;
    }

    .social_links .headerText {
        font-size: 20px;
        padding-top: 2px;
    }
}

/*#school_slider{
    margin-bottom: 50px;
}*/
.school_box {
    background: #dfe7f2;
    opacity: 0.9;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.school_box h2 {
    color: #3c5f63;
    font-size: 48px;
    font-weight: 300;
    margin-top: 30px;
}


.school_box .school_contact {
    background: #db0000 url("../images/content_top_icons.png") no-repeat scroll -115px -12px;
    color: #fff;
    float: left;
    margin-bottom: 20px;
    padding-left: 40px;
    width: 120px;
}

.carousel-control.left {
    /*background-image: url("../images/slider_nav.png");*/
    background: url("../images/service_prev_arrow.png") no-repeat;
    background-repeat: no-repeat;
    height: 35px;
    left: 10px;
    opacity: 1;
    width: 25px;
    top: 145px;
    z-index: 999;
}

.carousel-control.right {
    /*background-image: url("../images/slider_nav.png");*/
    background: url("../images/service_next_arrow.png") no-repeat;
    background-repeat: no-repeat;
    height: 35px;
    opacity: 1;
    width: 25px;
    top: 145px;
    z-index: 999;
}

.carousel-indicators {
    display: none;
}

/*.school_details{
    margin-top: 100px;
}*/
.spot_details {
    margin-top: 100px;
}

@media (max-width: 1284px) {
    .spot_details {
        margin-top: 175px;
    }

    /*section.site-footer .footer-left img {*/
    /*    padding-right: 0px;*/
    /*}*/
    section.site-footer .footer_apps_div h3 {
        text-align: center;
    }
}

.school_details, .spot_details {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

.school_details .detail {
    text-align: center;
    height: 130px; /*padding: 15px 0px 20px 0px;*/
}

.school_details .detail h2 {
    margin-top: 5px;
}

.school_details .detail p {
    margin-bottom: 0px;
    color: #a3a3a3;
    font-size: 20px;
}

.school_details .detail p span {
    width: 100%;
    line-height: 20px
}

.school_details .detail p span.detail_bottom {
    font-size: 30px;
}

.school_details .container {
    padding: 0 !important;
}

.btn-customize {
    margin-top: 15px;
}

.favorites-border {
    border-top: 1px dashed #b0bcbe;
    width: 98%;
}

.school_content, .favorites_content, .spot_content {
    background-color: #e1d4b2;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 20px;
}

.nav-tabs > li {
    padding-bottom: 0.7px;
    margin-bottom: 0.03%;
}

.nav-tabs {
    border: none;
}

.nav-tabs-favorites {
    padding-top: 7%;
}

.spot_menu.nav-tabs li a, .school_menu.nav-tabs li a {
    font-size: 19px;
    color: #3c5e61;
}

.school_menu.nav-tabs li.active a, .school_menu.nav-tabs li.active a:hover, .school_menu.nav-tabs li.active a:focus {
    color: #fff;
}

.spot_menu.nav-tabs li.active a, .spot_menu.nav-tabs li.active a:hover, .spot_menu.nav-tabs li.active a:focus {
    color: #fff;
}

.spot_menu.nav-tabs li, .school_menu.nav-tabs li {
    background: #d0ccb1 url("../images/tabs.png") no-repeat scroll right center;
    padding-right: 55px;
    /*min-width: 120px;*/
}

.spot_menu.nav-tabs li:last-child, .school_menu.nav-tabs li:last-child, .nav-tabs-custom.nav-tabs li:last-child {
    background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;
}

.spot_menu.nav-tabs li.active, .school_menu.nav-tabs li.active {
    background: #3a5d60 url("../images/tab_active.png") no-repeat scroll right center;
    padding-right: 81px;
    width: 280px;
    padding-bottom: 0.8px;
}

.spot_menu.nav-tabs li:not(:first-child).active:before, .school_menu.nav-tabs li:not(:first-child).active:before {
    background: #3a5d60 url("../images/tabs_before_active.png") no-repeat scroll right center;
    content: "";
    height: 47px;
    left: -55px;
    position: absolute;
    top: 0;
    width: 55px;
}

.spot_menu.nav-tabs li:last-child.active, .school_menu.nav-tabs li:last-child.active {
    background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;
    padding-right: 81px;
    width: 280px;
}

.school_menu.nav-tabs li a, .school_menu.nav-tabs li a:hover, .school_menu.nav-tabs li.active a, .school_menu.nav-tabs li.active a:hover, .school_menu.nav-tabs li.active a:focus {
    background-color: transparent;
    border: none;
}

.spot_menu.nav-tabs li a, .spot_menu.nav-tabs li a:hover, .spot_menu.nav-tabs li.active a, .spot_menu.nav-tabs li.active a:hover, .spot_menu.nav-tabs li.active a:focus {
    background-color: transparent;
    border: none;
}

.spot_menu.tab-content, .school_menu.tab-content {
    background: #fff none repeat scroll 0 0;
    padding: 15px;
    color: #737373;
}

.carousel-inner .item img, .carousel-inner .item a img {
    width: 100%;
    height: 458px;
}

.school-logo {
    width: 97px;
    height: 97px;
}

.fav_icon {
    width: 20px;
    height: 50px;
    float: right;
    background: url("../images/faved.png") no-repeat;
}

.not_fav_icon {
    width: 20px;
    height: 50px;
    float: right;
    background: url("../images/not_faved.png") no-repeat;
}

.favorite_icon {
    margin-top: 1px;
    width: 44px;
    height: 20px;
    /*float: right;
    text-align: center;*/
    background: url("../images/faved.png") no-repeat;
}

.not_favorite_icon {
    margin-top: 1px;
    width: 44px;
    height: 20px;
    /*float:right;*/
    /*text-align:center;*/
    background: url("../images/not_faved.png") no-repeat;
}

/* services tab */
#services .nav-tabs ul {
    padding-left: 0px;
}

#services .nav-tabs ul li {
    padding-left: 25px;
    line-height: 22px;
    position: relative;
}

#services .nav-tabs li a, #services .nav-tabs li a:hover, #services .nav-tabs li a:focus, #services .nav-tabs li.active li a {
    border: none;
    color: #a3a3a3;
    background: #fff;
    font-size: 22px;
}

#services .nav-tabs li {
    list-style: none;
    margin-bottom: 10px;
}

#services .nav-tabs > li > a {
    position: relative;
    line-height: 22px;
}

#services .nav-tabs > li.active > a:before {
    background: #db0000 none repeat scroll 0 0;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 10px;
}

#services .nav-tabs li.active a {
    color: #db0000;
}

#services .nav-tabs li.active li.active a {
    color: #3a5d60;
}

#services .nav-tabs li.active li.active:before {
    background: #3a5d60 none repeat scroll 0 0;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

.tab-content h3, #static-pages h3 {
    color: #db0000;
    font-size: 40px;
}

.activities.tab-content .activity h3 {
    margin-left: -15px;
}

.service_item {
    margin-bottom: 20px
}

.service_item > div {
    padding: 0px 0px 0px 5px;
}

.service_item > div > div {
    float: left;
    width: 100%;
}

.service_item .item-title h4 { /*float:left;*/
    width: 100%;
    background: #f6f5ef none repeat scroll 0 0;
    line-height: 20px;
    margin: 0;
    color: #3b5d60;
    font-size: 20px;
}

.service_item .item-title .add_to_cart {
    background: #e1d4b2 none repeat scroll 0 0;
    color: #fff;
    float: right;
    width: 20px;
    height: 20px;
}

.add {
    cursor: pointer;
    font-size: 11px;
    padding: 3px 0px 0 5px;
}

.icons_container {
    margin-top: -19px;
}

.service_item.row {
    position: relative;
}

.price-block {
    position: absolute;
    right: 0px;
    top: 25px;
    float: left;
}

/*.service_item .price-block{padding-right:3px;}*/
.service_item .item-description p {
    width: 96%;
    color: #a3a3a3;
    font-size: 20px;
}

.service_item .item-description li {
    width: 100%;
    color: #a3a3a3;
    font-size: 20px;
}

.service_item .item-description img {
    float: left;
    padding: 0px;
    width: 100%;
}

.service_item span.price {
    background: #f6f5ef none repeat scroll 0 0;
    float: left;
    font-size: 30px;
    height: 170px;
    line-height: 170px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    color: #3a5d60;
}

/*cart*/

.cart_box h2 {
    background: #db0000 none repeat scroll 0 0;
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px;
    text-align: center;
}

.cart_box .cart {
    background: #3a5d60 none repeat scroll 0 0;
    padding: 10px;
    color: #fff;
    float: left;
    width: 100%;
}

.cart_box .cart > div {
    float: left;
    width: 100%;
}

.cart.no-items, .cart.no-items .noitems-cart {
    float: none;
}

.cart_box .cart .item_title {
    font-size: 22px;
    float: left;
    padding: 10px 0;
    width: 85%;
}

.school_price {
    float: right;
    font-size: 22px;
    padding: 10px 0;
    width: 15%;
    text-align: right;
}

.service_total .price {
    color: #a6bbbd;
}

.cart_item ul {
    padding-left: 0px;
}

.cart_item ul li {
    border-bottom: 1px dashed #a6bbbd;
    font-size: 20px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.cart_item ul li div {
    display: inline-block;
}

.cart_item ul li div.service_item {
    color: #a6bbbd;
    width: 85%;
}

.cart_item ul li div.service_total {
    width: 15%;
    float: right;
    text-align: right;
}

.cart_item ul li div.service_item .qty {
    display: inline-block;
    float: left;
    text-transform: lowercase;
    width: 25px;
}

.cart_item ul li div.service_item .service_title {
    display: inline-block;
    float: left;
}

.cart_item ul li div.service_item .service_program {
    font-size: 14px;
    margin-left: 10px;
    width: 100%;
}

.cart_item ul li div .decrease, .cart_item .item_title .decrease, .cart-item .item-row-total .decrease {
    background: rgba(166, 187, 189, 0.5) none repeat scroll 0 0;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    padding: 1px 9px;
    cursor: pointer;
}

.cart_totals {
    background: rgba(166, 187, 189, 0.5) none repeat scroll 0 0;
    width: 100%;
}

.cart_totals > div {
    float: left;
}

.cart_totals .total {
    font-size: 30px;
    float: right;
    margin-right: 10px;
}

.cart_item .reserve_data {
    float: left;
    width: 90%;
    line-height: 14px;
}

.cart_item .remove_item {
    float: right;
    width: 10%;
}

.cart_item .reservation_qty {
    font-size: 18px;
}

.cart_item .reservation_qty a {
    font-size: 22px;
    color: #db0000;
}

.cart_item .remove_item {
    display: block;
}

.remove_item a {
    text-decoration: none;
}

.remove_item span.decrease {
    color: #db0000;
}

.cart_item .course_title {
    display: block;
}

.service_item .remove_item .decrease.event {
    margin-left: 0px;
}

#top-content .container.school {
    padding: 135px 0px 125px 0px;
}

.indivDetails {
    height: 80%;
    border-right: 2px dotted #a6bbbd;
    margin-top: 20px;
}

.contactDetails {
    height: 60%;
    margin-top: 7%;
}

.socialIcons {
    margin-top: -4%;
}

.school_dash {
    border-right: 2px dotted #a6bbbd;
    position: absolute;
    top: 25px;
    height: 110px;
    left: 20%;
}

.spot_dash {
    border-right: 2px dotted #a6bbbd;
    position: absolute;
    top: 25px;
    height: 110px;
    left: 20%;
}

section.content.school_content .container {
    padding-top: 20px;
}

/* INFO TAB start */
#info {
    padding: 10px;
    font-size: 18px;
    color: #737373;
}

/*Opening hours*/
.opening-hours-wrap .table {
    margin-bottom: 0px;
}

.opening-hours-wrap .table > tbody > tr > td {
    border-top: 1px dashed;
    padding: 4px
}

.opening-hours-wrap .table > tbody > tr:last-child td {
    border-bottom: 1px dashed;
}

/*Google Map*/
#info .embed-responsive-item {
    max-height: 300px;
}

/* INFO TAB end */

/* REVIEWS TAB start */
#reviews {
    padding: 10px;
    font-size: 18px;
}

#reviews .star-reviews-count {
    font-size: 22px;
    line-height: 50px
}

#reviews img.review-author-image {
    height: 40px;
}

#reviews .reviews-progress > div {
    cursor: pointer;
}

/*.reviews:nth-child(2n+1) {background: #f9f9f9;}*/
/*Rating stars*/
.rating .star-reviews-count {
    font-size: 22px;
    vertical-align: top;
    color: #737373;
    margin-left: 10px;
}

.reviews-average {
    font-size: 22px;
}

.rating-display.rating-small {

}

/*Rating Progress*/
.reviews-progress {
    font-size: 18px;
    margin: 20px 0;
    line-height: 16px;
    max-width: 400px;
}

.no-rating {
    color: #b6b6b6;
}

/* Reviews */
.all-reviews {
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
}

.customer-reviews .customer-reviews-title {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 36px;
}

.customer-reviews .review-subject {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0;
}

.customer-reviews .review-author-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 40px;
}

.school_menu #reviews .reviews-progress .selected {
    color: #db0000;
    font-weight: bold;
}

.school_menu #reviews .reviews-progress span:hover,
.school_menu #reviews .reviews-progress .star-count:hover {
    cursor: default;
}

.school_menu #reviews-list h4:first-child {
    color: #db0000;
}

.spot_menu #reviews .reviews-progress .selected {
    color: #db0000;
    font-weight: bold;
}

.spot_menu #reviews .reviews-progress span:hover,
.spot_menu #reviews .reviews-progress .star-count:hover {
    cursor: default;
}

.spot_menu #reviews-list h4:first-child {
    color: #db0000;
}

/*Rating Form*/
.rating-form {
    margin-bottom: 20px;
}

/* REVIEWS TAB end */

/*******************************************************************************
** RESPONSIVE
*******************************************************************************/
/* max width 320px*/
@media (max-width: 320px) {
    /*.counterCart{
        font-size: 8px !important;
        height: 16px !important;
        padding: 0% !important;
        width: 16px !important;
        margin-top: 0% !important;
    }*/
    .steps .button {
        background: url('../images/buttons.png') no-repeat transparent;
        background-size: 280px 24px;
        width: 38px;
        height: 24px;
        float: left;
    }

    .steps .button-lu {
        background-position: -120px 0px;
        width: 38px;
    }

    .steps h2 {
        font-size: 35px
    }

    .steps p {
        font-size: 15px
    }

    .steps .button-text {
        font-size: 18px;
        background-color: #000;
        color: #fff;
        text-decoration: none;
        padding: 0px 10px;
        line-height: 24px;
        font-weight: 200;
        float: left;
        height: 24px;
    }

    .footer-right h3 {
        font-size: 20px !important;
    }

    /*.social-icon, .menu-icon{height:16px;width:16px}*/
    .social-facebook {
        background-position: 0px 0px;
        background-size: 74px 16px;
    }

    .social-twitter {
        background-position: -19px 0px;
        background-size: 74px 16px;
    }

    .social-google {
        background-position: -39px 0px;
        background-size: 74px 16px;
    }

    .social-instagram {
        background-position: -58px 0px;
        background-size: 74px 16px;
    }


    /*.menu-lock{background-position:-4px 0px;background-size: 83px 16px;}*/
    .menu-add {
        background-position: -24px 0px;
        background-size: 83px 16px;
    }

    /*.menu-help{background-position:-44px 0px;background-size: 83px 16px;}*/
    /*.menu-search{background-position:-63px 0px;background-size: 83px 16px;}*/
    #header .info-phone-icon, #header .info-email-icon {
        background-size: 16px;
    }
}

/* max width 480px*/
@media (max-width: 480px) {
    .footer-right .footer_articles h3, .footer-right .footer_articles p {
        text-align: center
    }

    .sel-activity, .autocomplete {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /*div#float-search-box {padding-top: 100px;}*/
    .profile div#float-search-box {
        padding-top: 0px;
    }


    /*div#header {
        height: 75px;
        border-bottom:2px solid #A0AB9D;
    }*/
    /*.social_links, .menu_links{padding: 16px 0px;}*/
    .user-icon {
        height: 30px;
        width: 30px;
    }

    /* .social-icon, .menu-icon{height:13px;width:13px}
    .social-facebook{background-position:0px 0px;}
    .social-twitter{background-position:-16px 0px;}
    .social-google{background-position:-31px 0px;}
    .social-instagram{background-position:-47px 0px;}


    .menu-lock{background-position:-3px 0px;}
    .menu-add{background-position:-19px 0px;}
    .menu-help{background-position:-35px 0px;}
    .menu-search{background-position:-51px 0px;}*/
    /*section.site-footer .footer-container{width:100%}
    .school_box .school_logo, .school_box .school_name{text-align: center}*/
    .nav-tabs > li {
        float: none;
    }

    .school_menu.nav-tabs > li.active {
        background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;
        padding-right: 81px;
        width: 95%;
    }

    .school_menu.nav-tabs > li {
        background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;
        width: 95%;
    }

    .school_menu.nav-tabs > li.active:before {
        background: none !important;
        content: "";
    }

    .school_menu.nav-tabs li:last-child.active {
        width: 95%;
    }

    .spot_menu.nav-tabs > li.active {
        /*background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;*/
        padding-right: 81px;
        width: 95%;
    }

    .spot_menu.nav-tabs > li {
        background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;
        width: 95%;
    }

    .spot_menu.nav-tabs > li.active:before {
        background: none !important;
        content: "";
    }

    .spot_menu.nav-tabs li:last-child.active {
        width: 95%;
    }

    .cart_totals > div {
        float: left;
        width: 100%;
        text-align: center;
    }

    .cart_totals > div.checkout {
        margin: 0 auto;
        width: 250px;
        float: none;
    }

    .cart_totals > div .button-text {
        font-size: 20px;
        padding-top: 10px;
    }

    .title-right.recomended {
        font-size: 40px;
        line-height: 45px;
    }

    .price-block {
        position: initial;
        width: 100%;
        float: none;
    }

    .surfDesc {
        padding-right: 0px !important;
    }
}

/* max width 360px*/
@media (max-width: 360px) {

    /*.social_links, .menu_links{padding: 14px 0px;}
    div#header .logo img{height:60px !important}*/
    .legendText {
        font-size: 14px !important
    }

    .calContainer .fc-ltr .fc-basic-view .fc-day-number {
        font-size: 14px !important;
        line-height: 20px !important
    }

    .calContainer .fc-basic-view .fc-body .fc-row {
        min-height: 1em !important;
    }

    .calContainer .fc-day-grid-container.fc-scroller {
        height: 210px !important
    }

    .calContainer .fc-center h2 {
        font-size: 20px
    }


    /* .social-icon, .menu-icon{height:13px;width:13px}

    .social-facebook{background-position:0px 0px;}
    .social-twitter{background-position:-16px 0px;}
    .social-google{background-position:-31px 0px;}
    .social-instagram{background-position:-47px 0px;}


    .menu-lock{background-position:-3px 0px;}
    .menu-add{background-position:-19px 0px;}
    .menu-help{background-position:-35px 0px;}
    .menu-search{background-position:-51px 0px;}*/
    div#header .logo {
        margin-top: 15px;
    }
}

/* min-width: 480px and max-width: 768px */
@media (min-width: 480px) and (max-width: 768px) {
    .footer-right .footer_articles h3, .footer-right .footer_articles p {
        text-align: center
    }

    .sel-activity, .autocomplete {
        width: 100% !important;
        margin-bottom: 10px; /*padding-left:40px*/
    }

    .lbl-sel-activity {
        width: 40px;
        position: absolute;
        left: 15px;
        z-index: 1;
    }

    .lbl-autocomplete {
        background-position: -33px 25px;
        width: 40px;
        position: absolute;
        left: 15px;
        z-index: 1;
    }

    div#float-search-box {
        padding-top: 100px;
    }

    .profile div#float-search-box {
        padding-top: 0px;
    }

    /* .social-icon, .menu-icon, .counterCart{height:30px;width:30px}
    .social-facebook{background-position:0px 0px;background-size: 135px 29px;}
    .social-twitter{background-position:-35px 0px;background-size: 135px 29px;}
    .social-google{background-position:-70px 0px;background-size: 135px 29px;}
    .social-instagram{background-position:-106px 0px;background-size: 135px 29px;}


    .menu-lock{background-position:-7px 0px;background-size: 149px 29px;}
    .menu-add{background-position:-43px 0px;background-size: 149px 29px;}
    .menu-help{background-position:-78px 0px;background-size: 149px 29px;}
    .menu-search{background-position: -112px 0px;background-size: 149px 29px;}*/
    /*section.site-footer .footer-container{width:100%}*/
    .school_box .school_logo, .school_box .school_name {
        text-align: center
    }

    .carousel-inner .item img {
        width: 100%;
    }

    .nav-tabs > li {
        float: none;
    }

    .school_menu.nav-tabs > li.active {
        background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;
        padding-right: 81px;
        width: 94%;
    }

    .school_menu.nav-tabs > li {
        background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;
        width: 94%;
    }

    .school_menu.nav-tabs > li.active:before {
        background: none !important;
        content: "";
    }

    .school_menu.nav-tabs li:last-child.active {
        width: 94%;
    }

    .spot_menu.nav-tabs > li.active {
        /*background: #3a5d60 url("../images/tab_active_last.png") no-repeat scroll right center;*/
        padding-right: 81px;
        width: 100%;
    }

    .spot_menu.nav-tabs > li {
        /*background: #d0ccb1 url("../images/tabs_last.png") no-repeat scroll right center;*/
        width: 100%;
    }

    .spot_menu.nav-tabs > li.active:before {
        background: none !important;
        content: "";
    }

    .spot_menu.nav-tabs li:last-child.active {
        width: 100%;
    }

}

@media (min-width: 992px) and (max-width: 1285px) {
    .school_menu.nav-tabs li {
        min-width: 115px;
    }

    .school_menu.nav-tabs li.active {
        width: 139px;
    }

    .school_menu.nav-tabs li:last-child.active {
        width: 131px;
    }

    .school_menu.nav-tabs li:last-child {
        width: 100px;
    }

    .spot_menu.nav-tabs li {
        min-width: 115px;
        padding: 0px 0px 0px 0px;
    }

    .spot_menu.nav-tabs li.active {
        width: 139px;
        padding: 0px 0px 0px 0px;
    }

    .spot_menu.nav-tabs li:last-child.active {
        width: 131px;
        padding: 0px 0px 0px 0px;
    }

    .spot_menu.nav-tabs li:last-child {
        width: 100px;
        padding: 0px 0px 0px 0px;
    }

    .team-person .img-circle {
        width: 104px;
        height: 104px;
    }

    .recomandation-block img {
        height: 163px;
    }

    .title-right.recomended {
        font-size: 43px;
        margin-right: 40px;
        line-height: 56px;
    }

    .indivRoom .btn {
        padding: 0 8px !important;
    }

    .carousel-control.down {
        margin-top: 325%;
        margin-left: 45%;
    }

    .carousel-control.up {
        margin-top: 337%;
        margin-left: 45%;
    }

    .showPackDetails {
        margin-left: -60%
    }

    .showAccomDetails {
        margin-left: -60%
    }

    .add-cart {
        margin-left: -60%
    }

    .printTicket .btn {
        padding: 0 11px !important;
    }

    .btn-customize {
        margin-left: -37%;
        margin-top: -10%;
    }

    .spot_content .spot_menu li.active {
        width: 145px !important;
    }

    .footer-container .footerImages {
        width: 105px;
    }

    .addonsContainer .addonCartBtn {
        width: 100%;
    }

}

/* Small devices tablets, 768px and and max-width: 992px */
@media (min-width: 768px) and (max-width: 992px) {
    .footer-right {
        border-left: none !important;
    }

    div#float-search-box {
        padding-top: 100px;
    }

    .profile div#float-search-box {
        padding-top: 0px;
    }

    .school_box .school_logo, .school_box .school_name {
        text-align: center
    }

    .carousel-inner .item img {
        width: 100%;
    }

    .school_menu.nav-tabs li {
        min-width: 90px;
    }

    .school_menu.nav-tabs li.active {
        width: 243px;
    }

    .school_menu.nav-tabs li:last-child.active {
        width: 243px;
    }

    .spot_menu.nav-tabs li {
        min-width: 90px;
    }

    .spot_menu.nav-tabs li.active {
        width: 243px;
    }

    .spot_menu.nav-tabs li:last-child.active {
        width: 243px;
    }

    .footer-container .footerImages {
        width: 100px;
    }

    .footer-container .microsoftAppDiv {
        text-align: center;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #reviews, #info {
        padding: 30px 40px;
    }

    .reviews-progress {
        font-size: 22px
    }

    .form-control {
        font-size: 22px;
    }

    .modal-content .responsiveRecaptcha {
        margin-bottom: 10px;
        transform: scale(0.85);
        transform-origin: 0 50% 0;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container .favorites-border.noborder {
        border-top: none
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/*# sourceMappingURL=style.css.map */


.pac-icon {
    width: 0;
    background-image: none;
}

.noresults {
    color: #949086;
    margin-top: 200px;
    font-size: 40px;
    font-weight: 200;
    display: block;
}

#autocomplete::-ms-clear {
    display: none;
}

.respginput label {
    background-color: #fff;
    opacity: 0.7;
}

.respginput #autocomplete {
    background-color: #fff;
    opacity: 0.7;
}

.minPrice {
    font-size: 20px;
}

.favorites_content .imgContainer img {
    width: 100px;
    height: 100px
}

.favorites_content .tab-content li {
    list-style: none;
    margin-bottom: 15px;
}

.favorites_content .tab-content .container {
    padding-top: 15px
}

/*.favorites_content .tab-content li .itemName,*/
.favorites_content .tab-content li .itemButton {
    line-height: 100px
}

.favorites_content .school_menu > li {
    width: 25% !important
}

.favorites_content .school_menu > li.active {
    width: 25% !important
}

.favorites_content .school_menu > li:last-child {
    padding-right: 0
}

.favorites_content .spot_menu > li {
    width: 20% !important
}

.favorites_content .spot_menu > li.active {
    width: 20% !important
}

.favorites_content .spot_menu > li:last-child {
    padding-right: 0
}

.school_nav {
    width: 106%;
}

.calContainer {
    padding: 20px;
    background-color: #fff
}

.calContainer .fc-day-grid-event .fc-time {
    display: none
}

.calContainer .fc-day-grid-container.fc-scroller {
    overflow-y: hidden !important;
}

#profile-form .team-person-tags {
    font-size: 20px;
}

#profile-form .team-person-tags li {
    background-color: #e1d4b2
}

@media (max-width: 768px) {
    .customer_reviews_list_title {
        padding-bottom: 45px
    }

    .favorites_content .school_menu > li {
        width: 100% !important
    }

    .favorites_content .school_menu > li.active {
        width: 100% !important
    }

    .favorites_content .spot_menu > li {
        width: 100% !important
    }

    .favorites_content .spot_menu > li.active {
        width: 100% !important
    }

    /*.carousel-control.left{left: 0px !important;}
    .carousel-control.right{right: 0px !important;}*/
    /* SCHOOL, ACCOMODATIONS AND SPOT Pages */
    section.content #float-search-box {
        padding-top: 0;
    }

    .topHeader {
        height: 100px;
    }

    .school_box .school_dash {
        display: block;
        height: 120px;
    }

    .school_box .school_logo img {
        margin-left: 15px;
        margin-top: 15px;
    }

    .content.school_details {
        margin-top: 0px;
    }

    .content .school_details .detail p span {
        display: inline;
        line-weight: inherit;
    }

    .content .school_details {
        margin-top: 0;
    }

    .content .school_details .detail {
        height: 50px;
        border-bottom: 2px dotted #a6bbbd;
    }

    .content .school_details .detail:last-child {
        border: none;
        height: 50px;
    }

    .content .school_details .detail .indivDetails {
        margin-top: 3%;
    }

    .content .school_details .detail .contactDetails {
        margin-top: 0px;
    }

    .content .school_details .detail .contactDetails .socialIcons {
        padding: 0 0 10px;
    }

    .content .school_details .detail .indivDetails h2 {
        float: left;
        margin-left: 20px;
    }

    .content .school_details .detail .contactDetails h2 {
        float: left;
        margin-left: 20px;
    }

    .content .school_details .detail .contactDetails p {
        float: left;
        line-height: 47px;
        margin-left: 10px;
    }

    .content .school_details .detail .indivDetails p {
        float: left;
        line-height: 47px;
        margin-left: 10px;
    }

    html body section#top-content.content {
        min-height: 680px;
    }

    body section.content.school_content .container {
        padding: 0px;
    }

    section#top-content.content div.container.school {
        padding: 0px;
    }

    section#top-content.content div.container.school div#float-search-box.row div#school_slider.col-md-6.col-md-offset-6 {
        margin-bottom: 0px;
        padding-right: 13px;
    }

    section.content.school_content div.container ul.school_menu.nav.nav-tabs.school_nav {
        width: 100%;
        padding: 10px 0px;
        background-color: #3a5d60;
    }

    section#top-content.content div.container.school h2.schoolTitle {
        font-size: 30px;
    }

    /*section#top-content.content div.container.school a.school_contact {
        position: absolute;
        left:70px;
    }*/
    .content.school_content {
        padding: 0px;
    }

    .content .container {
        padding: 0;
    }

    .school_box .school_logo img {
        margin-left: 5px;
    }

    .content.school_content .school_menu.nav-tabs > li {
        background: #3a5d60 no-repeat scroll right center;
        float: left;
        width: 20%;
        min-width: 68px;
        padding: 0;
        text-align: center;
    }

    .content.school_content .school_menu.nav-tabs > li.active {
        background: #3a5d60 no-repeat scroll right center;
    }

    .content.school_content .school_menu.nav-tabs > li.active a {
        text-decoration: underline;
        color: #fff;
    }

    .content.school_content .school_menu.nav-tabs li.active:last-child {
        width: 20%;
        padding-right: 0px;
    }

    .school_menu.nav-tabs li.active a:focus {
        text-decoration: underline;
        color: #fff;
    }

    .content.school_content .school_menu.nav-tabs li a {
        color: #E1D4B2;
        font-size: 20px;
        margin-right: 0;
    }

    section#top-content.content div.container.spot {
        padding: 0;
    }

    section.content.spot_content div.container {
        padding: 0;
    }

    .content .spot_box .spot_name h2 {
        font-size: 40px;
    }

    section#top-content.content div.spot_details {
        margin-top: 0px;
    }

    div#spot_box.spot_box div.spot_dash.customDash {
        left: 30%;
    }

    section.content.spot_content div#description.tab-pane.fade.in.active {
        padding: 0;
    }

    section.content.spot_content div.container ul.spot_menu.nav.nav-tabs.spot_menu {
        width: 100%;
        background-color: #3c5e61;
        padding: 10px 0px;
    }

    section.content.spot_content div.container ul.spot_menu.nav.nav-tabs.spot_menu a {
        color: #e1d4b2;
    }

    section.content.spot_content div.container ul.spot_menu.nav.nav-tabs.spot_menu li.active a {
        color: #ffffff;
        text-decoration: underline;
    }

    section.content.spot_content div.container ul.spot_menu.nav.nav-tabs.spot_menu li a {
        border-right: 2px solid #e1d4b2;
    }

    section.content.school_content div.container ul.school_menu.nav.nav-tabs.school_menu li a {
        border-right: 2px solid #e1d4b2;
    }

    section.content.spot_content div.container ul.spot_menu.nav.nav-tabs.spot_menu li:last-child a {
        border-right: 0px;
    }

    section.content.school_content div.container ul.school_menu.nav.nav-tabs.school_menu li:last-child a {
        border-right: 0px;
    }

    .nav-tabs > li > a {
    / / padding: 0 px 0 px;
        border-radius: 0px;
    }

    section.content.spot_content ul.spot_menu.nav.nav-tabs.spot_menu li {
        float: left;
        width: 20%;
        background: none;
        padding: 0px;
        text-align: center;
    }

    .content.spot_content .videoWrp {
        padding: 0;
    }

    section#top-content.content.top-accommodation img.school-logo {
        margin-top: 15px;
        margin-left: 5px;
    }

    .school_menu.nav-tabs li.active:last-child {
        background: none;
    }

    .spot_menu.nav-tabs li:not(:first-child).active:before, .school_menu.nav-tabs li:not(:first-child).active:before {
        content: "";
        height: 47px;
        position: relative !important;
    }

    body section#top-content.content div.container.school h2.schoolTitle {
        text-align: left;
    }

    .schoolCustomFav {
        float: none !important;
    }

    .accCustomFav {
        float: left !important;
    }

    /*section.content.top-accommodation .school_name {
        text-align: left;
    }

    .school_box h2 {
        text-align:left;
    }*/
    .social_links, .menu_links {
        padding: 20px 0 0;
    }

    #top-header ul.social_links {
        margin-bottom: 8px;
    }

    .school_menu.nav-tabs > li > a {
        padding: 0px 0px;
        border-radius: 0px;
    }

    .school_box h2 {
        font-size: 40px;
    }

    /* tabs design for spots */
    .content .spot_details .indivDetails h2 {
        float: left;
        margin: 20px 0px 0px 15px;
    }

    .content .spot_details .detail {
        height: 90px;
        border-bottom: 2px dotted #a6bbbd;
    }

    .content .spot_details .allActWrp {
        border-bottom: none;
        height: 100px;
    }

    /*.content .spot_details .indivDetailsSpots {
        margin-bottom: 0%;
    }*/
    .content .spot_details .spotDtlsOverall {
        float: left;
    }

    .content .spot_details .rating {
        float: left;
        margin: 20px 0px 0px 15px;
    }

    .content .spot_details .actItem {
        margin-left: 0px;
    }

    .content .spot_details .allActWrp h2 {
        float: left;
        margin: 20px 0px 0px 15px;
    }

    .spot_details div.pagination-page.light-theme.simple-pagination ul {
        padding-left: 0px;
    }

    .spot_content .spot_menu .descriptionTab {
        padding-left: 1px;
    }

    /* end of tab design for spots */
    .containerPosition #recomandations {
        margin-bottom: 0px;
    }

    .content .videoContainer {
        height: 680px;
        z-index: -1;
    }

    #package-details-modal .modal-dialog {
        width: 95% !important;
    }

    #package-details-modal #packageSlots {
        width: 25%;
    }

    .service_item_container .slick-prev, .service_item_container .slick-next {
        top: 50% !important;
    }

    /*******************************************************************************
    ** NEW HEADER STYLE - Sergiu Turus
    *******************************************************************************/
    section#top-header .header_partner_text {
        font-size: 20px;
    }

    /*******************************************************************************
    ** END OF NEW HEADER STYLE - Sergiu Turus
    *******************************************************************************/

}

@media (max-width: 359px) {
    .fc .fc-toolbar .fc-left h2 {
        font-size: 25px !important;
    }
}

.counterCart {
    background: url("../images/cart_icon_02_new.png") no-repeat scroll right center;
    background-size: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    padding: 3px 0px 0px 2px;
    overflow: hidden;
    text-align: center;
    width: 30px;
    color: #E9636E;
    margin-top: -19%;
}

.school_menu .schoolNotActive {
    /*left: 15px;
    position: absolute;
    top: 75px;*/
}

#description {
    font-size: 18px;
    /*padding:40px 90px;*/
    background-color: #fff;
}

#description_course {
    font-size: 20px;
    color: #a3a3a3;
    font-family: 'Yanone Kaffeesatz';
}

.modal-beride-green {
    background-color: #3a5d60 !important;
    padding: 2px 10px;
}

.schoolLiner {
    padding: 0px 0px 20px 0px;
}

.schoolLiner.bordered {
    border-bottom: 1px solid #cfcfcf;
}

.schoolLiner .rating {
    margin-top: 25px;
}

.nopadding {
    padding: 0px !important;
}

.schoolLiner .rating {
    float: left;
}

.schoolLiner .star-reviews-count {
    float: right;
}

.schoolLiner .star-reviews-count {
    margin-top: 21px;
}

.assAct {
    background-color: #3A5D60;
    font-size: 25px;
    padding: 20px;
    color: #A1B6B8;
}

.actLiner {
    padding: 10px;
    border-bottom: 1px dashed #A1B6B8;
}

.videoWrp {
    font-size: 18px;
    padding: 40px 90px;
    background-color: #fff;
}

.videoWrp iframe {
    width: 100%;
}


.backTo .black {
    width: 50px;
    height: 45px;
    background-color: #090909;
}

.backTo .middle {
    width: 48px;
    height: 45px;
    background: url("../images/blkred.jpg") no-repeat scroll center center;
}

.backTo .black .arrowLeft {
    background: url("../images/arrowLeft.jpg") no-repeat scroll center center;
    width: 23px;
    height: 23px;
    float: right;
    margin: 11px;
}

.backTo .red {
    width: 210px;
    height: 45px;
    background-color: #DD0101;
    color: #fff;
    font-size: 25px;
    line-height: 1.8;
}

.off {
    margin-top: 20px;
}

.imgWrp {
    font-size: 18px;
    padding: 20px 40px;
    background-color: #fff;
}

.pin {
    width: 30px;
    height: 30px;
    background: url("../images/pin.png") no-repeat scroll center center;
    margin-top: 15px;
}

.seeNearby {
    font-size: 31px;
    margin: 5px 15px;
}

.school_details .detail p:nth-child(3) {
    padding: 0px 0px 0px 60px;
}

.school_details .detail span.socialIcon.first {
    margin: 0px;
}

.school_details .detail span.socialIcon {
    float: left;
    width: 35px;
    height: 35px;
}

.school_details .detail span.socialIconInactive.first {
    margin: 0px;
}

.school_details .detail span.socialIconInactive {
    float: left;
    width: 35px;
    height: 35px;
}

.socialIcon.fb {
    background: url("../images/fb.png") no-repeat scroll center center;
}

.socialIcon.tw {
    background: url("../images/tw.png") no-repeat scroll center center;
}

.socialIcon.ig {
    background: url("../images/ig.png") no-repeat scroll center center;
}

.socialIcon.yt {
    background: url("../images/yt.png") no-repeat scroll center center;
}

.socialIconInactive.fb {
    background: url("../images/fb-inactive.png") no-repeat scroll center center;
}

.socialIconInactive.tw {
    background: url("../images/tw-inactive.png") no-repeat scroll center center;
}

.socialIconInactive.ig {
    background: url("../images/ig-inactive.png") no-repeat scroll center center;
}

.socialIconInactive.yt {
    background: url("../images/y-inactive.png") no-repeat scroll center center;
}


.favorite_icon .rct {
    width: 25px;
    height: 20px;
    float: right;
    text-align: center;
    color: #db0000;
    border-top: 0.5px solid #db0000;
    border-bottom: 0.5px solid #db0000;
    border-right: 0.5px solid #db0000;
}

.not_favorite_icon .rct {
    width: 25px;
    height: 20px;
    float: right;
    text-align: center;
    color: #7f9091;
    border-top: 0.5px solid #7f9091;
    border-bottom: 0.5px solid #7f9091;
    border-right: 0.5px solid #7f9091;

}

.txtRate {
    font-size: 18px;
    margin-left: 5px;
}

.spot_name h2 {
    margin-top: 20px
}

.imgWrp .row div.col-lg-3 {
    padding-left: 4px;
    padding-right: 4px;
}

.allActWrp {
    padding-top: 15px;
    text-align: center;
}

.allActWrp h2 {
    margin: 0px;
}

.allActWrp img {
    margin: 0 auto;
}

.actItem {
    text-align: center;
    margin-left: 30px;
    display: inline-block;
}

.actItem img {
    display: block;
}

.actItem span {
    display: block;
    color: #A8A9AA;
}

#image_instructor .simple-pagination {
    position: absolute !important;
    top: 20px !important;
    width: 100%;
    left: 0;
}

.instructors-border, .accommodations-border, .activities-border {
    border-top: 1px dashed #a3a3a3;
    margin-top: 5px;
}

#coursePrice, #packagePrice {
    float: right;
}

#aditional_images img {
    width: 100px !important;
    border: none;
}

.prev, .prev:hover {
    width: 20px;
    height: 20px
}

.next, .next:hover {
    width: 20px;
    height: 20px
}

.calContainer .calendar {
    background-color: #3B5D5F;
    color: #fff;
    padding: 10px;
}

.calContainer .fc td, .calContainer .fc th {
    border: none;
}

.calContainer .fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
    line-height: 55px;
    border: 10px solid #3B5D5F;
    font-size: 20px
}

.calContainer .activeDay {
    background-color: #869C9F !important;
    cursor: pointer
}

.calContainer .courseDay {
    background-color: #DC0000 !important;
    cursor: pointer
}

.calContainer .fc-row .fc-content-skeleton {
    padding-bottom: 0px !important
}

.calContainer .fc-next-button, .calContainer .fc-prev-button {
    color: #fff;
    background: #dc0000;
    border-color: #dc0000;
    padding: 0px;
    height: 20px;
    float: left;
    margin-top: 5px;
}

.calContainer .fc-center h2 {
    float: left;
    padding: 0px 10px;
}

.calendarPageContent {
    background-color: #fff;
    padding: 50px;
    float: left
}

#calEvents {
    display: none;
}

.calEventsDay {
    color: red;
    border-bottom: 1px dotted;
    padding-bottom: 10px;
}

.redSquare {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #DC0000;
    float: left;
}

.greySquare {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #869C9F;
    float: left;
}

.calLegend {
    float: left;
    padding-top: 20px;
}

.legendText {
    font-size: 20px;
    line-height: 30px;
    padding-left: 10px;
    display: inline-block;
    float: left;
}

.bookedLegend {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.calEventsList {
    padding: 0px
}

.calEventsList li {
    list-style: none;
    border-bottom: 1px dotted #DC0000;
    padding-bottom: 10px;
}

#calEvents h3 {
    font-size: 28px !important
}

.calEventsList li div {
    font-size: 20px
}

.calEventsList li .eventLabel {
    font-weight: bold;
}

.calEventsList li .red {
    color: #DC0000
}

.calContainer .fc-ltr .fc-basic-view .fc-today {
    background-color: #3B5D5F;
}

.calEventsList {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.btn-file input[type=file] {
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    width: 150px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
}


.mainImageControls .btn-file span {
    font-size: 20px;
}

.padding30 {
    padding: 0px 30px;
}

.mTop20 {
    margin-top: 20px;
}

#spot_store_video .mainImageControl input {
    height: 40px;
    width: 100%;
    border: 1px solid #cfcfcf;
    padding-left: 10px;
}

.mTop5 {
    margin-top: 5px;
}

.contentDescr {
    color: #737373;
    font-size: 18px;
}

#spots h2 {
    padding-left: 5px;
    font-size: 22px;
    background: #f6f5ef none repeat scroll 0 0;
}

.spot_container {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}

.spot_details .container {
    padding: 0 !important;
}

/*.indivDetailsSpots{
    margin-bottom: 10%;
}*/

.spot_content #reviews {
    background-color: #fff;
}

.btnVerify, .btnSendCode {
    padding: 10px 25px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}

#verify_code {
    width: 100px
}

#verifyContainer {
    position: relative;
    min-height: 70px;
}

#verifyContainer .resend {
    font-size: 17px;
    margin-top: 5px;
}

#verifyContainer img {
    position: absolute;
    left: 0;
    bottom: 0
}

.smallTextLabel {
    font-size: 19px !important
}

.left-img {
    margin-left: 45%;
    margin-bottom: 2%;
}

.accomm-details-rooms {
    width: 77%;
}

.accomm-details {
    margin-top: 10px;
}

.accomm-price {
    margin-right: -18%;
    margin-top: -15%;
}

.accomm-title {
    margin-left: -6%;
}

.page_visits {
    font-size: 19px !important;
    text-transform: uppercase;
    color: #3c5f63;
}

.course-tab-content, .accommodations-tab-content {
    margin-top: 30px
}

.packages-navtabs {
    width: 50%
}

.btnPrintInstructor {
    margin-top: 30px
}

.printTicket {
    text-align: right;
}

.noprice {
    margin-top: 2px;
}

.schName {
    font-size: 30px;
    color: #fff;
}

.cart.summary {
    color: #a6bbbd;
}

.fs25 {
    font-size: 25px;
}

.lefty {
    margin-left: 20px;
}

.lh {
    line-height: 0.7;
}

.fs18 {
    font-size: 18px;
}

.bordered {
    border-bottom: 1px dashed #a6bbbd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}


.bandleft {
    padding: 14px;
    background: #fff url("../images/band.png") no-repeat scroll right center;
    background-color: #db0000;
}

.bandright {
    background-color: #000;
    height: 48px;
    padding-top: 10px;
}

.bookings_buttons {
    display: inline-block;
    font-size: 17px;
    font-family: "Yanone Kaffeesatz", sans-serif;
    color: #3a5d60;
    margin-left: 10px;
    margin-right: 10px;
}

.verticalLine {
    border-right: 3px solid #d0ccb1;
    padding-top: 5px;
    padding-bottom: 5px;
}

.align-tab {
    margin-left: -13px;
}

.focus {
    color: #d0ccb1;
}

.bookings_buttons:hover {
    border: none;
}

.footerLinks {
    list-style-type: none;
}

.item-description-inactive-school {
    margin-top: 25px;
}

.course_title_inactive_school {
    display: block;
}

.service_item .item-description-inactive-school p {
    width: 100%;
    color: #a3a3a3;
    font-size: 20px;
}

.service_item .item-description-inactive-school li {
    width: 100%;
    color: #a3a3a3;
    font-size: 20px;
}

.service_item .item-description-inactive-school img {
    float: left;
    margin: 10px 10px 10px 0px;
    max-width: 150px;
}

.top-accommodation {
    min-height: 0px !important;
}

.summary_social_media {
    text-align: center;
    margin-bottom: 30px;
    margin-top: -15px;
}

/*#reviews-list .reviews{width:100%}*/
.reviews.align-right div, .reviews.align-right p, .reviews.align-right h4 {
    width: 100%;
    text-align: right
}

.rating-display.rating-medium i {
    position: relative
}

.rating-display.rating-medium i span {
    color: #737373;
    font-size: 14px;
    left: 15px;
    position: absolute;
    top: 11px;
}

.rating-display.rating-medium i.checked span {
    color: #fff
}

.rating-top-numbers {
    font-size: 40px;
    height: 42px
}

#resetRatingFilters {
    cursor: pointer;
    font-weight: 300;
    margin-top: -14px;
    text-align: right;
}

.customer-reviews h3 {
    border-bottom: 1px solid #ccc
}

.reviews-top {
    border-bottom: 3px solid #e1d4b2;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.reviews-section h3 p {
    float: right;
    font-size: 18px;
    margin-top: 15px;
    text-align: right;
    color: #737373
}

.reviews-section h3 p span {
    display: inline-block
}

.reviews-top h3 {
    font-weight: 300;
    font-size: 24px;
    border-bottom: 1px solid #ccc;
}

.reviews-top .customer-reviews-title {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 36px;
}

.reviews-top .review-subject {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0;
}

.reviews-top .review-author-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 40px;
}

#reviews-BestWorst h3.beride-green {
    text-align: right;
    color: #86877F !important
}

.cancel-loader {
    background: url('../images/loader.gif') no-repeat scroll center 0;
    width: 100px;
    height: 50px;
}

.waitMessage {
    text-align: center;
}

.miniWeatherWidget {
    height: 105px;
}

.miniWeatherWidget h2 {
    margin: 0px;
}

.spinner {
    background: url("../images/gif-load.gif");
    height: 25px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 25px;
    margin-top: 20px;
}

.spotDtlsOverall {
    color: #a8a9aa;
    font-size: 25px;
}


/* icons for weather forecast */
/***************************************************************** Day icons ***********************************************************************/
.icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.icon_395.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -44px -33px;
}

/* Moderate or heavy snow in area with thunder */
.icon_392.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -102px -33px;
}

/* Patchy light snow in area with thunder */
.icon_389.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -166px -33px;
}

/* Moderate or heavy rain in area with thunder */
.icon_386.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -227px -33px;
}

/* Patchy light rain in area with thunder */
.icon_377.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -292px -33px;
}

/* Moderate or heavy showers of ice pellets */
.icon_374.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -355px -33px;
}

/* Light showers of ice pellets */
.icon_371.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -422px -33px;
}

/* Moderate or heavy snow showers */

.icon_368.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -47px -93px;
}

/* Light snow showers */
.icon_365.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -106px -93px;
}

/* Moderate or heavy sleet showers */
.icon_362.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -166px -93px;
}

/* Light sleet showers */
.icon_359.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -230px -33px;
}

/* Torrential rain shower */
.icon_356.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -286px -33px;
}

/* Moderate or heavy rain shower */
.icon_353.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -355px -33px;
}

/* Light rain shower */
.icon_350.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -422px -33px;
}

/* Ice pellets */

.icon_338.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -47px -151px;
}

/* Heavy snow */
.icon_335.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -106px -151px;
}

/* Patchy heavy snow */
.icon_332.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -166px -151px;
}

/* Moderate snow */
.icon_329.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -230px -151px;
}

/* Patchy moderate snow */
.icon_326.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -286px -151px;
}

/* Light snow */
.icon_323.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -355px -151px;
}

/* Patchy light snow */
.icon_320.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -422px -151px;
}

/* Moderate or heavy sleet */


.icon_317.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -47px -214px;
}

/* Light sleet */
.icon_314.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -106px -214px;
}

/* Moderate or Heavy freezing rain */
.icon_311.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -172px -214px;
}

/* Light freezing rain */
.icon_308.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -230px -214px;
}

/* Heavy rain */
.icon_305.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -299px -214px;
}

/* Heavy rain at times */
.icon_302.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -361px -214px;
}

/* Moderate rain */
.icon_299.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -421px -214px;
}

/* Moderate rain at times */

.icon_296.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -51px -278px;
}

/* Light rain */
.icon_293.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -105px -281px;
}

/* Patchy light rain */
.icon_284.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -177px -281px;
}

/* Heavy freezing drizzle */
.icon_281.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -246px -281px;
}

/* Freezing drizzle */
.icon_266.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -300px -281px;
}

/* Light drizzle */
.icon_263.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -357px -281px;
}

/* Patchy light drizzle */
.icon_260.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -419px -281px;
}

/* Freezing fog */

.spotDtlsOverall {
    color: #a8a9aa;
    font-size: 25px;
}

.cancel-loader {
    background: url('../images/loader.gif') no-repeat scroll center 0;
    width: 100px;
    height: 50px;
}

.waitMessage {
    text-align: center;
}


.icon_248.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -53px -330px;
}

/* Fog */
.icon_230.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -114px -330px;
}

/* Blizzard */
.icon_227.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -179px -330px;
}

/* Blowing snow */
.icon_200.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -256px -335px;
}

/* Thundery outbreaks in nearby */
.icon_185.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -336px -330px;
}

/* Patchy freezing drizzle nearby */
.icon_182.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -409px -330px;
}

/* Patchy sleet nearby */
.icon_179.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -55px -398px;
}

/* Patchy snow nearby */

.icon_176.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -133px -398px;
}

/* Patchy rain nearby */
.icon_143.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -199px -392px;
}

/* Mist */
.icon_122.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -260px -399px;
}

/* Overcast */
.icon_119.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -312px -393px;
}

/* Cloudy */
.icon_116.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -371px -393px;
}

/* Partialy Cloudy */
.icon_113.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -421px -393px;
}

/* Clear/Sunny */

.icon_wind_high.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -57px -449px;
}

/* High Wind */
.icon_wind_medium.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -101px -449px;
}

/* Medium Wind */
.icon_wind_low.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -148px -449px;
}

/* Low Wind */

.icon_wave_low.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -200px -453px;
}

/* High wave */
.icon_wave_medium.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -253px -453px;
}

/* Medium wave */
.icon_wave_high.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -307px -453px;
}

/* Low wave */

/***************************************************************** Night icons ***********************************************************************/
.icon_395.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -44px -33px;
}

/* Moderate or heavy snow in area with thunder */
.icon_392.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -102px -33px;
}

/* Patchy light snow in area with thunder */
.icon_389.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -166px -39px;
}

/* Moderate or heavy rain in area with thunder */
.icon_386.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -227px -36px;
}

/* Patchy light rain in area with thunder */
.icon_377.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -289px -36px;
}

/* Moderate or heavy showers of ice pellets */
.icon_374.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -354px -36px;
}

/* Light showers of ice pellets */
.icon_371.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -422px -36px;
}

/* Moderate or heavy snow showers */

.icon_368.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -39px -96px;
}

/* Light snow showers */
.icon_365.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -102px -96px;
}

/* Moderate or heavy sleet showers */
.icon_362.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -166px -96px;
}

/* Light sleet showers */
.icon_359.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -227px -96px;
}

/* Torrential rain shower */
.icon_356.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -286px -96px;
}

/* Moderate or heavy rain shower */
.icon_353.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -355px -96px;
}

/* Light rain shower */
.icon_350.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -417px -96px;
}

/* Ice pellets */

.icon_338.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -43px -158px;
}

/* Heavy snow */
.icon_335.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -106px -158px;
}

/* Patchy heavy snow */
.icon_332.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -166px -158px;
}

/* Moderate snow */
.icon_329.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -235px -158px;
}

/* Patchy moderate snow */
.icon_326.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -295px -158px;
}

/* Light snow */
.icon_323.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -355px -158px;
}

/* Patchy light snow */
.icon_320.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -418px -158px;
}

/* Moderate or heavy sleet */

.icon_317.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -41px -209px;
}

/* Light sleet */
.icon_314.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -107px -215px;
}

/* Moderate or Heavy freezing rain */
.icon_311.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -173px -219px;
}

/* Light freezing rain */
.icon_308.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -235px -219px;
}

/* Heavy rain */
.icon_305.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -301px -215px;
}

/* Heavy rain at times */
.icon_302.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -362px -218px;
}

/* Moderate rain */
.icon_299.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -420px -218px;
}

/* Moderate rain at times */

.icon_296.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -47px -278px;
}

/* Light rain */
.icon_293.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -108px -278px;
}

/* Patchy light rain */
.icon_284.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -178px -278px;
}

/* Heavy freezing drizzle */
.icon_281.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -248px -278px;
}

/* Freezing drizzle */
.icon_266.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -303px -278px;
}

/* Light drizzle */
.icon_263.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -367px -278px;
}

/* Patchy light drizzle */
.icon_260.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -427px -278px;
}

/* Freezing fog */

.icon_248.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -45px -330px;
}

/* Fog */
.icon_230.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -114px -336px;
}

/* Blizzard */
.icon_227.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -178px -336px;
}

/* Blowing snow */
.icon_200.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -240px -343px;
}

/* Thundery outbreaks in nearby */
.icon_185.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -322px -343px;
}

/* Patchy freezing drizzle nearby */
.icon_182.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -409px -343px;
}

/* Patchy sleet nearby */
.icon_179.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -49px -398px;
}

/* Patchy snow nearby */

.icon_176.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -122px -398px;
}

/* Patchy rain nearby */
.icon_143.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -182px -392px;
}

/* Mist */
.icon_122.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -248px -398px;
}

/* Overcast */
.icon_119.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -322px -394px;
}

/* Cloudy */
.icon_116.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -381px -394px;
}

/* Partialy Cloudy */
.icon_113.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -426px -397px;
}

/* Clear/Sunny */

.icon_wind_high.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -57px -449px;
}

/* High Wind */
.icon_wind_medium.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -101px -449px;
}

/* Medium Wind */
.icon_wind_low.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -148px -449px;
}

/* Low Wind */

.icon_wave_low.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -207px -460px;
}

/* High wave */
.icon_wave_medium.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -269px -460px;
}

/* Medium wave */
.icon_wave_high.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -332px -460px;
}

/* Low wave */

/* Landing Apps Page */
#apps-firstContent {
    background-image: url("../images/apps_background3.png");
    background-repeat: no-repeat;
    height: 760px;
}

#apps-secondContent {
    padding: 80px 0px 80px 0px;
}

#apps-thirdContent {
    background-color: #E1D4B2;
    background-repeat: no-repeat;
    height: 620px;
}

#apps-fifthContent {
    background-image: url("../images/apps_background2.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.apps-firstMainText {
    font-size: 41px;
}

.apps-firstText {
    font-size: 26px;
    margin-left: 30px;
}

.apps-firstContentText {
    padding-top: 150px;
}

.apps-secondText {
    font-size: 20px;
    font-weight: 300;
}

.apps-secondMainText {
    font-size: 30px;
    color: #3C5F65;
    font-weight: 300;
}

#firstDivP {
    padding-top: 2px;
}

#secondDivP {
    padding-top: 35px;
}

#thirdDivP {
    padding-top: 3px;
}

.apps-thirdText {
    font-size: 30px;
    font-weight: 200;
    line-height: 25px;
}

.apps-thirdMainText {
    color: #3C5F63;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 25px;
}

section#apps-fifthContent .style {
    height: 55px;
}

section#apps-fifthContent .desc-style {
    height: 300px;
}

.apps-fifthMainText {
    font-size: 24px;
    font-weight: 300;
    float: left;
    color: #fff;
}

.apps-fifthIcons {
    padding-top: 15px;
    padding-right: 5px;
    float: left;
}

.apps-fifthUpperDiv {
    padding-top: 20px;
}

.appsAlert {
    padding: 10px;
    margin-bottom: 0px;
}

.apps_mobileIcons {
    padding-top: 40px;
    margin-left: 50px;
}

.apps_mobileStore {
    padding-top: 40px;
}

#apps_mobileIconsIphone {
    padding-top: 40px;
}

a #apps_mobileIconsIphone {
    padding-top: 10px;
}

.schtxt {
    color: black;
    font-size: 21px;
    font-weight: lighter;
    overflow: hidden;
}

.btn-green {
    background-color: #3A5D5F;
    font-size: 18px;
    text-transform: uppercase;
    border: 0 none;
    border-radius: 0;
    padding: 0 12px;
    color: #ffffff;
}

.btn-green:hover {
    color: #ffffff;
}

.indivAddon .form-control {
    font-size: 19px;
}

.laster {
    height: 100%;
}

.arrowdown {
    position: absolute;
    background-image: url("../images/slider_nav_1.png");
    background-position: 0px -20px;
    background-repeat: no-repeat;
    height: 20px;
    opacity: 1;
    width: 20px;
    z-index: 999;
    right: 0px;
    bottom: 0px;
}

.bd {
    border-bottom: 1px solid #cfcfcf;
    height: 115px;
}

.show_accom {
    color: #ffffff;
    position: absolute;
    left: 15px;
}

.rpn {
    padding-top: 10px;
}

.team-name {
    float: left;
    margin-left: 12px !important;
    width: 85%;
}

.team-person .not_fav_icon {
    position: absolute;
    top: 5px;
}

.bdowndash {
    border-bottom: 1px dashed #828282;
}

.team-person-tags ul {
    margin-left: 9px;
}

.team-person-description p {
    padding-left: 30px;
}

.bkdthis {
    padding: 3px 10px;
    background-color: #a3a3a3;
    color: #fff;
    display: inline-block;
}

.bb {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 0px;
}

#services .service_item .item-description .content .description {
    padding-right: 70px;
}

.icon-slider {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: -3px;
}

.tideIcon {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: -6px;
}

.wrappercols {
    width: 14.28%;
    float: left;
    border-left: 1px dashed #9C9C9C;
}

.header-col1-5 {
    width: 100%;
    background-color: #3A5D5F;
    color: #A7BBBC;
    text-align: center;
}

.col1-5 {
    height: 70px;
    overflow: hidden;
}

.border {
    border: 1px solid #cfcfcf;
}

.topGraph {
    width: 100%;
}

.topGraph2 {
    margin-top: 40px;
}

.weathercontainer {
    width: 100%;
    margin-top: 40px;
    min-height: 500px;
}

.labels {
    width: 20%;
    display: block;
    float: left;
    font-size: 18px;
    padding-right: 50px;
}

.weathertbl {
    float: left;
    margin-right: 10px;
    background-color: #3A5D5F;
    color: #A4BCBC;
}


.tblColumn {
    width: 12.5%;
    float: left;
}

.tblColumn:nth-child(-n+2) {
    background-color: #324C4D;
}

.tblColumn:last-child {
    background-color: #324C4D;
}

.tblCell {
    width: 100%;
    text-align: center;
    height: 35px;
    line-height: 2.3;
    font-size: 17px;
    position: relative;
}

.labelCell {
    height: 35px;
    line-height: 2.3;
    font-size: 17px;
}

.bb {
    border-bottom: 1px dashed #9D9B9C;
}

.tblColumn .tblCell:nth-child(-n+1), .tblColumn .tblCell:nth-child(5), .tblColumn .tblCell:nth-child(10), .tblColumn .tblCell:nth-child(13) {
    border-bottom: 1px dashed #A4BCBC;
}


.containerTables {
    width: 80%;
    float: left;
}

.elemItem {
    width: 12.5%;
    height: 100%;
    position: relative;
    float: left;
}

.elemItem .elmMed {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.elemItem .elmMax {
    position: absolute;
    width: 100%;
    height: 2px;
}

.fsWidget {
    font-size: 18px;
}

.hdrLabels {
    font-size: 20px;
    color: #3B5C63;
    background-color: #fff;
    padding-bottom: 20px;
    margin: 0px;
}

.spinnerBig {
    background: url("../images/spinner_big.gif");
    height: 200px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 200px;
    z-index: 9999;
    margin-top: 20px;
    display: none;
}

.weathercontainer {
    padding-bottom: 20px;
}

.tblCell.arrows {
    padding-top: 10px;
}

.square {
    width: 10%;
    float: left;
    height: 30px;
}

.legend {
    padding-top: 80px;
    float: left;
    font-size: 15px;
}

.db {
    display: block;
}

.square.wind.i1 {
    background-color: #E9FCFF
}

.square.wind.i2 {
    background-color: #CFEBEF
}

.square.wind.i3 {
    background-color: #B8E0E0
}

.square.wind.i4 {
    background-color: #9DCDCD
}

.square.wind.i5 {
    background-color: #80B9C0
}

.square.wind.i6 {
    background-color: #66A9B1
}

.square.wind.i7 {
    background-color: #4D97A0
}

.square.wind.i8 {
    background-color: #348892
}

.square.wind.i9 {
    background-color: #197781
}

.square.wind.i10 {
    background-color: #016773
}

.square.wave.i1 {
    background-color: #C5F3FF
}

.square.wave.i2 {
    background-color: #A7E4FF
}

.square.wave.i3 {
    background-color: #93CEF0
}

.square.wave.i4 {
    background-color: #7FBEE7
}

.square.wave.i5 {
    background-color: #69AFE0
}

.square.wave.i6 {
    background-color: #55A0D7
}

.square.wave.i7 {
    background-color: #4091D0
}

.square.wave.i8 {
    background-color: #2A83C7
}

.square.wave.i9 {
    background-color: #1673C0
}

.square.wave.i10 {
    background-color: #0065B7
}

.air.i1 {
    background-color: #0063FF
}

.air.i2 {
    background-color: #5FD2FF
}

.air.i3 {
    background-color: #DEFF4E
}

.air.i4 {
    background-color: #FFE001
}

.air.i5 {
    background-color: #FFA300
}

.air.i6 {
    background-color: #FF5C01
}

.air.i7 {
    background-color: #FF2A00
}

.air.i8 {
    background-color: #ffffff
}

.air.i9 {
    background-color: #ffffff
}

.air.i10 {
    background-color: #ffffff
}

.wave.intensity_0 {
    background-color: #C4F3FF !important
}

.wave.intensity_1 {
    background-color: #A7E4FF !important
}

.wave.intensity_2 {
    background-color: #93CDF1 !important
}

.wave.intensity_3 {
    background-color: #7FBEE7 !important
}

.wave.intensity_4 {
    background-color: #69B0E0 !important
}

.wave.intensity_5 {
    background-color: #55A0D7 !important
}

.wave.intensity_6 {
    background-color: #4190D1 !important
}

.wave.intensity_7 {
    background-color: #2B82C7 !important
}

.wave.intensity_8 {
    background-color: #1773BF !important
}

.wave.intensity_9 {
    background-color: #0165B7 !important
}

.wave.intensity_10 {
    background-color: #0165B7 !important
}

.wave.intensity_11 {
    background-color: #0165B7 !important
}

.wave.intensity_default {
    background-color: #0165B7
}

.wind.intensity_0 {
    background-color: #EAFCFF !important
}

.wind.intensity_1 {
    background-color: #CFEBEF !important
}

.wind.intensity_2 {
    background-color: #B8DFE0 !important
}

.wind.intensity_3 {
    background-color: #9DCDCD !important
}

.wind.intensity_4 {
    background-color: #80B9C0 !important
}

.wind.intensity_5 {
    background-color: #66A9B1 !important
}

.wind.intensity_6 {
    background-color: #4E98A0 !important
}

.wind.intensity_7 {
    background-color: #358892 !important
}

.wind.intensity_8 {
    background-color: #197781 !important
}

.wind.intensity_9 {
    background-color: #016773 !important
}

.wind.intensity_10 {
    background-color: #016773 !important
}

.wind.intensity_11 {
    background-color: #016773 !important
}

.wind.intensity_default {
    background-color: #006773
}

.ktsmax {
    margin-bottom: 5px;
}

.maxgraph {
    height: 40px;
    position: relative;
    padding: 2px;
}

.windgustcell {
    height: 48px;
}

.wndg {
    height: 58px;
}

.wrpspan {
    width: 95%;
    height: 67%;
    margin: 0 auto;
    color: #2C3C3C;
    line-height: 1.9;
}

.tblCell .air {
    /*margin:1px;*/
    width: 97%;
    margin: 0 auto;
}

.temp {
    color: #2C3C3C;
    overflow: hidden;
}

.temp .air span {
    color: #2c3c3c;
}

.scrolllikeGraph {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 7px;
    margin-bottom: 1px;
}

.scrolllikewindmed {
    background-color: #9dcdcd;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-right: 1px solid #324c4d;
}

.scrolllikewindmax {
    background-color: #CFEBEF;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;

}

.showExt {
    color: #a8a9aa !important;
    font-size: 25px;

}

.negative_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #86877F;
    text-align: right;
}

.positive_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #db0000;
}

.spot_content .spot_menu li.active {
    width: 200px;
}

.spot_content .spot_menu li {
    padding-right: 40px;
}

.spot_content .spot_menu li.active:last-child {
    width: 225px;
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .labels {
        display: none;
    }

    .weathertbl {
        width: 49%;
    }

    .containerTables {
        width: 100%;
    }

    .slick-prev {
        left: 2px !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

    .scrolllikeGraph {
        display: block;
    }

    .ktsmax {
        margin-bottom: 0px;
    }

    .tblColumn {
        width: 100%;
        float: none;
        padding-bottom: 9px;
    }

    .tblCell {
        width: 12.5%;
        float: left;
        height: 85px;
        line-height: 1.2;
        padding-top: 25px;
    }

    .weathertbl:nth-child(2) {
        display: none;
    }

    .weathertbl {
        width: 100%;
    }

    .temp {
        padding-top: 26px !important;
    }

    .temp span {
        color: #A4BCBC;
    }

    .tideType {
        padding-top: 40px;
    }

    .icon-slider {
        top: 20px;
    }

    .tblCell.arrows {
        padding-top: 36px;
    }

    .slick-prev, .slick-next {
        top: 2% !important;
    }

    .slick-prev {
        left: 25px !important;
        z-index: 999 !important;
    }

    .slick-next {
        right: 10px !important;
        z-index: 999;
    }

    .hdrLabels {
        padding-bottom: 0px;
        text-align: center;
    }

    .tblColumn .tblCell:nth-child(-n+1), .tblColumn .tblCell:nth-child(5), .tblColumn .tblCell:nth-child(10), .tblColumn .tblCell:nth-child(13) {
        background-color: #9DCDCD;
        color: #2A3D3B;
        width: 7%;
        padding-top: 35px;
    }

    .tblColumn .tblCell {
        width: 13.2%;
    }

    .tblColumn {
        border-bottom: 2px solid #D9CED4;
        position: relative;
    }

    .tblCell.ktsmax {
        padding-top: 20px;
    }

    .tblCell.secs {
        padding-top: 28px;
    }

    .wrappercols {
        width: 100%;
    }

    .topGraph .wrappercols + .wrappercols {
        display: none;
    }

    .topGraph2 .wrappercols + .wrappercols {
        display: none;
    }
}

.reviews-section h3 p span {
    display: inline-block
}

.reviews-top h3 {
    font-weight: 300;
    font-size: 24px;
    border-bottom: 1px solid #ccc;
}

.reviews-top .customer-reviews-title {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 36px;
}

.reviews-top .review-subject {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0;
}

.negative_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #86877F;
    text-align: right;
}

.reviews-top .review-author-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 40px;
}

.loader {
    background: url('../images/loader.gif') no-repeat scroll center 0;
    width: 100px;
    height: 50px;
    margin: 0 auto;
}

.positive_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #db0000;
}

.negative_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #86877F;
    text-align: right;
}

.miniWeatherWidget {
    height: 115px;
}

.miniWeatherWidget h2 {
    margin: 0px;
}

.spinner {
    background: url("../images/gif-load.gif");
    height: 25px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 25px;
    margin-top: 20px;
}

.spotDtlsOverall {
    color: #a8a9aa;
    font-size: 25px;
}


/* icons for weather forecast */
/***************************************************************** Day icons ***********************************************************************/
.icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.icon_395.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -44px -33px;
}

/* Moderate or heavy snow in area with thunder */
.icon_392.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -102px -33px;
}

/* Patchy light snow in area with thunder */
.icon_389.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -166px -33px;
}

/* Moderate or heavy rain in area with thunder */
.icon_386.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -227px -33px;
}

/* Patchy light rain in area with thunder */
.icon_377.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -292px -33px;
}

/* Moderate or heavy showers of ice pellets */
.icon_374.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -355px -33px;
}

/* Light showers of ice pellets */
.icon_371.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -422px -33px;
}

/* Moderate or heavy snow showers */

.icon_368.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -47px -93px;
}

/* Light snow showers */
.icon_365.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -106px -93px;
}

/* Moderate or heavy sleet showers */
.icon_362.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -166px -93px;
}

/* Light sleet showers */
.icon_359.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -230px -33px;
}

/* Torrential rain shower */
.icon_356.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -286px -33px;
}

/* Moderate or heavy rain shower */
.icon_353.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -355px -33px;
}

/* Light rain shower */
.icon_350.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -422px -33px;
}

/* Ice pellets */

.icon_338.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -47px -151px;
}

/* Heavy snow */
.icon_335.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -106px -151px;
}

/* Patchy heavy snow */
.icon_332.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -166px -151px;
}

/* Moderate snow */
.icon_329.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -230px -151px;
}

/* Patchy moderate snow */
.icon_326.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -286px -151px;
}

/* Light snow */
.icon_323.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -355px -151px;
}

/* Patchy light snow */
.icon_320.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -422px -151px;
}

/* Moderate or heavy sleet */

.icon_317.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -47px -214px;
}

/* Light sleet */
.icon_314.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -106px -214px;
}

/* Moderate or Heavy freezing rain */
.icon_311.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -172px -214px;
}

/* Light freezing rain */
.icon_308.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -230px -214px;
}

/* Heavy rain */
.icon_305.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -299px -214px;
}

/* Heavy rain at times */
.icon_302.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -361px -214px;
}

/* Moderate rain */
.icon_299.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -421px -214px;
}

/* Moderate rain at times */

.icon_296.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -51px -278px;
}

/* Light rain */
.icon_293.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -105px -281px;
}

/* Patchy light rain */
.icon_284.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -177px -281px;
}

/* Heavy freezing drizzle */
.icon_281.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -246px -281px;
}

/* Freezing drizzle */
.icon_266.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -300px -281px;
}

/* Light drizzle */
.icon_263.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -357px -281px;
}

/* Patchy light drizzle */
.icon_260.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -419px -281px;
}

/* Freezing fog */

.icon_248.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -53px -330px;
}

/* Fog */
.icon_230.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -114px -330px;
}

/* Blizzard */
.icon_227.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -179px -330px;
}

/* Blowing snow */
.icon_200.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -256px -335px;
}

/* Thundery outbreaks in nearby */
.icon_185.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -336px -330px;
}

/* Patchy freezing drizzle nearby */
.icon_182.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -409px -330px;
}

/* Patchy sleet nearby */
.icon_179.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -55px -398px;
}

/* Patchy snow nearby */

.icon_176.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -133px -398px;
}

/* Patchy rain nearby */
.icon_143.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -199px -392px;
}

/* Mist */
.icon_122.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -260px -399px;
}

/* Overcast */
.icon_119.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -312px -393px;
}

/* Cloudy */
.icon_116.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -371px -393px;
}

/* Partialy Cloudy */
.icon_113.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -421px -393px;
}

/* Clear/Sunny */

.icon_wind_high.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -57px -449px;
}

/* High Wind */
.icon_wind_medium.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -101px -449px;
}

/* Medium Wind */
.icon_wind_low.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -148px -449px;
}

/* Low Wind */

.icon_wave_low.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -200px -453px;
}

/* High wave */
.icon_wave_medium.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -253px -453px;
}

/* Medium wave */
.icon_wave_high.day {
    background: url("../images/beRide_icons_day.png");
    background-position: -307px -453px;
}

/* Low wave */

/***************************************************************** Night icons ***********************************************************************/
.icon_395.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -44px -33px;
}

/* Moderate or heavy snow in area with thunder */
.icon_392.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -102px -33px;
}

/* Patchy light snow in area with thunder */
.icon_389.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -166px -39px;
}

/* Moderate or heavy rain in area with thunder */
.icon_386.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -227px -36px;
}

/* Patchy light rain in area with thunder */
.icon_377.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -289px -36px;
}

/* Moderate or heavy showers of ice pellets */
.icon_374.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -354px -36px;
}

/* Light showers of ice pellets */
.icon_371.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -422px -36px;
}

/* Moderate or heavy snow showers */

.icon_368.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -39px -96px;
}

/* Light snow showers */
.icon_365.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -102px -96px;
}

/* Moderate or heavy sleet showers */
.icon_362.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -166px -96px;
}

/* Light sleet showers */
.icon_359.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -227px -96px;
}

/* Torrential rain shower */
.icon_356.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -286px -96px;
}

/* Moderate or heavy rain shower */
.icon_353.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -355px -96px;
}

/* Light rain shower */
.icon_350.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -417px -96px;
}

/* Ice pellets */

.icon_338.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -43px -158px;
}

/* Heavy snow */
.icon_335.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -106px -158px;
}

/* Patchy heavy snow */
.icon_332.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -166px -158px;
}

/* Moderate snow */
.icon_329.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -235px -158px;
}

/* Patchy moderate snow */
.icon_326.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -295px -158px;
}

/* Light snow */
.icon_323.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -355px -158px;
}

/* Patchy light snow */
.icon_320.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -418px -158px;
}

/* Moderate or heavy sleet */

.icon_317.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -41px -209px;
}

/* Light sleet */
.icon_314.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -107px -215px;
}

/* Moderate or Heavy freezing rain */
.icon_311.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -173px -219px;
}

/* Light freezing rain */
.icon_308.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -235px -219px;
}

/* Heavy rain */
.icon_305.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -301px -215px;
}

/* Heavy rain at times */
.icon_302.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -362px -218px;
}

/* Moderate rain */
.icon_299.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -420px -218px;
}

/* Moderate rain at times */

.icon_296.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -47px -278px;
}

/* Light rain */
.icon_293.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -108px -278px;
}

/* Patchy light rain */
.icon_284.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -178px -278px;
}

/* Heavy freezing drizzle */
.icon_281.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -248px -278px;
}

/* Freezing drizzle */
.icon_266.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -303px -278px;
}

/* Light drizzle */
.icon_263.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -367px -278px;
}

/* Patchy light drizzle */
.icon_260.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -427px -278px;
}

/* Freezing fog */

.icon_248.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -45px -330px;
}

/* Fog */
.icon_230.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -114px -336px;
}

/* Blizzard */
.icon_227.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -178px -336px;
}

/* Blowing snow */
.icon_200.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -240px -343px;
}

/* Thundery outbreaks in nearby */
.icon_185.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -322px -343px;
}

/* Patchy freezing drizzle nearby */
.icon_182.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -409px -343px;
}

/* Patchy sleet nearby */
.icon_179.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -49px -398px;
}

/* Patchy snow nearby */

.icon_176.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -122px -398px;
}

/* Patchy rain nearby */
.icon_143.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -182px -392px;
}

/* Mist */
.icon_122.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -248px -398px;
}

/* Overcast */
.icon_119.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -322px -394px;
}

/* Cloudy */
.icon_116.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -381px -394px;
}

/* Partialy Cloudy */
.icon_113.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -426px -397px;
}

/* Clear/Sunny */

.icon_wind_high.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -57px -449px;
}

/* High Wind */
.icon_wind_medium.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -101px -449px;
}

/* Medium Wind */
.icon_wind_low.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -148px -449px;
}

/* Low Wind */

.icon_wave_low.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -207px -460px;
}

/* High wave */
.icon_wave_medium.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -269px -460px;
}

/* Medium wave */
.icon_wave_high.night {
    background: url("../images/beRide_icons_night.png");
    background-position: -332px -460px;
}

/* Low wave */

.icon-slider {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: -3px;
}

.tideIcon {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: -6px;
}

.wrappercols {
    width: 14.28%;
    float: left;
    border-left: 1px dashed #9C9C9C;
}

.header-col1-5 {
    width: 100%;
    background-color: #3A5D5F;
    color: #A7BBBC;
    text-align: center;
}

.col1-5 {
    height: 70px;
    overflow: hidden;
}

.border {
    border: 1px solid #cfcfcf;
}

.topGraph {
    width: 100%;
}

.topGraph2 {
    margin-top: 40px;
}

.weathercontainer {
    width: 100%;
    margin-top: 40px;
    min-height: 500px;
}

.labels {
    width: 20%;
    display: block;
    float: left;
    font-size: 18px;
    padding-right: 50px;
}

.weathertbl {
    float: left;
    margin-right: 10px;
    background-color: #3A5D5F;
    color: #A4BCBC;
}


.tblColumn {
    width: 12.5%;
    float: left;
}

.tblColumn:nth-child(-n+2) {
    background-color: #324C4D;
}

.tblColumn:last-child {
    background-color: #324C4D;
}

.tblCell {
    width: 100%;
    text-align: center;
    height: 35px;
    line-height: 2.3;
    font-size: 17px;
    position: relative;
}

.labelCell {
    height: 35px;
    line-height: 2.3;
    font-size: 17px;
}

.bb {
    border-bottom: 1px dashed #9D9B9C;
}

.tblColumn .tblCell:nth-child(-n+1), .tblColumn .tblCell:nth-child(5), .tblColumn .tblCell:nth-child(10), .tblColumn .tblCell:nth-child(13) {
    border-bottom: 1px dashed #A4BCBC;
}


.containerTables {
    width: 80%;
    float: left;
}

.elemItem {
    width: 12.5%;
    height: 100%;
    position: relative;
    float: left;
}

.elemItem .elmMed {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.elemItem .elmMax {
    position: absolute;
    width: 100%;
    height: 2px;
}

.fsWidget {
    font-size: 18px;
}

.hdrLabels {
    font-size: 20px;
    color: #3B5C63;
    background-color: #fff;
    padding-bottom: 20px;
    margin: 0px;
}

.spinnerBig {
    background: url("../images/spinner_big.gif");
    height: 200px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 200px;
    z-index: 9999;
    margin-top: 20px;
    display: none;
}

.weathercontainer {
    padding-bottom: 20px;
}

.tblCell.arrows {
    padding-top: 10px;
}

.square {
    width: 10%;
    float: left;
    height: 30px;
}

.legend {
    padding-top: 80px;
    float: left;
    font-size: 15px;
}

.db {
    display: block;
}

.square.wind.i1 {
    background-color: #E9FCFF
}

.square.wind.i2 {
    background-color: #CFEBEF
}

.square.wind.i3 {
    background-color: #B8E0E0
}

.square.wind.i4 {
    background-color: #9DCDCD
}

.square.wind.i5 {
    background-color: #80B9C0
}

.square.wind.i6 {
    background-color: #66A9B1
}

.square.wind.i7 {
    background-color: #4D97A0
}

.square.wind.i8 {
    background-color: #348892
}

.square.wind.i9 {
    background-color: #197781
}

.square.wind.i10 {
    background-color: #016773
}

.square.wave.i1 {
    background-color: #C5F3FF
}

.square.wave.i2 {
    background-color: #A7E4FF
}

.square.wave.i3 {
    background-color: #93CEF0
}

.square.wave.i4 {
    background-color: #7FBEE7
}

.square.wave.i5 {
    background-color: #69AFE0
}

.square.wave.i6 {
    background-color: #55A0D7
}

.square.wave.i7 {
    background-color: #4091D0
}

.square.wave.i8 {
    background-color: #2A83C7
}

.square.wave.i9 {
    background-color: #1673C0
}

.square.wave.i10 {
    background-color: #0065B7
}

.air.i1 {
    background-color: #0063FF
}

.air.i2 {
    background-color: #5FD2FF
}

.air.i3 {
    background-color: #DEFF4E
}

.air.i4 {
    background-color: #FFE001
}

.air.i5 {
    background-color: #FFA300
}

.air.i6 {
    background-color: #FF5C01
}

.air.i7 {
    background-color: #FF2A00
}

.air.i8 {
    background-color: #ffffff
}

.air.i9 {
    background-color: #ffffff
}

.air.i10 {
    background-color: #ffffff
}

.wave.intensity_0 {
    background-color: #C4F3FF !important
}

.wave.intensity_1 {
    background-color: #A7E4FF !important
}

.wave.intensity_2 {
    background-color: #93CDF1 !important
}

.wave.intensity_3 {
    background-color: #7FBEE7 !important
}

.wave.intensity_4 {
    background-color: #69B0E0 !important
}

.wave.intensity_5 {
    background-color: #55A0D7 !important
}

.wave.intensity_6 {
    background-color: #4190D1 !important
}

.wave.intensity_7 {
    background-color: #2B82C7 !important
}

.wave.intensity_8 {
    background-color: #1773BF !important
}

.wave.intensity_9 {
    background-color: #0165B7 !important
}

.wave.intensity_10 {
    background-color: #0165B7 !important
}

.wave.intensity_11 {
    background-color: #0165B7 !important
}

.wave.intensity_default {
    background-color: #0165B7
}

.wind.intensity_0 {
    background-color: #EAFCFF !important
}

.wind.intensity_1 {
    background-color: #CFEBEF !important
}

.wind.intensity_2 {
    background-color: #B8DFE0 !important
}

.wind.intensity_3 {
    background-color: #9DCDCD !important
}

.wind.intensity_4 {
    background-color: #80B9C0 !important
}

.wind.intensity_5 {
    background-color: #66A9B1 !important
}

.wind.intensity_6 {
    background-color: #4E98A0 !important
}

.wind.intensity_7 {
    background-color: #358892 !important
}

.wind.intensity_8 {
    background-color: #197781 !important
}

.wind.intensity_9 {
    background-color: #016773 !important
}

.wind.intensity_10 {
    background-color: #016773 !important
}

.wind.intensity_11 {
    background-color: #016773 !important
}

.wind.intensity_default {
    background-color: #006773
}

.ktsmax {
    margin-bottom: 5px;
}

.maxgraph {
    height: 40px;
    position: relative;
    padding: 2px;
}

.windgustcell {
    height: 48px;
}

.wndg {
    height: 58px;
}

.wrpspan {
    width: 95%;
    height: 67%;
    margin: 0 auto;
    color: #2C3C3C;
    line-height: 1.9;
}

.tblCell .air {
    /*margin:1px;*/
    width: 97%;
    margin: 0 auto;
}

.temp {
    color: #2C3C3C;
    overflow: hidden;
}

.temp .air span {
    color: #2c3c3c;
}

.scrolllikeGraph {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 7px;
    margin-bottom: 1px;
}

.scrolllikewindmed {
    background-color: #9dcdcd;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-right: 1px solid #324c4d;
}

.scrolllikewindmax {
    background-color: #CFEBEF;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;

}

.showExt {
    color: #a8a9aa !important;
    font-size: 25px;

}

.spot_content .spot_menu li.active {
    width: 200px;
}

.spot_content .spot_menu li {
    padding-right: 35px;
}

.spot_content .spot_menu li.active:last-child {
    width: 225px;
}

.negative_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #86877F;
    text-align: right;
}

.positive_reviews {
    font-weight: 300;
    font-size: 24px;
    color: #db0000;
}

.equal-height .courseDetails {
    text-align: center;
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .labels {
        display: none;
    }

    .weathertbl {
        width: 49%;
    }

    .containerTables {
        width: 100%;
    }

    /*#price {
        text-align: right;
    }*/
    .showExt {
        font-size: 19px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

    .scrolllikeGraph {
        display: block;
    }

    .ktsmax {
        margin-bottom: 0px;
    }

    .tblColumn {
        width: 100%;
        float: none;
        padding-bottom: 9px;
    }

    .tblCell {
        width: 12.5%;
        float: left;
        height: 85px;
        line-height: 1.2;
        padding-top: 25px;
    }

    .weathertbl:nth-child(2) {
        display: none;
    }

    .weathertbl {
        width: 100%;
    }

    .temp {
        padding-top: 26px !important;
    }

    .temp span {
        color: #A4BCBC;
    }

    .tideType {
        padding-top: 40px;
    }

    .icon-slider {
        top: 20px;
    }

    .tblCell.arrows {
        padding-top: 36px;
    }

    .slick-prev, .slick-next {
        top: -6% !important;
    }

    .slick-prev {
        left: 25px !important;
        z-index: 999 !important;
    }

    .weathercontainer .slick-prev {
        top: 2% !important;
        left: 0px !important;
    }

    .weathercontainer .slick-next {
        top: 2% !important;
    }

    .slick-next {
        right: 10px !important;
        z-index: 999;
    }

    .hdrLabels {
        padding-bottom: 0px;
        text-align: center;
    }

    .tblColumn .tblCell:nth-child(-n+1), .tblColumn .tblCell:nth-child(5), .tblColumn .tblCell:nth-child(10), .tblColumn .tblCell:nth-child(13) {
        background-color: #9DCDCD;
        color: #2A3D3B;
        width: 7%;
        padding-top: 35px;
    }

    .tblColumn .tblCell {
        width: 13.2%;
    }

    .tblColumn {
        border-bottom: 2px solid #D9CED4;
        position: relative;
    }

    .tblCell.ktsmax {
        padding-top: 20px;
    }

    .tblCell.secs {
        padding-top: 28px;
    }

    .wrappercols {
        width: 100%;
    }

    .topGraph .wrappercols + .wrappercols {
        display: none;
    }

    .topGraph2 .wrappercols + .wrappercols {
        display: none;
    }
}

#reviews-BestWorst h3.beride-green {
    text-align: right;
    color: #86877F !important
}

.spotDtlsOverall {
    color: #a8a9aa;
    font-size: 25px;
}

/* Landing Partner page */
#step1-landingpartner {
    background: url('../images/landingstep_1.png') no-repeat scroll center 0;
    background-size: cover;
    height: 364px;
}

#step2-landingpartner {
    background: url('../images/landingstep_2.jpg') no-repeat scroll center 0;
    background-size: cover;
    height: 369px;
}

#step3-landingpartner {
    background: url('../images/landingstep_3.png') no-repeat scroll center 0;
    background-size: cover;
    height: 373px;
}

#topFeature {
    background: url('../images/topFeature.png') no-repeat scroll center 0;
    background-size: cover;
    height: 750px;
}

.register-landingpartner {
    background-color: #BE0000;
    border: medium none;
    color: #fff;
    font-size: 40px;
    height: 80px;
    padding-bottom: 0;
    width: 50%;
    font-weight: 100;
    margin-top: 40px;
}

.lpTitle {
    font-size: 80px;
}

.topDivText {
    padding-top: 100px;
}

.middleTexth3 {
    color: #3C5F65;
    font-size: 38px;
    font-weight: 100
}

.middleTexth1 {
    color: #3C5F65;
    font-size: 55px;
    font-weight: 300;
    padding-top: 25px;
}

.lpStepTitle {
    font-size: 60px;
}

.lpListItem {
    font-size: 22px;
    color: #C6B8B8;
}

.lastStep {
    color: #3c5f65;
}

.lastStepDiv {
    padding-top: 25px;
}

.typeFormBackground {
    background: rgba(0, 0, 0, 0) url("../images/typeformbackground.jpg") no-repeat scroll center 0 / cover;
    height: 600px;
}

.typeFormBorder {
    border-left: 1px solid white;
}

/*merge*/

.activity-feed-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 520px;
    font-size: 18px;
}

.activity-feed-img {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
}

.activity-feed-text {
    margin-top: 10px;
}

.activity-feed-section {
    margin-top: 0;
}

@media (max-width: 992px) {
    .activity-feed-section {
        margin-top: 30px;
    }
}

#services .service_item .btn-primary.details {
    float: left;
    background: #3a5d60;
    margin: 0 15px 10px 0;
}

#services .service_item .btn-primary.book-btn {
    float: right;
}

#services .service_item .item-description .content .description {
    min-height: 148px;
}

.sel-location {
    border: medium none;
    float: left;
    font-size: 30px;
    font-weight: 200;
    height: 85px;
    line-height: 50px;
    outline: none;
    width: calc(100% - 45px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sel-location::-ms-expand {
    display: none;
}

.leftSearch {
    width: 72%;
    float: left;
}

.npdlg {
    padding: 0px;
}

@media (max-width: 1285px) {
    .showPackDetails {
        margin: 25px -4px;
    }

    .npdmd {
        padding: 0px;
    }

    .packCourseContainer .course-button {
        margin-top: 0px;
        margin-left: 0px !important;
        padding: 0px;
    }

    .packAccommodationContainer .course-button {
        margin-top: 0px;
        margin-left: 0px !important;
        padding: 0px;
    }

    .showPackDetails {
        float: right;
        margin: 20px 0px;
    }

    .showAccomDetails {
        float: right
    }

}

@media (max-width: 992px) {
    .detailsBtn {
        float: left;
    }

    .addTc {
        float: right;
    }

    .packCourseContainer .course-button {
        margin-top: 0px;
        margin-left: 0px !important;
        padding: 0px;
    }

    .packAccommodationContainer .course-button {
        margin-top: 0px;
        margin-left: 0px !important;
        padding: 0px;
    }

    .showPackDetails {
        float: right;
        margin: 20px 0px;
    }

    .showAccomDetails {
        float: right
    }

}

@media (max-width: 768px) {
    .sel-location, .sel-date-input, .sel-type {
        width: 100%;
        margin-bottom: 10px;
    }

    /* mobile version for school page tabs*/
    .pdx h2, .pdx p, .pdx a {
        padding: 0px 15px;
    }

    .pdx h2 {
        margin-top: 0px;
    }

    .packageContainer .arrowdown {
        right: -7px;
    }

    .packCourseContainer h4 {
        padding: 0px;
    }

    .packCourseContainer .course-button {
        margin-top: 0px;
        margin-left: 0px !important;
        padding: 0px;
    }

    .packAccommodationContainer .course-button {
        margin-top: 0px;
        margin-left: 0px !important;
        padding: 0px;
    }

    #searchResultsPackages .openerx {
        padding: 0px;
    }

    #searchResults .openerx {
        padding: 0px;
    }

    .packageContainer {
        padding: 0px;
    }

    .activDetails {
        padding-right: 20px;
    }

    .showPackDetails {
        margin: 14px -13px;
    }

    .showPackDetails, .showAccomDetails {
        font-size: 15px;
        float: right;
    }

    .count_course {
        font-size: 14px;
    }

    .add-cart {
        margin-left: 0px;
    }

    .package-number {
        height: 48px;
    }

    .leftSearch {
        width: 72%;
    }

    .accommContainer, .indivRoom .btn-primary {
        margin: 10px 0 25px !important;
    }

    .indivRoom .form-control {
        font-size: 13px;
    }

    .service_item .item-description img {
        width: 100%;
        padding: 10px;
    }

    .price {
        margin: 10px 0px;
    }

    .bookings-btn-group .dropdown {
        margin: 10px 0;
    }

    .service_item span.price {
        font-size: 20px;
    }

    .pcst {
        padding: 0px 10px 0px 0px;
    }

    .activities.tab-content .activity h3 {
        margin-left: 0px;
    }

    .service_item .item-title .course_title h4 {
        margin-left: 13px;
    }

    .icons_container {
        margin-right: 13px;
    }

    .item-title .icons_container {
        margin-right: 0;
    }

    .item-title .icons_container .fav_icon,
    .item-title .icons_container .not_fav_icon {
        height: 20px;
    }

    #services .service_item .item-description .content .description {
        padding-right: 0;
    }

    .service_item span.price {
        width: 100%;
        line-height: 100px;
    }

    .childPrice {
        height: 40px;
        width: 30px;
    }

    .pdr {
        padding: 0px 15px 0px 0px;
    }

    .detailsBtn {
        float: right;
    }

    .addTc {
        float: right;
    }

    .addonsContainer .indivAddon #price {
        text-align: left;
    }

    .addonsContainer, .indivAddon .addon-numbers {
        margin: 4px 0;
        height: 53px;
    }

    /* end mobile version for school page tabs*/
    #searchResultsPacages .package_title .package_listing_title {
        margin-left: 0px !important;
    }

}

@media (max-width: 460px) {

    .leftSearch {
        width: 60%;
    }
}

.pcst, .npd {
    padding: 0px;
}

.rightButton {
    width: 20%;
    margin-left: 30px;
    float: right;
}

.addToCartCont {
    padding: 33px 10px 10px;
}

.add-cart {
    float: right;
}

.add_cart {
    float: right;
    margin-right: 20px !important;
}

/* My bookings - courses history listing */

.btnDetails {
    margin-left: 5px;
}

.course-description p {
    display: inline;
}

/* My bookings - courses history listing */

.btnDetails {
    margin-left: 5px;
}

.course-description p {
    display: inline;
}

.mBot5 {
    margin-bottom: 5px;
}

#course-modal-pending .modal-dialog, #course-modal-completed .modal-dialog {
    width: 70%;
}

@media (max-width: 380px) {
    section.site-footer .select_footer {
        margin-left: 0%;
    }

    section.site-footer .option_footer {
        font-size: 14px;
    }
}

.modalLoggedIn .modal-header button {
    margin-top: 4px;
}

.modalLoggedIn .welcomeTxt {
    color: #DC2321;
    font-size: 22px;
    text-transform: uppercase;
    display: block;
    padding: 25px 0 0 15px
}

.modalLoggedIn .modal-body {
    padding: 8px 10px 15px 10px;
}

.modalLoggedIn .modal-body ul {
    list-style: none;
    padding-left: 50px;
}

.modalLoggedIn .modal-body ul li {
    padding: 3px 0;
}

.modalLoggedIn .modal-body ul li a {
    color: #A3A3A3;
    font-size: 22px;
    text-transform: uppercase;
    text-decoration: none;
}

.modalLoggedIn .modal-body ul li a:hover {
    color: #3A5D5F;
}

.modalLoggedIn .modal-body ul a:hover:before {
    margin: 0 5px 0 -60px;
    display: inline-block;
    width: 55px;
    height: 20px;
    background: #3A5D5F;
    content: "";
}

/* Instructors Landing Page */
#instructors_topFeature {
    background: url('../images/instructors_topImg.png') no-repeat scroll center 0;
    background-size: cover;
    height: 750px;
}

.instructors_title {
    color: #fff;
    font-size: 52px;
    font-weight: 300;
}

#step1-instructorsPage {
    background: rgba(0, 0, 0, 0) url('../images/landingstep_1.png') no-repeat scroll center 0 / cover;
    height: 364px;
}

#step2-instructorsPage {
    background: rgba(0, 0, 0, 0) url('../images/landingstep_2.jpg') no-repeat scroll center 0 / cover;
    height: 364px;
}

#step3-instructorsPage {
    background: rgba(0, 0, 0, 0) url('../images/landingstep_3.png') no-repeat scroll center 0 / cover;
    height: 364px;
}

#instructorsRegister {
    background-attachment: scroll;
    background-color: #e1d4b2;
    background-repeat: no-repeat;
    background-size: cover;
}

#instructorsRegisterTitle {
    padding: 20px 0px 20px;
    color: #3c5f65;
    font-size: 40px;
    font-weight: 200;
    text-align: center;
}

#instructorsTermsLabel {
    font-size: 20px;
}

.cvForm {
    width: 80%;
    float: left;
    padding: 0px 5px;
    position: absolute;
    opacity: 0;
}

.registerUpload {
    background-color: #3c5f65;
    border: medium none;
    color: white;
    cursor: pointer !important;
    display: inline-block;
    float: left;
    font-size: 24px;
    margin-left: 5px;
    padding: 15px 0px;
    text-align: center;
    text-decoration: none;
    width: 19%;
}

.instructorsSubmit {
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 40%;
}

/************************************************* reviews sidebar ****************************************************/
.revs {
    background-color: #3A5D60;
    font-size: 25px;
    padding: 0px 20px;
    color: #fff;
    margin-top: 40px;
}

.reviewsSidebarContainer {
    background-color: #fff;
}

.reviewsSidebarContainer span {
    display: block
}

.reviewTitle {
    color: #3c5e61;
    font-weight: bold;
    font-size: 20px;
}

.reviewDescr {
    font-size: 18px;
}

.webbox h2 {
    background: #3c5e61 none repeat scroll 0 0;
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 0px 0px;
    text-align: center;
}

.editRev {
    background: url('../images/editBtn.JPG') no-repeat;
    width: 30px;
    height: 83px;
    float: right;
    background-color: #C0CACB;
    background-position: 0px;
}

.editRev:hover {
    cursor: pointer;
}

.btnAddReview {
    width: 100%;
    height: 50px;
    text-transform: lowercase;
    font-size: 23px;
}

.ed {
    border-top: 1px solid #fff;
}

.itemRevs {
    padding: 15px;
    overflow-wrap: break-word;
}

.itemRevsStars {
    padding: 30px 15px 15px 15px;
}

.reviewTitleModal {
    color: #fff;
}

#selectedActivity {
    width: 100%;
    height: 40px;
}

/************************************************* end reviews sidebar *************************************************/


.modalLoggedIn .modal-header button {
    margin-top: 4px;
}

.modalLoggedIn .welcomeTxt {
    color: #DC2321;
    font-size: 22px;
    text-transform: uppercase;
    display: block;
    padding: 25px 0 0 15px
}

.modalLoggedIn .modal-body {
    padding: 8px 10px 15px 10px;
}

.modalLoggedIn .modal-body ul {
    list-style: none;
    padding-left: 50px;
}

.modalLoggedIn .modal-body ul li {
    padding: 3px 0;
}

.modalLoggedIn .modal-body ul li a {
    color: #A3A3A3;
    font-size: 22px;
    text-transform: uppercase;
    text-decoration: none;
}

.modalLoggedIn .modal-body ul li a:hover {
    color: #3A5D5F;
}

.modalLoggedIn .modal-body ul a:hover:before {
    margin: 0 5px 0 -60px;
    display: inline-block;
    width: 55px;
    height: 20px;
    background: #3A5D5F;
    content: "";
}

.registerCV {
    position: relative;
}

.bookings-btn-group .price {
    font-size: 28px;
    font-weight: 600;
    padding: 0 10px;
    margin-left: 5px;
    background-color: #F7F6F0;
}

.bookings-btn-group .dropdown-toggle {
    min-height: 40px;
    font-size: 18px;
    padding: 0 5px;
    background-color: #F7F6F0;
}

.bookings-btn-group .dropdown-menu {
    margin-top: 7px;
    right: -30px;
    background-color: #F7F6F0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bookings-btn-group .dropdown-menu li {
    margin: 2px 5px 5px 5px;
    border-bottom: 1px dashed #90908E;
}

.bookings-btn-group .dropdown-menu li:last-child {
    border: none;
    margin-bottom: 0;
}

.bookings-btn-group .dropdown-menu li a {
    padding: 3px 10px;
    font-size: 18px;
    color: #90908E;
}

.bookings-btn-group .dropdown-menu li a:hover {
    background: #F7F6F0;
    text-decoration: underline;
    color: #db0000;
}

.bookings-btn-group .open:after {
    position: absolute;
    top: 40px;
    left: 15px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #F7F6F0;
    border-left: 7px solid transparent;
    content: '';
}

@media (max-width: 494px) {
    .bookings-btn-group .price {
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }

    .bookings-btn-group .dropdown, .bookings-btn-group .dropdown-toggle {
        width: 100%;
    }

    .bookings-btn-group .dropdown {
        margin: 0;
    }
}


a #apps_mobileIconsAndroid {
    padding-top: 10px;
}

.room_details_description {
    padding: 0 !important;
}

.modal-sm .registerBodyModal {
    padding: 30px;
}

.btn-file-input {
    display: inline-block;
    width: 200px;
    height: 40px;
    overflow: hidden;
    position: relative;
}

.btn-file-input > input[type="file"] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.upload-wrap {
    position: relative;
}

.upload-btn {
    position: absolute;
    left: 0;
    opacity: 0;
}

input#fakeInput {
    background-color: #f8f8f8;
    display: block;
    float: left;
    box-sizing: border-box;
    border: initial;
}


#selectedFile {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.registerCV {
    position: relative;
}

.small-margins {
    margin-top: 5px;
    margin-bottom: 5px;
}

a #apps_mobileIconsWindows {
    padding-top: 10px;
}

.bookings-btn-group .price {
    font-size: 28px;
    font-weight: 600;
    padding: 0 10px;
    margin-left: 5px;
    background-color: #F7F6F0;
}

.bookings-btn-group .dropdown-toggle {
    min-height: 40px;
    font-size: 18px;
    padding: 0 5px;
    background-color: #F7F6F0;
}

.bookings-btn-group .dropdown-menu {
    margin-top: 7px;
    right: -30px;
    background-color: #F7F6F0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bookings-btn-group .dropdown-menu li {
    margin: 2px 5px 5px 5px;
    border-bottom: 1px dashed #90908E;
}

.bookings-btn-group .dropdown-menu li:last-child {
    border: none;
    margin-bottom: 0;
}

.bookings-btn-group .dropdown-menu li a {
    padding: 3px 10px;
    font-size: 18px;
    color: #90908E;
}

.bookings-btn-group .dropdown-menu li a:hover {
    background: #F7F6F0;
    text-decoration: underline;
    color: #db0000;
}

.bookings-btn-group .open:after {
    position: absolute;
    top: 40px;
    left: 15px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #F7F6F0;
    border-left: 7px solid transparent;
    content: '';
}

@media (max-width: 494px) {
    .bookings-btn-group .price {
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }

    .bookings-btn-group .dropdown, .bookings-btn-group .dropdown-toggle {
        width: 100%;
    }

    .bookings-btn-group .dropdown {
        margin: 0;
    }
}


.logoIndex {
    z-index: 999;
}

#myVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    z-index: -1;
    right: 0;
    bottom: 0%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
}

.containerPosition {
    position: relative;
    z-index: 2;
}

.content .backgroundCity {
    min-height: 450px;
}

#services #difficulties p {
    font-size: 20px;
}

.activities .surfDesc .courseDiffTitle {
    color: #a3a3a3;
}

.no-padding-top .textDiv {
    padding: 5px;
}

.backgroundCity .cityDescriptionText {
    color: #fff;
    font-size: 25px;
    /*text-shadow:2px 2px #000;*/
}

.search-results .activityDescrDiv {
    margin-top: 15px;
}

.activityDescrDiv .activityTitle {
    font-size: 25px;
    margin-left: 5px;
    color: #3A5D60;
}

.search-results .activityDescrText {
    font-size: 20px;
    padding: 15px;
}

.activityDescrDiv .activityIcon {
    background-color: #395C5E;
    border-radius: 50%;
}

.page-search-results .darkLayer {
    height: 450px;
    width: 100%;
    background: url("../images/radient.png");
}

#mobile-cookie {
    background: #fff;
    color: #999;
    min-height: 40px;
    position: fixed;
    font-size: 18px;
    padding-top: 5px;
    background-color: #1c3337;
    right: 0;
    left: 0;
    z-index: 1234;
}

.menu_links #myAccountText {
    font-size: 24px;
    font-weight: 300;
    cursor: pointer;
}

.register-user {
    background-color: #929292;
    background-image: url("../images/user.png");
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

#loginLnk {
    cursor: pointer;
}

#services #difficulties p {
    font-size: 20px;
}

.activities .surfDesc .courseDiffTitle {
    color: #a3a3a3;
}

#cart .item-title.vat {
    font-size: 16px;
}

.checkout .cart-vat {
    padding-left: 55px;
    font-size: 16px;
    color: #fff;
}


.close-thik:after {
    content: '✖'; /* UTF-8 symbol */
    color: #fff;
}

.dismissApp {
    padding-top: 3px;
    padding-right: 0px;
}

.getAppMessage {
    padding-top: 2px;
    color: #fff;
}

.appBar {
    width: 50px;
    height: 50px;
}

.bodyApp {
    padding-bottom: 5px;
}

#cart .item-title.vat {
    font-size: 16px;
}

.checkout .cart-vat {
    padding-left: 55px;
    font-size: 16px;
    color: #fff;
}

.footer-container .footer_apps_div {
    float: left;
}

.footer-container .footerImages {
    padding-bottom: 10px;
}

.footer-container .footer_social_links {
    padding: 15px 0px;
}

#addons-modal .addon-price, #package-details-modal .package-price {
    font-size: 24px;
}

.footer-container .footer_apps_div {
    float: left;
    margin-bottom: 20px;
}

#addons-modal .modalSocialLinks {
    padding-top: 8px;
}

.footer-container .footerImages {
    padding-bottom: 10px;
}

#addons-modal .shareText, #package-details-modal .shareText {
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.footer-container .footer_social_links {
    padding: 15px 0px;
    float: left;
    padding-right: 5px;
}

#addons-modal .addthis_inline_share_toolbox, #package-details-modal .addthis_inline_share_toolbox {
    display: inline-block;
    padding-top: 5px;
}

.addonsContainer .imageContainer, .addonsContainer .infosContainer {
    padding-bottom: 10px;
}

.addonsContainer .priceDiv {
    padding: 10px 0px 0px 0px;
}

.addonsContainer .addonTitle {
    font-size: 25px;
}

.addonsContainer .detailsDiv {
    padding-top: 5px;
    padding-right: 0px;
}

.addonsContainer .cartDiv {
    padding-right: 0px;
}

#addons-modal .addon-numbers {
    height: 27px;
}

#recomandations a {
    text-decoration: none;
}

.recomnededCourseName {
    border-bottom: 1px dashed #d8dfe0;
}

#recomandations .courseName {
    color: #3b5d60;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#recomandations .recommended-price {
    margin: 5px 0px 10px 0px;
}


#searchResultsPackages .price-block {
    top: 55px;
}

#searchResultsPackages .package-description {
    padding-right: 70px;
}

.service_item span.pacakge-price {
    height: 185px;
}

#searchResultsPackages .package_listing_title {
    padding: 5px;
}

#searchResultsPackages .favorites .packages_favicon {
    height: 40px;
}

#package-details-modal .packageLabel {
    color: #737373;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
}

.cart-border {
    border-top: 1px dashed #a3a3a3;
    margin: 20px 0px 20px 0px;
}

#package-details-modal .accommodation_title, #package-book-modal .accommodation_title {
    font-size: 21px;
    font-weight: 500;
}

#package-details-modal p, #package-book-modal p {
    font-weight: 300;
    font-size: 17px;
}

#package-details-modal .package-title, #package-details-modal .packageCart {
    margin: 10px 0px 10px 0px;
}

#package-details-modal #social_links {
    margin-top: 20px;
}

#package-details-modal .activity_icon {
    width: 50px;
    height: 50px;
    margin: 5px 10px 0px 0px;
    float: left;
    background-color: #3A5D60;
}

#package-details-modal #activities .activity_name_title, #package-details-modal #items .item_category_title {
    font-size: 23px;
    font-weight: 400;
    color: #3A5D60;
    margin-bottom: 2px;
}

#package-details-modal #activities .courses_name_title {
    color: #E85148;
    font-size: 21px;
    margin: 0;
}

#package-details-modal .activity_container {
    margin-bottom: 15px;
}

#package-details-modal #packageSlots {
    height: 30px;
}

#package-details-modal #items .item_name {
    font-size: 18px;
    padding-top: 5px;
    font-weight: 300;
}

#package-details-modal .item_icon {
    float: left;
    margin: 0px;
    width: 30px;
    height: 30px;
}

#package-details-modal #name h2 {
    margin: 7px 0px 0px 0px;
}

#package-details-modal .activity_container a {
    text-decoration: none;
}

#package-details-modal .package_period_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/content_arrow_icon.png) right center;
    background-position-x: right;
    background-position: right center;
    background-repeat: no-repeat;
}

/* Service provider items new design */
.service_item_title {
    color: #486E71;
    font-size: 30px;
    margin-top: 0px;
}

.service_item_price {
    background-color: #F6F5EE;
    padding: 1px;
    color: #486E71;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.service_item_container {
    margin-bottom: 15px;
    padding: 10px 0px 10px 0px;
}

.service_item_container:hover {
    background-color: #F1F4F4;
}

.service_item_description {
    margin-bottom: 13px;
    height: 80px;
}

.service_item_description p, .informations_normal, #package-details-modal #description p {
    font-size: 17px;
    font-weight: 300;
}

.informations_dark {
    color: #767070;
    font-weight: 400;
}

.informations_green {
    color: #486E71;
    font-weight: 300;
}

.service_item_informations p {
    margin-bottom: 0px;
    font-size: 17px;
}

.service_item_container img {
    height: 230px;
}

.btn-details {
    float: left;
    background: #3a5d60;
    margin: 0 15px 5px 0;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}

.btn-details:hover {
    color: #fff;
}

.btn-book {
    width: 100%;
}

.price_info {
    font-size: 18px;
    padding-top: 5px;
}

.price_span {
    font-size: 26px;
}


.service_item_container .slick-next {
    background: url(../images/service_next_arrow.png) no-repeat;
    right: -5px;
    height: 33px;
}

.service_item_container .slick-prev {
    background: url(../images/service_prev_arrow.png) no-repeat;
    left: 5px !important;
    height: 33px;
}

.imagesContainer {
    position: relative;
}

.servfavIcon {
    width: 40px;
    height: 40px;
    top: 10px;
    position: absolute;
    right: 20px;
    z-index: 999;
}

.service_favourite_icon {
    background: url("../images/service_favourite_icon.png") no-repeat;
}

.service_not_favourite_icon {
    background: url("../images/service_not_favourite_icon.png") no-repeat;
}

#package-details-modal .package-daterange-container {
    margin-bottom: 15px;
}

#package-details-modal #error_packages {
    margin-top: 10px;
    font-size: 16px;
}

.noPaddingRight {
    padding-right: 0px;
}

#package-details-modal #activities .activity_name_title {
    font-weight: 300;
}

.packageDate {
    position: absolute;
    bottom: 10px;
    z-index: 999;
    background-color: #496F72;
    color: #FFFFFF;
    padding: 5px 15px 5px 15px;
    border: 0.5px ridge #fff;
    left: 30px;
}

.package-daterange-flexible {
    font-size: 21px;
}

.invisible {
    visibility: hidden
}

#school_box .school_subtitle {
    margin-top: 0px;
    color: #3c5f63;
    font-weight: 300;
}

#school_box .school_title {
    margin-bottom: 0px;
}

#package-book-modal .datepicker-inline {
    width: 100%;
}

#package-book-modal .datepicker table {
    width: 100%;
}

.datepicker td.active, .datepicker td.selected, .datepicker span.active {
    background-image: linear-gradient(to bottom, #E52100, #E52100) !important;
}

#package-book-modal .datepicker span.month {
    border: 1px solid #ccc;
    font-size: 19px
}

#package-book-modal .datepicker-switch {
    font-size: 22px;
    padding: 0px;
}

.bookModalDate {
    font-size: 18px;
    font-weight: 300;
}

#services .popup-input-select {
    font-size: 17px;
    height: 30px;
}

#services .calendarLabel {
    font-size: 23px;
    font-weight: 300;
    margin-left: 8px;
}

#services .datepicker-inline .next {
    right: 30px;
    top: 10px;
}

#services .datepicker-inline .prev {
    left: 30px;
    top: 10px;
}

#services .datepicker-switch:hover {
    background: none;
}

.bookInfoBorder {
    border-top: 1px dashed #ccc;
    padding-top: 5px;
}

#services .selectInfoRow {
    margin-bottom: 10px;
}

#services .number-reserved-select {
    height: 30px;
    float: right;
    padding: 0px 0px 0px 5px;
}

#services .youSelectedSection {
    margin-top: 20px;
    display: none;
}

.btn-primary[disabled]:hover {
    background-color: #db0000;
}

#services .youSelectedTitle {
    font-size: 23px;
    margin-top: 20px;
}

#services .totalContainer {
    border-top: 1px solid #3a5d60;
}

#services .itemsTotalPrice {
    font-size: 20px;
}

#services .youSelectedRemoveBtn {
    width: 100%;
}

#services .datepicker-inline .prev:hover,
#services .datepicker-inline .next:hover,
body > div.datepicker .prev:hover,
body > div.datepicker .next:hover {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: transparent;
    position: absolute;
}

#services .datepicker-inline .prev:hover, body > div.datepicker .prev:hover {
    background-image: url("../images/slider_left.png");
    background-color: transparent;
}

#services .datepicker-inline .next:hover, body > div.datepicker .next:hover {
    background-image: url("../images/slider_right.png");
    background-color: transparent;
}

#services .bookInfoHeader .date-header p {
    font-size: 29px;
    color: #EB5840;
}

#services .bookInfoHeader .price-header p {
    text-align: right;
    font-size: 18px;
    font-weight: 300;
    padding-top: 10px;
}

.youSelectedContainer p {
    font-size: 18px;
    font-weight: 300
}

#services .selectedBox {
    width: 25px;
    height: 25px;
    background-color: #db0000;
    margin: 0px 15px 0px 5px;
    float: left;
    border-radius: 4px;
}

#services .selectedBoxLabel {
    float: left;
    font-size: 20px;
    font-weight: 300;
}

.invisible {
    visibility: hidden
}

#school_box .school_subtitle {
    margin-top: 0px;
}

#school_box .school_title {
    margin-bottom: 0px;
}

body > div.datepicker {
    width: 260px;
}

body > div.datepicker > div.datepicker-days > table,
body > div.datepicker > div.datepicker-months > table,
body > div.datepicker > div.datepicker-years > table,
body > div.datepicker > div.datepicker-decades > table,
body > div.datepicker > div.datepicker-centuries > table {
    width: 250px;
}


body > div.datepicker .next, body > div.datepicker .next:hover {
    top: 10px;
    right: 5px;
}

body > div.datepicker .prev, body > div.datepicker .prev:hover {
    left: 15px;
    top: 10px;
}

.input-green-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/arrow_icon_small.png") right center;
    background-position-x: right;
    background-position: right center;
    background-repeat: no-repeat;
}

.hiddenAlert {
    display: none
}

.social_links .headerText {
    float: left;
    font-weight: 300;
}

.social_links .info-partner-icon {
    background: url('../images/menu_partner.png') no-repeat;
}

#package-details-modal .selectRoomText, #package-book-modal .selectRoomText {
    margin-top: 10px;
}

/*#package-details-modal .roomLabel, #package-book-modal .selectRoomText {
    padding-left: 7px;
    font-size: 18px;
    font-weight: 300;
}*/

#package-details-modal .roomLabel, #package-book-modal .roomLabel {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#package-details-modal .roomLabel input, #package-book-modal .roomLabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#package-details-modal .roomLabel .checkmark, #package-book-modal .roomLabel .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #3a5d60;
    border-radius: 50%;
}

#package-details-modal .roomLabel .checkmark:after, #package-book-modal .roomLabel .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#package-details-modal .roomLabel input:checked ~ .checkmark:after, #package-book-modal .roomLabel input:checked ~ .checkmark:after {
    display: block;
}

#package-details-modal .roomLabel .checkmark:after, #package-book-modal .roomLabel .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

#package-details-modal .accommodation-title {
    margin-top: 10px;
}

#package-details-modal .accomDetailsRow, #package-book-modal .accomDetailsRow {
    background-color: #f8f7f3;
    margin-bottom: 10px;
}

#package-details-modal .detailsBtnAlign, #package-book-modal .detailsBtnAlign {
    padding-top: 12px;
    height: 100%;
}

.btn-details:focus {
    color: #ffff;
}

#package-book-modal .selectInfoRow {
    margin-top: 10px;
}

.labelDottedBorder {
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px dashed #333;
    height: 70%;
}

.labelRightText {
    background: white;
    padding-left: 4px;
    position: relative;
}

.labelLeftText {
    background: white;
    float: left;
    margin-right: 20px;
    padding-right: 4px;
    position: relative;
}

.labelContainer {
    position: relative;
    text-align: right;
    white-space: nowrap;
}

.title-left {
    float: left;
}

.extraSuccessMsg {
    color: #0fb55a
}

.extraTitle {
    margin: 0px 0px 25px 0px;
}

.extraFormAlign {
    margin-bottom: 20px;
}

.extraInputNumber {
    font-size: 19px;
    height: 27px;
    padding: 1px 5px 1px 5px;
}

.paypal_checkout_img {
    margin-bottom: 15px;
}

.reviewsRating2.jq-ry-container {
    padding: 0px;
}

#school_box .hasRatingValue {
    padding-left: 10px;
}

#school_box .ratingAverage {
    font-size: 18px;
}

#school_box .spot-flag {
    margin: 30px 0px 15px 40px;
}

#top-content .spot {
    padding-top: 130px;
}

.nounderline:hover, .nounderline:visited {
    text-decoration: none;
}

/* ============ NEWS CSS ============ */

#news-padding {
    margin: 30px 0 70px 0;
}

h2.title-2 {
    color: #db0000;
    font-size: 45px;
    font-weight: 200;
    margin-top: 60px;

}

/* ============ /NEWS CSS ============ */

/*******************************************************************************
** NEWSLETTER SECTION STYLE - Sergiu Tomus
*******************************************************************************/

#newsletter {
    background: url('../images/newsletter.png');
    font-size: 25px;
    /* height: 330px; */
    padding-bottom: 30px;
}

.newsletter-content {
    margin-bottom: 20px;
}

#newsletter .title-newsletter {
    color: #cc0000;
    /* font-size: 35px; */
    margin-top: 10px;
}


.lbl-email {
    background: url('../images/mail.png') no-repeat;
    background-color: #fff;
    background-position: 15px 25px;
    float: left;
    height: 85px;
    width: 60px;
}

#newsletter_email {
    border: medium none;
    background-color: #fff;
    float: left;
    font-size: 40px;
    font-weight: 200;
    height: 85px;
    line-height: 40px;
    background: transparent;
    background-color: #fff;
    width: 55%;
    margin-right: 5px;
}

.btnNewsletter {
    width: 27%;
    font-size: 40px;
    height: 85px;
    padding-bottom: 0px;
    background-color: #ff0000;
    border: none;
    color: #fff;
}

.alert_danger {
    font-size: 14px;
    width: 250px;
    margin-top: 10px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/*******************************************************************************
** END OF NEWSLETTER SECTION STYLE - Sergiu Tomus
*******************************************************************************/


/*******************************************************************************
** FOOTER SECTION STYLE - Sergiu Tomus
*******************************************************************************/

.microsoftAppDiv {
    padding-right: 12%;
}

/*section.site-footer .footer-left img {*/
/*    padding-bottom: 48px;*/
/*}*/

.googlePlay {
    padding-left: 8px;
}

.option_footer {
    background-color: transparent;
    padding: 3px;
    margin: 6px 0px 6px 0px;
    font-size: 17px;
}

.copyright-footer h5 {
    font-size: 20px;
}

.select_footer {
    margin-top: 10px;
}

/*******************************************************************************
** END OF FOOTER SECTION STYLE - Sergiu Tomus
*******************************************************************************/

/*******************************************************************************
** NEW HEADER STYLE - Sergiu Turus
*******************************************************************************/
section#top-header .partner-row {
    background-color: #f0e9d7;
    padding: 10px 0;
}

section#top-header .header_partner_text {
    font-weight: 300;
    margin-left: 5px;
    color: #7e7e7e;
}

section#top-header .select-container {
    margin-top: 5px;
    padding-left: 0px;
}

section#top-content .subtitle {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
}

section#top-content #select-date-container {
    width: 100%;
    background: #fff;
    height: 85px;
}

section#top-content .light-title {
    font-size: 35px;
    color: #fff;
}

section#top-content .lbl-sel-date {
    background: url('../images/sel-date.png') no-repeat;
    background-position: 5px 25px;
    float: left;
    height: 85px;
    opacity: 0.7;
    width: 45px;
}

section#top-content .sel-date-input {
    border: medium none;
    float: left;
    font-weight: 200;
    height: 85px;
    line-height: 50px;
    -moz-appearance: none;
    width: calc(100% - 45px);
    font-size: 30px;
}

section#popular-section {
    background-color: #faf9f5;
}

section#popular-section a, section#our-blog a {
    text-decoration: none;
    color: inherit;
}

section#popular-section .popular-title {
    font-size: 40px;
    font-weight: 200;
}

section#popular-section .packages-row, section#popular-section .activities-row, section#popular-section .destinations-row {
    margin-bottom: 45px;
}

section#popular-section .item-title {
    font-size: 27px;
    margin: 0;
    line-height: 27px;
}

section#popular-section .item-price {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 5px;
}

section#popular-section .popular-activities-img {
    width: 300px;
}

section#popular-section .destinations-rating {
    margin-bottom: 15px;
}

section#our-blog {
    background: url('../images/blog-cover.png') scroll center 0;
    background-size: cover;
}

section#our-blog .blog-title-container p {
    color: #c6cdcd;
    margin-bottom: 0px;
}

section#our-blog .blog-title {
    font-size: 35px;
    font-weight: 400;
}

section#our-blog .blog-subtitle {
    font-size: 25px;
    font-weight: 300;
}

section#our-blog .article-container {
    margin-bottom: 15px;
}

section#our-blog .article-image-container {
    position: relative;
}

section#our-blog .item-text {
    font-weight: 300;
    color: #ffff;
    left: 15px;
    position: absolute;
}

section#our-blog .item-title {
    bottom: 35px;
    font-size: 30px;
}

section#our-blog .item-subtitle {
    font-size: 25px;
    bottom: 5px;
}

section#our-blog .article-link, section#our-blog .article-link:hover {
    color: #fff;
}

/*******************************************************************************
** END OF NEW HEADER STYLE - Sergiu Turus
*******************************************************************************/


/*******************************************************************************
** HOMEPAGE SEARCH INPUT - Sergiu Turus
*******************************************************************************/
section#top-content .ui-menu .ui-menu-item, #float-search-box .ui-menu .ui-menu-item {
    padding: 15px 15px 15px 20px;
    border-bottom: 1px dashed #737373;
}

section#top-content .ui-menu .ui-menu-item:last-child, #float-search-box .ui-menu .ui-menu-item:last-child {
    border: none;
}


section#top-content .ui-widget-content, #float-search-box .ui-widget-content {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 280px;
}

section#top-content .ui-widget, #float-search-box .ui-widget {
    border: none;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 19px;
    font-weight: 300;
}

#float-search-box .ui-widget {
    left: 15px !important;
}

section#top-content .ui-state-hover,
section#top-content .ui-widget-content .ui-state-hover,
section#top-content .ui-widget-header .ui-state-hover,
section#top-content .ui-state-focus,
section#top-content .ui-widget-content .ui-state-focus,
section#top-content .ui-widget-header .ui-state-focus,
#float-search-box .ui-state-hover,
#float-search-box .ui-widget-content .ui-state-hover,
#float-search-box .ui-widget-header .ui-state-hover,
#float-search-box .ui-state-focus,
#float-search-box .ui-widget-content .ui-state-focus,
#float-search-box .ui-widget-header .ui-state-focus {
    background: #f3ede4;
    font-weight: 300;
    border: 1px dashed #737373;
}

section#top-content .autocomplete-icons, #float-search-box .autocomplete-icons {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
}

section#top-content .autocomplete-activities, #float-search-box .autocomplete-activities {
    background-color: #395C5E;
}

/*******************************************************************************
** END OF HOMEPAGE SEARCH INPUT - Sergiu Turus
*******************************************************************************/


/*******************************************************************************
** START OF SOCIAL FEED STYLE - Andreea Onofriesei
*******************************************************************************/
section#social-feed-section .social-feed-title {
    font-size: 40px;
    font-weight: 200;
}

section#social-feed-section .social-feed-description {
    font-size: 27px;
    font-weight: 200;
}

.social-feed-title {
    font-size: 40px;
    font-weight: 200;
}

.ps-carousel.ps-theme-modern .ps-carousel-slider.ps-slider-horizontal .ps-img-container {
    width: 300px !important;
    height: 300px !important;
}

.ps-carousel.ps-theme-modern .ps-carousel-slider.ps-slider-horizontal .ps-image img {
    width: 300px !important;
    height: 300px !important;
}

#social-feed-section {
    background-color: #e3e3e3;
}

.ps-carousel.ps-theme-modern .ps-carousel-slider.ps-slider-horizontal {
    background-color: #e3e3e3;
}

.ps-carousel.ps-theme-modern .ps-image {
    margin: 1px !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

.ps-carousel.ps-theme-modern .ps-img-container img {
    border: 2px solid transparent !important;
}

.ps-theme-modern .ps-hover-overlay .ps-username {
    font-size: 25px !important;
}

.ps-theme-modern .ps-hover-overlay .ps-likes-comments {
    font-size: 20px !important;
}

.social-feed-link:hover {
    text-decoration: none;
    color: transparent;
}

.social-title-container {
    padding-left: 35px;
}

/*******************************************************************************
** END OF SOCIAL FEED STYLE - Andreea Onofriesei
*******************************************************************************/

/*******************************************************************************
** START OF NEW POPULAR DESTINATION STYLE - Andreea Onofriesei
*******************************************************************************/

.homepage-max-width {
    max-width: 300px;
}

/*******************************************************************************
** END OF NEW POPULAR DESTINATION STYLE - Andreea Onofriesei
*******************************************************************************/
/*******************************************************************************
** HOMEPAGE MISC STYLE
*******************************************************************************/
.homepage-max-width {
    max-width: 300px;
}

.list-item-title {
    font-size: 22px;
    margin: 0;
    font-weight: 300;
    font-variant: all-small-caps;
}

.list-item-dot {
    font-weight: bold;
    color: #737373;
}

/*******************************************************************************
** END OF HOMEPAGE MISC STYLE
*******************************************************************************/


/*******************************************************************************
** START OF NEW COURSE LISTING IN SCHOOL PAGE - INCLUDE MODALS - Andreea Onofriesei
*******************************************************************************/
.courseCarousel #courseCarousel-main-image {
    max-width: 315px;
}

.courseCarousel #courseCarousel-slider-images {
    max-width: 100%;
}

#course-details-modal .courseImage {
    width: 100%;
}

#course-details-modal #course_description {
    border-top: 1px dashed #a3a3a3;
    margin-top: 5px;
}

#course-details-modal #course_items {
    border-top: 1px dashed #a3a3a3;
    margin-top: 5px;
}

#course-details-modal .items-title {
    font-size: 24px;
    margin-top: 10px;
}

#course-details-modal .item_icon {
    float: left;
    margin: 0px;
    width: 30px;
    height: 30px;
}

#course-details-modal #items .item_name {
    margin-left: 15px;
    font-size: 18px;
    padding-top: 5px;
    font-weight: 300;
}

#course-details-modal p, #course-book-modal p {
    font-weight: 300;
    font-size: 17px;
}

#course-book-modal .datepicker-inline {
    width: 100%;
}

#course-book-modal .datepicker table {
    width: 100%;
}

#course-book-modal .datepicker span.month {
    border: 1px solid #ccc;
    font-size: 19px
}

#course-book-modal .datepicker-switch {
    font-size: 22px;
    padding: 0px;
}

#course-details-modal .detailsBtnAlign, #course-book-modal .detailsBtnAlign {
    padding-top: 12px;
    height: 100%;
}

#course-book-modal .selectInfoRow {
    margin-top: 10px;
}

#course-book-modal .bookInfoHeader .date-header p {
    font-size: 29px;
    color: #EB5840;
}

#course-book-modal .bookInfoHeader .price-header p {
    text-align: right;
    font-size: 18px;
    font-weight: 300;
    padding-top: 10px;
}

#course-details-modal .item_category_title {
    font-size: 23px;
    font-weight: 400;
}

#course-details-modal .items-title {
    font-size: 26px;
    font-weight: 400;
}

#course-details-modal #flex-details-course-start {
    margin: 30px 0 30px 10px;
    background-color: #f8f7f3;
}

#course-details-modal .shareText {
    display: inline-block;
    float: left;
    padding-right: 5px;
}

#course-details-modal .addthis_inline_share_toolbox {
    display: inline-block;
    padding-top: 5px;
}

#course-details-modal .courseCart {
    margin: 10px 0px 10px 0px;
}

.activeClass {
    background-color: #929292;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled {
    background: #e3e3e3 !important;
}

.datepicker td, .datepicker th {
    border-radius: 0px !important;
}

.calendarLegend {
    margin: 0px 0 25px 0;
}

.selectedCourseBox {
    width: 25px;
    height: 25px;
    background-color: #db0000;
    margin: 0px 15px 0px 15px;
    float: left;
    border-radius: 4px;
}

.selectedCourseBoxLabel {
    float: left;
    font-size: 20px;
    font-weight: 300;
}

.notAvailableCourseBox {
    width: 25px;
    height: 25px;
    background-color: #e3e3e3;
    margin: 0px 15px 0px 15px;
    float: left;
    border-radius: 4px;
}

.notAvailableCourseBoxLabel {
    float: left;
    font-size: 20px;
    font-weight: 300;
}

.courseCart {
    margin: 10px 0px 10px 0px;
}

/*******************************************************************************
** END OF NEW COURSE LISTING IN SCHOOL PAGE - INCLUDE MODALS - Andreea Onofriesei
*******************************************************************************/


/*SPOT PAGE*/

/* //floating seach box spot page */
#float-search-box {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(10, 10, 10, 0.56);
    padding: 10px;
    z-index: 9999;
    width: 100%;
    display: none;
}

#float-search-box #location-box-block {
    height: 50px;
}

#float-search-box #location-box-block .lbl-autocomplete {
    background-position: -35px 0;
    height: 50px;
}

#float-search-box #location-box-block .sel-location {
    height: 50px;
    font-size: 20px;
}

#float-search-box #search-box-block .sel-location {
    height: 50px;
    font-size: 20px;
    width: auto !important;
}

#float-search-box #search-box-spot-type1 .sel-location {
    height: 50px;
    font-size: 20px;
}

#float-search-box .btnSubmit {
    font-size: 20px;
    height: 50px;
}

#float-search-box #search-box-block {
    height: 50px;
}

#float-search-box #search-box-block .lbl-sel-activity {
    background-position: -71px 4px;
    height: 50px;
}

/* //autocomplete css */
#float_search_box .ui-menu .ui-menu-item {
    padding: 20px !important;
}


.lbl-sel-activity, .lbl-autocomplete.location {
    background-color: #fff;
    height: 80px
}

.lbl-keywords.hidden-xs {
    background-position: 3px 26px;
    float: left;
    height: 80px;
    width: 35px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

/*.spot_page .list-group.shadow.vbt-autcomplete-list {*/
/*    width: 95% !important; !*width: 292px !important;*!*/
/*    margin-left: -32px;*/
/*}*/


.popular-title.beride-red {
    font-size: 40px;
    font-weight: 200;
}

#float-search-box .input-group {
    width: 100%;
}

.align-items-center.search-content img {
    border-radius: 25px;
}

.containerPosition .input-align-right {
    padding-right: 0px;
}

.btnSubmit {
    height: 80px;
}

#top-content {
    background: #ffffff;
}

.list-group-item {
    padding: 15px 15px 15px 20px;
    border-radius: 0;
    border: none !important;
}

.list-group-item:last-child {
    border: none !important;
    border-radius: 0 !important;
}

.list-group-item:first-child {
    border-radius: 0 !important;
}

.list-group-item:hover {
    background: #f5f5f5 !important;
    color: #000000 !important;
}

@media only screen and (max-width: 767px) {
    .containerPosition .input-align-right {
        width: 100%;
        margin-top: 2px;
    }

    .containerPosition .input-align-right {
        padding-right: 15px;
    }

    .btnSubmit {
        height: 50px;
        font-size: 20px;
    }

    .spot_page .input-group {
        margin: 0px auto;
        width: 100%;
    }

    .recommended_destinations_block {
        margin-top: 2px;
    }

    #recomandations-title span {
        color: #000000;
    }

    .main_spot_list, #spot_continent {
        text-align: center;
    }

    img.spot_images {
        margin: 0px auto;
    }

    /*.spot_page .list-group.shadow.vbt-autcomplete-list {*/
    /*    width: 370px !important;*/
    /*}*/
}


.navbar {
    min-height: unset !important;
    border: none !important;
    margin: 0 !important;
}

.ig_feed_container{
    width:100%; margin:0 auto; font-family:Arial, Helvetica, sans-serif;
}

.ig_post_container{
    border: 2px solid #f1f1f1; margin-bottom:25px; margin-left:3%; width:20%; height:550px; float:left;
}

.ig_post_container img{
    width:100% !important;
}

.ig_post_container .ig_post_details{
    padding:15px;
}

.ig_post_container .ig_view_link{
    margin-top:10px;
}
.instagram-image, .ig_post_container{
	position:relative;
}

.ig_post_details{
	position:absloute;
	top:0;
	background:#00000048;
}
.ig_post_container{
	margin:1rem 0;
}
.ig_post_details {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000000ad;
	transition:0.5s ease;
}
.ig_post_container .ig_post_details{
	transition:0.5s ease;
	 opacity: 1;
}
.ig_post_container img {
	transition:0.5s ease;
}
.ig_post_container:hover img {
    transform: scale(1.3);
	transition:0.5s ease;
}

.country-image {
    position: absolute;
    bottom: 3px;
    right: 5px;
}
.card-image-custom_box {
    position: relative;
    height: 200px;
}
.country-image img {
	width: 25px;
    height: 25px;
    border-radius: 50px;
    object-fit: cover;
}
.heart-box-new_nav {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
}
.rating-box-new p {
    margin: 0;
}
.heart-like-box {
    position: absolute;
    top: 3px;
    right: 5px;
}
.rating-box-new {
    position: absolute;
    top: 5px;
    background: #000000b8;
    color: #fff;
    padding: 0 5px;
    font-size: 14px;
}
.card-grid .card-title {
    color: #3a5d60;
    font-size: 18px;
    margin: 0;
    line-height: 25px;
}
#homepage-video-banner .banner-content .recommended_courses .card-grid .location-icon {
    display:none;
}
.rating-box-new i {
    color: #ff0000;
    font-size: 12px;
    padding-left: 2px;
}
#homepage-video-banner .banner-content .recommended_courses .card-grid .card-body {
    text-align: left;
    padding: 0 10px 10px;
    box-shadow: 1px 1px 15px 1px #0000008c;
}
.card-tags-nn span{
	font-size:14px;
	font-weight:550;
}
.activeheart i {
    font-weight: 900;
    color: #ff0000;
}