.pp_social{visibility: hidden!important;}
.pp_social .twitter{visibility: hidden!important;}

.navbar-affix-container{
    border:none;
}

#navbar-affix {
    height: 50px;
    border-bottom: 1px solid #E7A305;
    border-radius: 0px;
    margin: 0px -5px;
}

.nav-pills li.active > a, .nav-pills li.active > a:hover, .nav-pills li.active > a:focus {
    background-color:#e7a305;
    color:#fff;
    outline: none;

}
.nav-pills li a{
    color: #555;
    padding: 7px 10px;
    font-family: "Verdana-local",Arial,sans-serif;
    border-radius: 0;
    white-space: nowrap;
}
.navbar-default .navbar-brand{
    background-color: #C12017;
    color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: #e7a305;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #e7a305;
}

#navbar-affix.affix {
    position: fixed;
    top: 0;
    border-radius: 0;
    padding: 10px 0px;
    background-color: #fff;
    z-index: 10;
    height: auto;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: #e7a305;
    color:#fff;
    outline: none;
}

.btn-yalea {
    padding: 5px 5px;
    color: #fff;
    width: 100%;
    font-weight: bold;
    background-color: #E7A305;
    border-color: #E7A305;
    border-radius: 0;
    font-size: 12px;
    text-align: center;
}

.btn-yalea:hover {
    color: #fefefe;
    background-color: #cf9204;
    border-color: #cf9204;

}



#btn-nav-book{
    background-color: #C12017;
    color: #fff;
}

#btn-nav-book:focus {
    outline: none;
    color: #fff;
}

.facts-table{
    background-color:#f9f6e7;
}

.table.facts-table tr td {
    border-top: 1px solid white;
}

@media (min-width:992px){
    #navbar-affix.affix {
        width:980px !important;
        margin: 0px -5px 0px -5px;
    }
    #destination-map{
        /*width:940px !important;*/
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #navbar-affix.affix {
        width:750px !important;
    }
    #destination-map{
        width:750px !important;
    }
}

@media (max-width: 767px) {
    #navbar-affix.affix {
        width:auto !important;
        height: auto;
    }
    #destination-map{
        width:auto !important;
    }

    .extra_seperator {
        border-top: 1px solid #e7a305;
        margin: 10px -20px 0;
        padding: 0;
    }
}

a.booking-button{
    border-radius: 0;
    background-color: #b91817;
    color:#fff;
    border: 0;
}

#navbar-affix ul.navbar {
    margin: 0px;
}

p .photo-caption {
    font-size: 12px;
}

.destination-description{
    color: #676767;
    font-size: 12px;
}
.destination-item h2{
    font-weight: bold;
}

.row-overview{
    display:inline-block;
    margin-right: 0;
    margin-left: -15px;
}
.row-student-nat{
    margin:0;
}

.row.video-margin{
    margin: 35px 0px 55px;
}

.country-image {
    padding-bottom: 35px;
}

@media (max-width: 480px){
    .carousel-control.left, .carousel-control.right {
        width: 13%;
        color: #E7A305;
        background-image: none;
    }

    #price-calculator-widget div.action-buttons div.action-button.booking {
        margin-left: 0;
    }
}

@media (min-width: 481px){
    .carousel-control.left, .carousel-control.right {
        width: 30px;
        color: #E7A305;
        background-image: none;
    }
    .carousel-control.right{
        right: 10px;
    }

}

#carousel-school-photo {
    min-height: 25px;
}

.read_more{
    cursor: pointer;
    color: #B91817;
}

.read_less{
    cursor: pointer;
    color: #B91817;
}
.read-text {
    position: absolute;
    bottom: -20px; left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding-top: 50px;
}
.read-text.gradient {
    background-color:  rgba(255,255,255,0);
    background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(white));
    background-image: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

.carousel-control.left, .carousel-control.right {
    background-image:none;
}

.img-responsive{
    width:100%;
    height:auto;
}

#iconcarousel{
    margin: 30px 0px 17px 0px;
    padding: 0 30px;
    min-height: 90px;
}

.galleries-photo.active.left { left: -25%; }
.galleries-photo.next        { left:  25%; }
.galleries-photo.active.right { left: 25%; }
.galleries-photo.prev        { left:  -25%; }
.school-icon.active.left { left: -16.6%; }

.school-icon.next        { left:  16.6%; }

.school-icon.active.right { left: 16.6%; }
.school-icon.prev        { left:  -16.6%; }

#iconcarousel .carousel-control .glyphicon-chevron-left, #iconcarousel .carousel-control .glyphicon-chevron-right{
    top: 12px;
}
.galleries-photo img {
    width:220px;
    height: 220px;
}

.select2-container .select2-selection--single{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0px;
    text-align: left;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #E7A305;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555;
    line-height: 20px;
}

#pdf-mail-form-container h4{
    margin-top: 0;
    padding-top: 10px;
}

.carousel-control{
    text-shadow: none;
    height: 100%;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    background: rgba(255, 255, 255, 0.75);
    padding: 6px 0px;
    height: 40px;
    border-radius: 25px;
    position:relative;
}
@media all and (max-width: 767px){
    .carousel-4 .carousel-inner > .active.left,
    .carousel-4 .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-4 .carousel-inner > .active.right,
    .carousel-4 .carousel-inner > .next {
        left: 50%;
    }

    .carousel-4 .carousel-inner > .left,
    .carousel-6 .carousel-inner > .left,
    .carousel-4 .carousel-inner > .prev.right,
    .carousel-6 .carousel-inner > .prev.right,
    .carousel-4 .carousel-inner > .active,
    .carousel-6 .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner .cloneditem-2,
    .carousel-inner .cloneditem-3,
    .carousel-inner .cloneditem-4,
    .carousel-inner .cloneditem-5 {
        display: block;
    }
}
@media all and (max-width: 767px) and (transform-3d), all and (max-width: 767px) and (-webkit-transform-3d) {
    .carousel-4 .carousel-inner > .item.active.right,
    .carousel-4 .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-4 .carousel-inner > .item.active.left,
    .carousel-4 .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

    .carousel-4 .carousel-inner > .item.left,
    .carousel-4 .carousel-inner > .item.prev.right,
    .carousel-4 .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 768px){
    .carousel-4 .carousel-inner > .active.left,
    .carousel-4 .carousel-inner > .prev {
        left: -25%;
    }

    .carousel-4 .carousel-inner > .active.right,
    .carousel-4 .carousel-inner > .next {
        left: 25%;
    }

    .carousel-6 .carousel-inner > .active.left,
    .carousel-6 .carousel-inner > .prev {
        left: -16.66666667%;
    }

    .carousel-6 .carousel-inner > .active.right,
    .carousel-6 .carousel-inner > .next {
        left: 16.66666667%;
    }

    .carousel-4 .carousel-inner > .left,
    .carousel-6 .carousel-inner > .left,
    .carousel-4 .carousel-inner > .prev.right,
    .carousel-6 .carousel-inner > .prev.right,
    .carousel-4 .carousel-inner > .active,
    .carousel-6 .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner .cloneditem-2,
    .carousel-inner .cloneditem-3,
    .carousel-inner .cloneditem-4,
    .carousel-inner .cloneditem-5 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-4 .carousel-inner > .item.active.right,
    .carousel-4 .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-4 .carousel-inner > .item.active.left,
    .carousel-4 .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

    .carousel-6 .carousel-inner > .item.active.right,
    .carousel-6 .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.66666667%, 0, 0);
        transform: translate3d(16.66666667%, 0, 0);
        left: 0;
    }

    .carousel-6 .carousel-inner > .item.active.left,
    .carousel-6 .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.66666667%, 0, 0);
        transform: translate3d(-16.66666667%, 0, 0);
        left: 0;
    }

    .carousel-4 .carousel-inner > .item.left,
    .carousel-6 .carousel-inner > .item.left,
    .carousel-4 .carousel-inner > .item.prev.right,
    .carousel-6 .carousel-inner > .item.prev.right,
    .carousel-4 .carousel-inner > .item.active,
    .carousel-6 .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.photo-group{
    margin:0 -10px;
}

.photo-item {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.graph {
    width: 100%; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
    height: 15px;
    background: #efefef;
    position: relative;
    margin: 1px;
}

#bar {
    height: 15px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
    background: #e7a305;
    border-top: 1px solid #fceabb;
}
#bar p { position: absolute; text-align:center; color:#333; width: 100%; margin: 0; line-height: 12px; font-size:11px}

.tab-content{
    font-size: 12px;
}
.jumper {
    background-color: #E7AB00;
    color: white;

}
.feedback_text{
    max-height: 110px;
    overflow-y:hidden;
}

.feedback_text.expand{
    height:auto;
    max-height: none;
}

.feedback_content{
    margin:10px 0;
    padding:10px 5px 25px 5px;
    border-bottom: 1px solid #de9f26;
}

#feedback.row{
    margin-bottom: 45px;
}

.customer_img{
    margin:10px 0;
}
.customer_img img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.read_more_feedback{
    cursor: pointer;
    color: #B91817;
}

.read_less_feedback{
    cursor: pointer;
    color: #B91817;
}

.show_overview{
    cursor: pointer;
}

@media (min-width: 800px){
    #google-map{
        width: 100%;
        height: 350px;
    }
}
@media (max-width: 799px){
    #google-map{
        width: 100%;
        height: 175px;
    }
}

.seperator{
    margin: 0px
}
.extra_seperator {
    border-top: 1px solid #e7a305;
    margin: 10px -20px 20px -20px;
    padding: 0px;
}

.element-container{
    margin: -2px -15px 39px -15px;
}

.day{
    background-color: #f7ca77;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-color: #f7ca77;
    border: solid 2px #B91817;
    border-radius: 0;
    color: #B91817;
}

#div-info-expand{
    cursor: pointer
}

#div-info-expand:first-child{
    color: #555555;
}

#div-info-expand:hover{
    cursor: pointer;
}

#background-test:hover {
    background-color: #FFFFFF;
}

.form-control#id_weeks{
    display: inline;
    width: 100%;
    background-color: transparent;
    font-size: 13px;
}
.form-control#id_select_season-season{
    font-size: 13px;
}

#flatpage_link{
    outline: medium none;
    text-decoration: none;
    font-size: 12px;

}
#btn-calc-book {
    background-color: #c12017;
    color: #fff;
    padding: 7px;
    width: 100%;
    margin-left: 15px
}
#flatpage_link_price{
    color: #B91817;
    outline: medium none;
    text-decoration: none;
    font-size: 12px;
}
.student-nat{
    margin-left:-25px;
    max-height: 34px;
}
.age-distribution{
    margin-top:10px;
}
.scroll-item:before{
    content: "";
    display: block;
    height: 55px;
    margin: -55px 0 0;
}
.scroll-item {
    padding-top: 0px;
    margin-top: 0px;
}

#price-calculator-widget.scroll-item {
    margin-bottom: 25px;
}

.panel.panel-primary.category {
    margin: 10px 0;
}

.panel-body{
    padding: 0 7px;
}

.category>.panel-body, .category>.panel-heading, .category.panel{
    border: none;
    box-shadow: none;
}
.category.panel{
    padding:0;
}

.info{
    margin-top: 15px;
}

.panel-primary > .panel-heading {
    background-color: #ffffff;
    border-color: #ffffff;
}

.info>.panel-body, .info>.panel-heading, .info.panel{
    background-color: #FFFFFF;
    border: none;
    box-shadow: none;
}

#category-dates-body .closure_dates{
    margin: 10px 0;
    background-color: #FFFFFF;
    padding:10px 25px;
}

.category > .panel-heading{
    cursor: pointer;
}

.check-in{
    text-align: center
}

.embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive iframe {
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#price-calculator-widget::before{
    padding-top: 40px;
    margin: -55px 0 0;
}

#minimize{
    cursor: pointer;
}

@media (max-width:992px){
    #course_price_div{
        text-align: left
    }

    #accommodation_price_div{
        text-align: left
    }

    #school-fact-table {
        margin-top: 40px;
    }

    .extra_seperator {
        border-top: 1px solid #e7a305;
        margin: 0 -20px;
        padding: 0;
    }


}

div.no-padding-heading {
    padding: 10px 0px;
}

.pricing_seperator{
    border-top: 1px solid #e7a305;
    margin-top: 30px;
    padding-top: 30px;
}

a.ajax{
    cursor: pointer;
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}
.change_season{
    color:  #C12017;
    font-family: "Verdana-local";
    font-size: 16px;
}
.form.ajax.change_accommodation_weeks{

}
#id_select_season-season {
    margin-left: -10px;
    margin-right: 10px;
}
.panel.panel-default.section-item.info.closure_dates {
    margin-left: 30px;
}
span.fake-span {
    margin-right: 17px;
}

a.pp_close {
    top: -16px;
}

.navbar.navbar-affix-container.hidden-xs {
    position: relative;
    z-index: 1;
}

.loading-block div.bar {
    height: 35px;
    background-color: #f0f0f0;
}

.loading-block .media-img {
    width:100%;
    height:150px;
    background-color:#f0f0f0;
  }

.loading-block div.bar, .loading-block .media-img  {
    -webkit-animation: gleam 2s ease-in-out infinite;
    background-image: -webkit-linear-gradient(left, #fff, #f8f8f8, #fff);
    background-size: 600px auto;
}

@-webkit-keyframes gleam {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 600px 0
    }
}

@keyframes gleam {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 600px 0
    }
}