/*

            __
           / _) -----  Welcome to Lewis' Terrible Code! Woo!
    .-^^^-/ /
 __/       /
<__.|_|-|_|


background-color:#101933;
*/
@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'bloomsburyscript';
    src: url('../fonts/Bloomsbury-Script.eot');
	src: url('../fonts/Bloomsbury-Script.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bloomsbury-Script.woff2') format('woff2'),
		url('../fonts/Bloomsbury-Script.woff') format('woff'),
		url('../fonts/Bloomsbury-Script.svg#Bloomsbury-Script') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

.navbar.ttrg-skin .navbar-brand
{
    background:transparent !important;
}

#footer > .white > .container
{
    overflow-x: hidden;
}

.z-up {
    z-index:1500 !important;
}

.fa-spinner
{
    text-align: center;
        display: block;
        margin: 0 auto;
        color: #3462ac;
        font-size: 5em;
}



h2.center
{
    text-align:center;
    color:#3462ac;
    font-weight: 300;
    font-size: 2.24589064745913em;
}

h3.parallax-font
{
   font-family:'bloomsburyscript';
   font-size:1.6em;
   color:#fff;
   text-transform: capitalize;
   -ms-transform: rotate(-5deg); /* IE 9 */
   -webkit-transform: rotate(-5deg); /* Safari */
   transform: rotate(-5deg);
   font-weight: 200;
   float:right;
}

h3.parallax-font::after
{
   content:'';
   width:100px;
   height:30px;
}


.man_logo
{
    fill:white;
    width:75px;
    height:75px;
}

.navbar-right {
    float: right !important;
}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width:100%;
    text-align:center;

}

.search_home
{
padding-bottom:90px;

}

.search_big_back
{
    background:url('/img/search.png');
}

.search_home h2 {
    margin-top:65px;
    font-family:'bloomsburyscript';
    text-align:center;
    color:#3462ac;
    text-transform: capitalize;
    font-size:3em;
}

.col-md-2.search_form , .col-md-4.search_form
{
    padding:2px;
}



h3.search_strap {
    margin-top: 65px;
    font-family: 'bloomsburyscript';
    text-align: center;
    color: #3462ac;
    text-transform: none;
    font-size: 1.5em;
    font-weight:normal;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

h3.search_strap.big {
    font-size:8em;
    margin-top:-50px;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.form_inline {
    display:inline-block;
    width:100%;

}

.form_inline input {
    background:#eaeaea;
    color:#666666;
    border:none;
    font-size:1.2em;
    padding:11px;

    width:100%;
}

.move_it {
    margin-left:15%;
    margin-top:10px;
}


h3.bottom_search_strap
{
    color:#797979;
    font-size:2em;
    text-align:center;
    margin:0;
    padding:0;
}

.search_home h3 {
    text-align:center;
    margin-top:-30px;
    color:#fff;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.search_home h2 , .search_home h3 , .search_home h4 , .search_home h5
{
        text-align:center;
}

.search_home h4 {
    color:#fff;

    margin-bottom:25px;
}


.search_home h4 strong.tinyliney {
    font-family:'bloomsburyscript';
    color:#3462ac;
    text-transform: capitalize;
}

.tinyliney {
    background: url(/img/topMenuLogos/tinyliny.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 7px;
    margin-right: 5px;
}

#footer h4 {
    font-family: 'bloomsburyscript';
    color: #666666;
    text-transform: capitalize;
    /* width: 50%; */
    /* float: right; */
    font-size: 0.9em;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    margin-left: -30px;
}

.tinylineyparttwo {
    background: url(/img/topMenuLogos/tinyliney2.png);
    background-repeat: no-repeat;
    /* background-position: bottom; */
    padding-bottom: 18px;
    margin-right: 0px;
    width: 50%;
    /* float: right; */
    /* margin-top: -61px; */
    margin-left: -20px;

}

.big_foot {
    height:250px;
    padding-top:80px;

}

.big_foot h4 {
    font-family: 'bloomsburyscript';
    color: #666666;
    text-transform: capitalize;
    background: url(/img/topMenuLogos/tinyliney2.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 16px;
    margin-right: 5px;
    -ms-transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    transform: rotate(-11deg);
    font-size: 1em;
    width: 85px;
}

.big_foot h5 {
        color           : #3462ac;
        font-size       : 2em;
        margin-top      : -30px;
        margin-left     : 30px;
        font-weight     : 300;
        letter-spacing  : 1px;
}


.social_footer {
    width:30%;
    display:inline-block;
}

.foot_submit
{
    height: 40px;
width: 40px;
    display: block;
    float: right;
}

.socal_cta {
    width:30%;
    display:inline
}

.subscribe {
    fill:#3462ac;
    color:#3462ac;
}

.search_home select
{
            width: 100%;
            background:transparent;

            border: none;
            border-radius: 0px;
            padding: 20px;
            display: block;
            height: 45px;
            -webkit-appearance: none;
            -webkit-border-radius: 0px;
            margin-top:-65px;
            cursor:pointer;
            position:relative;
            z- index:50;

}

.search_home .options
{
        height: 45px;
        width:100%;
        background: #223150;
        color:#fff;
        padding:0px;
        margin-bottom:20px;
        padding: 14px;
}

.caret.right {
    position: absolute;
    right: 30px;
    top: 22px;
}

.gnome_submit , .form_submit {
    content:'';
   width:50% !important;
   text-transform: uppercase;
   background:#3462ac !important;
   display: block;
   height:45px;
   width:100%;
   cursor: pointer;
   padding: 3px 55px;
}

.form_submit {
   content:'';
  width:50% !important;
  text-transform: uppercase;
  background:#3462ac !important;
  display: block;
  height:45px;
  width:100%;
  cursor: pointer;
  padding: 3px 55px;
}


.home_submit
{
    width: 15px;
    margin: 0 auto;
}

.container.searching
{
    display:none;
}



.dioLine {
    background: url(/img/topMenuLogos/dioLine.png) no-repeat !important;
        width: 1%;
        height: 35px;
        margin: 20px auto;
}

.search_home input {
    width:100%;
    background:#1e2943;
    color:#fff;
    border:none;
    height:45px;
    padding:5px;
}

.search_home input::placeholder {
    color:#fff;
}



.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:#3462ac;
}

a.btn.btn-default.btn-download.btn-block.download-info-pack
{
    color:#14162e;
}

a.btn.btn-default.btn-download.btn-block.download-info-pack:hover ,
a.btn.btn-default.btn-block.btn-info:hover
{
    color:#fff;
}

a.btn.btn-default.btn-block.btn-info
{
    color:#3462ac;
}



.blue {
    background-color:#101933;
}

.blue_grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#13203c+0,0f1830+100 */
    background: #13203c; /* Old browsers */
    background: -moz-linear-gradient(left, #13203c 0%, #0f1830 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #13203c 0%,#0f1830 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #13203c 0%,#0f1830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13203c', endColorstr='#0f1830',GradientType=1 ); /* IE6-9 */
    position: relative;
    z-index: 200;
}

.navbar-header {
    clear:both;
}

h3.mainCount {
    color:#3462ac;
    font-weight:200;
    font-size:2em;
    padding-bottom:0px;
}

.bx-wrapper {
    background-color:transparent;
    border:none !important;
    box-shadow:none;
    webkit-box-shadow:none;
    margin:0 auto;
    margin-bottom:40px;

}

.space {
        margin-top: 130px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background:none;
    border:1px solid !important;
}

.bx-prev , .bx-next {
    background: url(/img/topMenuLogos/next.png) no-repeat;
    height: 90px;
    width: 90px;
    margin-top: 200px;
    cursor: pointer;
    display:block;
    background-size:100%;
}

.bx-prev {
    background: url(/img/topMenuLogos/prev.png) no-repeat;
        background-size:100%;
}

.bx-wrapper img {
    width: 100%;
    display: block;
    margin-top:50px;
}

a, .btn
{
    transition: all 0.2s linear;
    border-radius: 0;
}

.animate
{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


/* top menu */
.top_menu {
    height: 50px;
    background: #101933;
    width: 100%;
    border-bottom:1px solid rgba(255, 255, 255, .2);
}

.ttr, .basecamp, .mountain , .surfSchool {
    display: inline-block;
    width: 135px;
    height: 45px;
    font-family:'bebasregular';
    line-height:0px;
}


.element-invisible {
    display:none;
}

.top_menu_items
{
    fill:white;
    width:120px;
    padding-top: 10px;
    height:50px;
    opacity:0.2;
    border-right: 1px solid rgba(255, 255, 255, .2);
    display:inline-block;
    text-align:center;
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
}

.bright {
    opacity:0.7;
}

.icon_items
{
    fill:white;
    width:40px;
    height:40px;
}

.surf_icon .icon_items , .snow_icon .icon_items {
    fill:#3462ac;
    width:30px;
    height:30px;
    float: right;
    margin-top:-32px;
}

.surf_icon , .snow_icon {
    margin-bottom:5px;
}


.main_icon_items {
    fill:#3462ac;
    width:40px;
    height:40px;
}

.col-md-4.menu {
    padding-right:40px;
}

.col-md-4.menu  > ul
{
    padding:0;
}

.bord {
    border-left:1px solid #cfd1d6;
    padding-top: 85px;
    margin-top: -85px;
    padding-bottom:80px;
}

.mainbord
{
        border-left:1px solid #cfd1d6;
}

.top_bord {

    float: left;

    margin-top: 50px;
    padding-top: 30px;

}

.top_bord.left {
    margin-left: -15px;
    padding-left: 15px;
    padding-top: 20px;
}

.top_bord:after
{
    content: "";
    height: 0;
    width: 10044px;
    border-top: 1px solid #cfd1d6;
    position: absolute;
    left: -500px;
    right: 0;
    top: -50px;
}

.top_bord.right {
    margin-right: -15px;
        padding-right: 15px;
        padding-top: 20px;
}

.design_by_wl {
    width: 70px;
    height: 40px;
    fill: #8a8b97;
    margin-top: 10px;
}


.col-md-5.bord
{
    padding-top: 80px;
    margin-top: -80px;
    padding-bottom: 60px;
    padding-right: 40px;
}


.menu_header {
    color:#3462ac;
    border-bottom:1px solid #3462ac;
    font-size: 1.1em;
    font-weight:500;
    text-transform: uppercase;
}

.social_circles {
    width:85px;
    height:85px;
    background:#3462ac;
    border-radius:95px;
    display:inline-block;
    margin:7px;
}

.social_circles .fa.fa-twitter      ,
.social_circles .fa.fa-facebook     ,
.social_circles .fa.fa-instagram    ,
.social_circles .fa.fa-whatsapp
{
    margin      :   25px 28px;
    color       :   #fff;
    font-size   :   2.5em;
}


.social_circles .fa.fa-facebook
 {
    margin : 25px 32px;
}


ul.foot_menu
{
    color: #3462ac;
    margin-left: 45px;
    margin-top: -40px;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight:300;
    letter-spacing: 1px;
}

ul.foot_menu li {
    margin-bottom:10px;
}

ul  {
    list-style: none;
    -webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;

color:#666666;
}

.col-md-4.menu.bord {
    padding-bottom: 75px;
    padding-top: 85px;
    margin-top: -85px;
}


.top_menu_items.longer
{
    width:180px;
}

.top_menu_items.morepad
{
    padding-top:15px;
}
.top_menu_items.morepad.menu
{
    padding: 12px;
width: inherit;
}
a.top_social
 {
     width:22px;
     display: inline-block;
 }

#main-nav {
    border-top:none;
}


.top_menu_items a {
    color:#fff !important;
}

.top_menu_items:hover
{
    opacity:1;
}

.surfSchool {
    margin-top:-20px;
}
.mountain {
        border-right: 1px solid #bcbdbd;
    background: url(http://www.meribelmountainlodge.com/wp-content/themes/Meribel-Mountain-Lodge/images/main_img/mountain_lodge.png) no-repeat;
    background-position: 50% 50%;
}

.basecamp {
    border-right: 1px solid #bcbdbd;
    background: url(http://www.meribelmountainlodge.com/wp-content/themes/Meribel-Mountain-Lodge/images/main_img/basecamp.png) no-repeat;
    background-position: 50% 50%;
}

.ttr {
    border-right: 1px solid #bcbdbd;
    background: url(http://www.meribelmountainlodge.com/wp-content/themes/Meribel-Mountain-Lodge/images/main_img/ttr.png) no-repeat;
    background-position: 50% 50%;
}

.ttr.live {
    background: background: url(http://www.meribelmountainlodge.com/wp-content/themes/Meribel-Mountain-Lodge/images/main_img/ttr.png) no-repeat , #e1e1e1;
}

/* HEADER ANIMATIONS */

.jump-content:hover
{
    top: 5px;
}

/* HOMEPAGE ROLLOVERS*/

.homepage-resort-square h2
{
    margin-top: -30px;
    padding-top: 55px;
}

.homepage-resort-square:hover h2
{
    padding-top: 85px;
    margin-top: 0;
}

.homepage-resort-square .fadein
{
    opacity: 0;
}

.homepage-resort-square:hover .fadein
{
    opacity: 1;
}
#homepage-square-meribel{
    background-image: url('/img/ttrg-meribel-bg.jpg');
    background-size:cover;
}

#homepage-square-meribel-ski
{
    background-image: url('/img/ttrg-meribel-bg.jpg');
    background-size:cover;
}

#homepage-square-meribel h2 ,
#homepage-square-meribel-ski h2{
    background-image: url('/img/ttrg-meribel-white-120.png');
    background-size: 80px auto;
}

#homepage-square-banff h2 ,
#homepage-square-banff-ski h2
{
    background-image: url('/img/resort-logos/lake-louise-white-75.png');
    background-size: 80px auto;
}

#homepage-square-banff
{
    background-image: url('/img/ttrg-banff-bg.jpg');
}

#homepage-square-banff-ski
{
    background-image: url('/img/banff-ski.jpg')
}

#homepage-square-meribel-ski
{
    background-image: url('/img/meribel-ski.jpg')
}

#homepage-square-ruapehu-ski
{
    background-image: url('/img/ruapehu-ski.jpg');
}

/* END HOMEPAGE ROLLOVERS */

.homepage-header h1
{
    position: relative;
    margin-bottom: 43px;
}

.homepage-header h1:after,
.homepage-become h3:after
{
    content: '';
    height: 25px;
    border-right: 1px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: -50px;
}

.insta_mega_feed > .carouselGallery-carousel

{
        width:14.2%;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        display:inline-block;
        height: 200px;
        margin-top: -5px;

}

.insta_mega_feed > a img:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

#resort-header .course-header-info h1:after
{
    content: '';
    height: 25px;
    border-right: 1px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 40px;
}

.course-header-info h1:after
{
    bottom: 40px;
}

.homepage-become h3:after
{
    bottom: 100px;
}

#homepage-award
{
    position: absolute;
    top: 56px;
    right: 19%;
}

.homepage-become
{
    position: relative;
    z-index: 100;
}

.homepage-stat
{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 210px;
    margin-top: 0;
}

.homepage-stats-big
{
    text-transform: 54px;
    font-weight: light;
}

#footer-footer {

    margin-top:0px !important;
    border:none !important;
}

.ticket_to_ride_foot {
    width: 40%;
    float: right;
}

.homepage-stats-big
{
    font-size: 50px;
    font-weight: 100;
    display: block;
    line-height: 40px;
}

.homepage-stat small
{
    text-transform: none;
    font-weight: 100;
    font-size: 11px;
    line-height: 20px;
}

.stat-col
{
    border-left: 3px solid #3462ac;
    margin-top: 50px;
}

.homepage-resort
{
    height: 333px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: -15px;
    z-index: 100;
    background-position: center top;
    background-size: cover;
}

#homepage-resort-snow{
     background-image: url('../img/ttrg-homepage-stats-resort-bg.png');
}

#homepage-courses{
        position: relative;
        z-index: 200;
        background: #fff;
        padding-bottom: 70px;
}

#homepage-courses h3 , .grey > h3
{
    color: #3462ac;
    font-weight:300;
    font-size:2.24589064745913em;
}


.trips_items {
    width: 100%;
    background: #fff;
    display: inline-block;
    margin-bottom:60px;
}

.trip_hero {
    width:100%;
    height:325px;
    overflow:hidden;
}

.trip_hero h3 {
    color: #fff;
        font-size: 2.67em;
        width: 100%;
        margin: 0 auto;
        display: block;
        margin: 0px;
        text-align: center;
            padding: 10px;
}

.trip_hero .icons
{
    text-align: center;
    margin-top: 75px;
}

.move {


}

.trips_items .trip_dates , .trips_items .length
{
    text-align:center;
    color:#666666;
}

.trips_items .trip_dates {
    font-weight:bold;
    margin-top:20px;
}

.btn {
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #3462ac;
    margin: 20px auto;
    display: block;
}

.btn.ghost {
    color:#3462ac;
    width: 45%;
}

.btn.ghost:hover {
    background:#3462ac;
}

a.btn:hover {
    color:#fff;
}



.grey {
    background:#f4f4f4;
}

.light_blue {
    color:#3462ac;
    fill:#3462ac;
}

.subscribe_text {
    font-weight: 300;
    margin-left: 45px;
    margin-top: -35px;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.subscribe_text p
{
    font-weight:normal;
    color:#666666;
    text-transform: capitalize;
    letter-spacing: none;
}

.white {
    background:#fff;
    padding-top:85px;
}

.homepage-course p
{
    color: #3462ac;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: normal;
}

.homepage-course h4
{
    height: 167px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.homepage-course h4:hover {
    background-position: center top;
    cursor: pointer;
}

.homepage-course
{
    padding-bottom: 60px;
}

#homepage-course-camps h4
{
    background-image: url('../img/ttrg-camp-logo.png');
}

#homepage-course-freeride h4
{
    background-image: url('../img/ttrg-freeride-logo.png');
}

#homepage-course-camps-tours h4
{
    background-image: url('../img/ttrg-camp-tours-logo.png');
}

#homepage-course-adventure h4
{
    background-image: url('../img/ttrg-adventure-logo.png');
}

#homepage-course-instructor h4
{
    background-image: url('../img/ttrg-instructor-logo.png');
}

#homepage-course-performance h4
{
    background-image: url('../img/ttrg-performance-logo.png');
}

#homepage-course-all-mountain h4
{
    background-image: url('../img/ttrg-all-mountain-logo.png');
}

#homepage-courses .btn:before
{
    border-right: 1px solid #3462ac;
    content: "";
    height: 25px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 220px;
}

.homepage-course .btn
{
    margin-top: 30px;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
    width:100%;
    margin-top: 40px;
    clear: both;
}

.container.protected
{
    padding:100px;
    text-align:center;
}

 h3.parallax-font
{
    font-family:'bloomsburyscript';
    font-size:1.8em;
    color:#fff;
    text-transform: capitalize;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);
    font-weight: 200;

}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info
{
    background-color: #3462ac;
    border-color: #3462ac;
    color: #fff;
}

.jump-content
{
    position: relative;
    top: 0;
}

/* QUALIFICATIONS ROW */

#homepage-quals-row
{
    padding: 0px 0 70px;
}

.qual
{
    opacity: .5;
}

.qual:hover
{
    opacity: 1;
}

footer p
{
    font-size: 11px;
}

.footer_subscribe {
    padding:10px 5px;
    border:1px solid #999;
    color:#999;
    width: 83.9%;
}


.foot_submit {
    background:#fff;

}

.foot_submit > .icon_items {
    fill:#3462ac;
    width: 40px;
    height: 42px;
    border:1px solid #999;
    display: inline-block;
}


.foot_padding {
    padding:0px 40px;
}


.foot_padding.plus {
    padding:40px;
}



footer h5
{
    font-size: 2.1em;
        text-transform: none;
        font-weight: 300;
        padding-bottom: 10px;
        color: #3462ac;
}

#footer .media-heading
{
    font-size: 11px;
}

footer h5.media-heading,
footer h5.media-heading a
{
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
}

footer .media a{
    color: #fff;
    text-decoration: underline;
}

footer .media-heading a{
    text-decoration: none;
}

footer .media p
{
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

#footer-footer a:hover
{
    color: #eaeaea;
}



#footer-footer p
{
    font-size: 10px;
    margin-bottom:0px;
}

#footer .media .media-body a,
#footer .media a:hover{
    color: #fff;
}

/* FOOTER SUBSCRIPTION FORM */

#footer-sub-group button,
#footer-sub-group button:hover
{
    border: 1px solid #3462ac;
    background-color: #3462ac;
    width: 30px;
    height: 30px;
    padding: 3px 0 19px 3px;
    color: #fff;
}

#footer-sub-group input
{
    height: 30px;
    border: 1px solid #3462ac;
    background: transparent;
    color: #ffffff;
    font-size: 13px;
}

.homepage-course:hover
{
    display: block;
    padding-top: -20px;
}

.homepage-course:hover .btn
{
    background-color: #3462ad;
    color: #fff;
}

#main-content-column
{
    background: #bcbcbc;
}

#main-content p,
#main-content ul li
{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
}

#main-content p.lead,
#resort-accom p:first-of-type
{
    font-weight: lighter;
    font-size: 23px;
}

#main-content section
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.overview-image
{
    padding-top: 20px;
    padding-left: 40px;
}

#main-content section h2
{
    font-size: 24px;
    color: #14162e;
    margin-bottom: 0;
}

.section-dark
{
    background-color: #d8d8d8;
    background-image: url('../img/ttrg-section-dark-bg.gif');
    margin-left: -15px;
    margin-right: -15px;
}

#main-content section h3
{
    color: #14162e;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 50px;
    font-weight: normal;
}

/* COURSE PAGE */

.two-col
{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    columns: 2;
    padding: 20px 0;
}

#main-content section ul li
{
    font-size: 14px;
    margin-bottom: 8px;
}

.course-header
{
    height: 627px;
    padding-top: 25px;
}

.header-col
{
    background-color: rgba(17, 24, 50, 0.7);
    height: 560px;
    padding-top: 30px;
}

.course-sidebar-price {
    color: #fff !important;
    padding: 20px 25px 0 25px !important;
}
.course-sidebar-price span.price {
    color: #fff !important;
}

.course-header h1
{
    line-height: 0.9em;
}

.breadcrumb>li>a
{
    text-decoration: underline;
}

.course-header-info
{
    padding-top: 30px;
}

.course-header-info  h1{
    background-position: top center;
    background-repeat: no-repeat;
}

.course-header-info small
{
    text-transform: none;
    display: inline-block;
}

.course-header .btn-white
{
    background: rgb(255,255,255);
    color: #3462ac;
    font-weight: bold;
    letter-spacing: normal;
    border: 0;
    width: 30%;
    float: left;
}



.course-header .date
{
    text-transform: uppercase;
    font-weight: 300;
    text-shadow:rgba(20, 26, 52, 0.4) 1px 1px 5px;
    color:#fff;

}

#future-buttons > .active > .date
{
    color:#000 !important;
}

#course-date-selected {
    font-family: 'Lato';
    letter-spacing: 0.05em;
    font-size: 9pt;
    padding: 8px 0;
}
#course-date-prices {
    height:295px;
    margin-top: 12px;
}

#course-infpack-panel {
    margin-top: 35px !important;
}

.course-length-box {
    border: solid 1px #14162e;
    margin-right: 40px;
}
.course-length-box-number {
    padding: 0 17px;
    font-size: 41pt;
    color: #14162e;
    font-family: 'Lato', Futura, 'Trebuchet MS', Arial, sans-serif;
    text-align: center;
    font-weight: 200;
}
.course-length-box-type {
    background-color: #14162e;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#course-spinner{
    font-weight: normal;
    margin-top: 100px;
    font-size: 40px;
    color: rgba(255,255,255,.5);
}

#course-qualifications{
    margin-bottom: 30px;
}

.panel-info {
  background-color:#233e6f;
  padding: 0;
}
.panel-info .panel-body {
  padding:15px 15px;
  text-transform:uppercase;
  font-style:normal;
  color: #fff;
}
.panel-info .panel-body p {
  line-height:1.1em;
  margin:0;
  padding:0;
}
.bigtext-line2 {
    font-family:Lato, Futura, 'Trebuchet MS', Arial, sans-serif;
}
.bigtext-line1 {

}

.panel-footer {
    padding: 0;
}
.panel-info .book-now {
  font-size:22px;
  text-transform:uppercase;
}


/* Blog Header */

.blog-header {
  height:535px !important;
  padding-top:110px !important;
}
.blog-header-info {
    padding-top: 40px;
}
.blog-header .blog-header-info h1{
    font-size: 71px;
    line-height: 60px;
    padding-top: 87px;
    text-shadow:rgba(20, 26, 52, 0.4) 1px 1px 5px;
    font-family:'Lato' !important;
    margin-bottom: 0px;
}
.blog-header-info p {
    margin-top: 0px;
}



#homepage-header-snow
{
    background-image: url('../img/ttrg-homepage-header-bgl.jpg');
}

#homepage-header-ski
{
    background-image: url('../img/Ski-MAIN-IMAGE.jpg');
}

.section-light
{
    background-image: url('../img/ttrg-section-light-bg.gif');
}
.divide-line {
    height: 21px;
    margin: 8px 0;
    background: url('../img/divide-line.gif') no-repeat center center;
}

.price-block {
    margin-bottom: 4px;
}
.header-col .price {
    color: #fff;
    display: block;
    font-family: "Lato";
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
}
.header-col .future-price, .header-col .sold-out {
    color: #5f6578 !important;
    font-weight:400 !important;
}
.header-col .future-price .price, .header-col .sold-out .price {
    color: #5f6578 !important;
    font-weight:400 !important;
}

.price-tag {
    font-family: "Lato";
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.header-col p
{
    font-size: 13px;
    font-weight: lighter;
    line-height: 31px;
}

.header-col .length
{
    font-weight: 400;
    font-size: 40px;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.course-header .length .date
{
    font-size: 11px;
    text-transform: uppercase;
    display: block;
}

#course-header-info
{
    color: #ffffff;
}

#course-header-info i
{
    font-size: 33px;
    display: block;
    font-weight: normal;
    padding-bottom: 5px;
}

#course-header-info
{
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 1px;
    font-size: 11px;
    padding-top: 20px;
}

.header-info
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-info-right
{
}

.header-info-right
{
    border-left: 1px solid #5b5c6d;
}

#course-header-more
{
    background-color: #3462ac;
    padding: 30px 20px;
    position: absolute;
    left: 0;
    border: 0;
    font-weight: 500;
    letter-spacing: 1px;
    bottom: 0;
    font-size: 13px;
    margin:0px !important;
}

#brochureDowloadSend,
#btn-brochure-complete-1,
#callbackModal .btn
{
    background-color: #3462ac;
    padding: 20px 30px;
    border: 0;
    font-weight: 500;
    letter-spacing: 1px;
    bottom: 0;
    font-size: 13px;
}

.course-header .btn-white:hover
{
    border: none;
    background: rgba(255,255,255,1);
}

.modal-body,
.modal-heading {
    padding: 0 35px 35px;
}

.modal-header {
    color: #111832;
    padding-bottom: 0;
    border-bottom: 0;
}

.modal-title {
    font-size: 32px;
}

.modal-footer  .btn
{
    color:#3462ac;
}

/* PHOTO GALLERY */

div.photo-gallery .row > div[class*="col-"]
{
    margin: 0 !important;
    padding: 0;
}

div.photo-gallery{
    padding-right: 20px;
    padding-bottom: 20px;
}

div.photo-gallery a.thumbnail
{
    border: 0 none;
    margin: 0;
    padding: 0;
}

/* COURSE STICKY MENU */

#course-nav
{
    top: 70px;
    background: #fff;
    display: none;
    z-index: 500;
}

#course-nav.showMe
{
    display: block;
}

#course-nav li.active {
    background: none;
}
#course-nav li.active a
{
    color: #14162e !important;
    font-weight:bold !important;
    /* background: transparent url(../img/icons/mountain.png) no-repeat center bottom !important; */
}

/* TOP LINK */

#toTop
{
    text-align: center;
    position: fixed;
    top: -50px;
    left: 30px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

#toTop span:after
{
    content: '';
    position: absolute;
    height: 20px;
    border-left: 1px solid #3462ac;
    left: 50%;
    bottom: 21px;
}

#toTop i
{
    display: block;
    font-size: 38px;
    padding-bottom: 13px;
}

#toTop.showMe
{
    top: 150px;
    opacity: 0.7;
}

#toTop:hover,
#toTop:active,
#toTop:focus
{
    opacity: 1;
    text-decoration: none;
}

/* TIMELINE */

#course-timeline-container
{
    padding: 40px 55px 30px;
    margin-bottom: 0px;
}

#course-timeline-container:before
{
    content: '';
    background: url('../img/ttrg-timeline-all-mountain-bg.png') center center;
    background: none;
    width: 167px;
    height: 85px;
    position: absolute;
    left: 50%;
    top: 150px;
    margin-left: -83px;
}

#course-timeline-container:after
{
    content: '';
    width: 54px;
    height: 54px;
    position: absolute;
    left: 50%;
    bottom: 107px;
    margin-left: -27px;
    padding-top: 0;
}

.timeline
{
    list-style: outside none none;
    padding: 20px 0;
    position: relative;
}

.timeline:before
{
    background-color: #14162e;
    bottom: 0;
    content: " ";
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    top: -32px;
    top: 0px;
    width: 1px;
}

.timeline > li
{
    margin-bottom: 20px;
    position: relative;
}

.timeline > li:before, .timeline > li:after
{
    content: " ";
    display: table;
}

.timeline > li:after
{
    clear: both;
}

.timeline > li:before, .timeline > li:after
{
    content: " ";
    display: table;
}

.timeline > li:after
{
    clear: both;
}

.timeline > li > .timeline-panel
{
    border-top: 1px solid #14162e;
    float: left;
    padding: 20px 30px 0 75px;
    position: relative;
    width: 50%;
}

.timeline > li > .timeline-panel:after
{
    content: '\f10c';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: -13px;
    left: -13px;
}

.timeline > li.timeline-inverted > .timeline-panel:after
{
    right: -23px;
    left: inherit;
}

.timeline > li > .timeline-badge
{
    background-color: #999;
    border-radius: 50%;
    color: #fff;
    font-size: 1.4em;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 50px;
    z-index: 100;
}

.timeline-date {
    /*background: none repeat scroll 0 0 #14162e;*/
    background: transparent url(../img/course-detail/flag.png) no-repeat center right;
    color: #fff;
    display: block;
    font-size: 13px;
    left: -20px;
    letter-spacing: 2px;
    margin: 0;
    padding: 7px 25px 7px 15px;
    position: absolute;
    text-transform: uppercase;
    top: 37px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    width: 105px;
}

.timeline > li.timeline-inverted > .timeline-date
{
    right: -20px;
    left: auto;
}

.timeline > li.timeline-inverted > .timeline-panel
{
    float: right;
    padding-left: 40px;
}

.timeline-badge.primary
{
    background-color: #2e6da4 !important;
}

.timeline-badge.success
{
    background-color: #3f903f !important;
}

.timeline-badge.warning
{
    background-color: #f0ad4e !important;
}

.timeline-badge.danger
{
    background-color: #d9534f !important;
}

.timeline-badge.info
{
    background-color: #5bc0de !important;
}

.timeline-title
{
    color: inherit;
    margin-top: 0;
    font-weight: 400;
    letter-spacing: 2px;
}

.timeline-body > p, .timeline-body > ul
{
    margin-bottom: 0;
}

.timeline-body > p + p
{
    margin-top: 5px;
}

.timeline-inverted .timeline-body{
    padding-right: 20px;
}

/* STATIC PAGES */
.static-banner-widget-text h1 {
    /* font-size:75px !important; */
}
.static-insurance {
    background:url(../img/static/insurance/hero-banner.jpg) no-repeat !important;
}
.wn-wrapper {
    width:600px;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
}



/* SIDE BAR */

#col-holder{
    position: relative;
}

#sidebar
{
    background-image: url("../img/ttrg-section-darker-bg.gif");
    position: relative;
}

.stuck{
    position: fixed !important;
    top: 100px;
    right: ;
}

.social-icon
{
    color: #ffffff;
    font-size: 28px;
    margin-left: 10px;
    margin-right: 10px;
}

/* CIRCLE BUTTON */

.btn-circle
{
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-circle.btn-lg
{
    width: 50px;
    height: 50px;
    padding: 3px 8px 10px 6px;
    font-size: 28px !important;
    line-height: 1.33;
    border-radius: 25px;
    font-weight: 400;
    min-width: 0px;
}

.btn-circle.btn-xl
{
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}

.social-row .btn-circle
{
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 9px;
    padding-top: 5px;
    display:inline-block;
}

.social-row .btn-circle:hover
{
    background-color: #fff;
    color: #BEBEBE;
}

.widget h3
{
    color: #ffffff;
    background: #bebebe;
    background-image: url('../img/ttrg-section-darker-bg.gif');
    z-index: 200;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
}

.widget h3 span
{
    background: url("../img/ttrg-section-darker-bg.gif") repeat scroll 0 0 #bebebe;
    padding: 0 10px;
    position: relative;
    z-index: 200;
}

.widget h3:after
{
    content: '';
    border-top: 1px solid #fff;
    width: 100%;
    position: absolute;
    top: 6px;
    right: 0;
    color: #ffffff;
    z-index: 100;
}

/* SIDEBAR SIGNUP */

.envelope
{
    background-color: #bfd1e7;
    background-image: repeating-linear-gradient(135deg, #ed5737 0px, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
    margin: 0 auto;
    padding: 5px;
    position: relative;
    width: 100%;
    z-index: 300;
}

.envelope form, #sidebar-thanks .inner
{
    margin: 0;
    padding: 10px 0;
}

.envelope .inner, .envelope form
{
    background: none repeat scroll 0 0 #fff;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.envelope h3
{
    font-weight: 500;
    padding: 0 20px;
    background: transparent;
    color: #14162e;
    font-size: 24px;
    text-transform: none;
}


.envelope h3:after
{
    content: none;
}

.envelope h3 small
{
    color: inherit;
    display: block;
    font-size: 14px;
    padding-top: 8px;
    line-height: 19px;
}

.envelope .btn
{
    margin: 0 auto;
    font-size: 11px;
    padding-right: 20px;
    padding-left: 20px;
}

.envelope input, .envelope input:focus
{
    border: 0 none;
    box-shadow: none;
    margin: 7px auto;
    text-align: center;
    width: 90%;
}

.widget
{
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}

#sidebar-signup-thanks
{
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
}

#sidebar-signup-thanks .inner
{
    height: 100%;
    padding: 10px;
    position: relative;
    top: 0;
}

.course-menu-item a,
#course-nav .nav li a
{
    text-transform: uppercase;
    color: #3462ac;
    font-weight: 400 !important;
}

#course-nav .nav li.active a{
    color: #fff !important;
    font-weight: 400 !important;
    background: #111832;
}

.course-menu-item a:hover
{
    text-transform: uppercase;
    color: #14162e;
    background-color: transparent!important;
}

#floater{
    padding-left: 0;
}

#floater li.active a
{
    font-weight: 600;
    color: #14162e;
    border: 0;
    /* background: transparent url(../img/icons/mountain.png) no-repeat center bottom; */
}

#floater .nav > li > a,
#course-nav .nav > li > a
{
    padding: 15px 20px;
}

#course-header-more:hover
{
    color: #ffffff;
}

.course-header .btn-white:hover
{
    border: 0;
}

#main-content
{
    border-top: 1px solid #eaeaea;
}

#floater .nav-tabs
{
    border: 0;
}

/* FAQS */

.faq-number
{
    color: #171717;
    font-family: 'Lato';
    font-size: 11px;
}

.panel-group .panel-heading i.fa-2x
{
    font-size: 31px !important;
}

.btn-faq-number
{
    border: 2px solid #070707;
    font-weight: normal;
    margin-right: 20px;
}

#faqs .panel-heading
{
    border-radius: 0;
    margin-bottom: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body
{
    border-top-color: transparent;
    margin-bottom: 0px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group
{
    border: 0;
}

.panel
{
    box-shadow: none;
    margin-top:12px !important;
    clear:both;
}

.panel-title .btn-circle{
    padding: 5px 0;
    float: left;
    margin-top: -6px;
}

.btn-faq-number:hover,
.btn-faq-number:active,
.btn-faq-number:focus
{
    background-color: #070707;
    border: 4px solid #070707;
}

#course-timeline
{
}

.chat-about-this
{
    color: #3462ac;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

.timeline-body
{
   font-size: 13px;
    font-weight: 400;
}

#sidebar-row
{
    position: relative;
}

#sidebar-content {
    background-image: url("../img/ttrg-section-darker-bg.gif");
    background-color: #ccc;
    margin-bottom: -10000px;
    padding-left: 25px;
    padding-right: 25px;
    right: 0;

    z-index: 100;
    margin-top:-51px;
}

.course-content ul
{
    padding-right: 40px;
}

.course-content
{
    padding-right: 40px;
}

.course-content ul{
    padding-left: 10px;
}

.course-content ul li{
    padding-left: 20px;
    list-style: none;
    background: url("/img/ttrg-bullet.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
}

#course-photos,
#resort-photos
{
    margin-top: 0;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.btn
{
    text-transform: uppercase;
}

#course-video,
#resort-video
{
    padding-top: 0!important;
    padding-bottom: 0!important;
}

/* Responsive Videos */

.videoWrapper
{
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

.videoWrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#resort-nightlife .course-content{
    border-top: 1px solid #b8b9c0;
    padding-top: 20px;
}

.video-row
{
    padding-right: 0;
    margin-left: -30px;
    padding-bottom:20px;
}

#main-nav .navbar-ttr a:hover
{
    background-color: transparent;
}

#menu-contact{
    margin-left: 90px;
    height: 35px;
}

#menu-contact ul {
    margin: 0;
    padding: 9px 15px 0 0;
}

#menu-social-row li a
{
    font-size: 16px;
    color: rgba(255,255,255,0.6);
}

#menu-contact-row,
#menu-contact-row a{
    color: rgba(255,255,255,0.6);
    font-size: 11px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 2px;
}

#menu-social-row a:hover,
#menu-contact-row a:hover
{
    color: rgba(255,255,255,1);
    text-decoration: none;
}

.shrink #menu-contact{
    display: none;
}

body
{
    position: relative;
}

#main-nav ul li
{
    background-color: transparent;
}

#main-nav ul > li a:hover
{
    background-color: #233E6F;
}

.btn-download
{
    border: 1px solid #14162e;
    color: #14162e;
}

.btn-download:hover
{
    color: #fff;
    background-color: #14162e;
    border: 1px solid #14162e;
}

.course-list-course-logos
{
    color: #3462ac;
}

.course-list-course-logos .price
{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: inherit;
    display: block;
    margin-top: -5px;
    line-height: 20px;
}

.course-list-course-logos .price span
{
    font-weight: 100;
    font-size: 27px;
    letter-spacing: 2px;
    display: block;
    padding-top: 0;
    margin-top: 0;
}
.course-list-course .resort
{
    margin-top: 22px;
}

.course-list-course .course
{
    margin-top: 36px;
}

.course-list-course .course-list-course-logos:before
{
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    content: "";
    height: 25px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 45px;
}

.course-list-course .course-list-course-logos:after
{
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    content: "";
    height: 25px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    bottom: 48px;
}

.header-resort-logo
{
    padding-right: 50px;
}

#single-course-header
{
    padding-top: 67px;
}

#course-list-header
{
    background-image: url('../img/ttrg-course-list-resort-bg.jpg');
    height: 465px;
}

.weather
{
    width: 100%;
    background-image: url('../img/ttrg-weather-sprites.png');
    background-repeat: no-repeat;
    height: 85px;
    background-position: center center;
}

.temp
{
    height: 55px;
    width: 100%;
}

.full-report
{
    margin-top: 20px;
}

.temp p
{
    font-size: 95px;
    letter-spacing: 6px;
}

.temp p span
{
    font-size: 40px;
    vertical-align: super;
}

#course-header-weather
{
    margin-top: -15px;
}

#snow-stats .depth-numbers
{
    font-size: 34px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

#snow-stats
{
    vertical-align: middle;
}

#snow-stats .depth-numbers span
{
    font-size: 13px;
    font-weight: 200;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

#snow-stats div
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

#course-list-header .header-col
{
    height: 380px;
    padding-top: 0;
}

#course-list-header .header-col p
{
    margin-top: 0;
    margin-bottom: 0;
}

footer
{
    background-color: #14162d;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 0px;
    position: relative;
    z-index: 200;
}


.protected_bar {
    z-index: 170;
    position: relative;
    background: url(/img/topMenuLogos/backing_image.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.container.protected {
    padding: 30px 100px;
    text-align: center;
    position: relative;
    z-index: 180;
}

.foot_insure
{
    width: 180px;
    height: 100px;
    fill: #fff;
}

.text_abta
{

    transform: translate(50px, 100px);
     transform: scale(4, 4);
}

#footer-cta
{
    width: 85px;
    height: 85px;
    padding-left: -44px;
    left: 50%;
    position: absolute;
    top: -42px;
    background-color: #3462ac;
    color: #fff;
    -webkit-transform: rotateX(90deg) rotate(45deg);
    transform: rotateX(90deg) rotate(45deg);
    margin-left: -42px;

}

#footer-cta.show
{
    -moz-transform: rotateX(0deg) rotate(45deg);
    -o-transform: rotateX(0deg) rotate(45deg);
    -webkit-transform: rotateX(0deg) rotate(45deg);
    transform: rotateX(0deg) rotate(45deg);
}

#footer-cta a,
#footer-cta a:hover
{
    color: #fff;
    text-decoration: none;
}

#footer-cta h6 small
{
    color: #fff;
    display: block;
    font-weight: 300;
    margin-top: 4px;
}

#footer-cta h6
{
    font-weight: 400;
    font-size: 13px;
    display: block;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -55px;
    margin-right: -50px;
    margin-top: 20px;
}

#footer-sub-form{
    padding: 0;
}

#footer-sub-form .form-control{
    padding-top: 0;
    padding-bottom: 0;
}

.course-list-page
{
    background-image: url('../img/ttrg-section-light-bg.gif');
}

#footer-logos
{
    margin-top: 9px;
}

#resort-header
{
    height: 735px;
    padding-top:50px;
}

.jumbotron.chalets
{
     height: 685px !important;
     padding-top: 75px !important;
}

.sumome-contactform
{
    margin:0 !important;
    padding:2em !important;

}

#resort-header h1
{
    padding-top: 125px;
    font-size: 100px;
    line-height:0.8em;
    margin-bottom: 0px;
}
#resort-header p {
    margin-top: 0px;
    padding-top: 6px;
}

#resort-overview .resort-logo
{
    padding-right: 30px;
    padding-bottom: 10px;
    opacity: 0.8;
}

#insta-widget
{
    padding: 10px 10px 60px;
    background-color: #fff;
    background-image: url('../img/ttrg-hashtag.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.social-row
{
    margin-top: 20px;
}

.course-header-info
{
    position: relative;
}

#main-nav
{
    margin-top: 0;
    height:75px;
}

.shrink #main_navbar
{
    margin-top: 0;
}

.shrink .navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    width:262px;
    line-height: 20px;
    overflow: hidden;
}

.navbar-fixed-top
{
    border: 0;
}

.navbar-brand
{
    transition: none;
    position: absolute;
}
#navbar-sport {
    position:absolute;
    top: 86px;
    display:none;
}
.border-blue-top {
    display:block;
    border-top: solid 1px #cfd1d6 !important;
}

.shrink .navbar-brand,
.shrink .navbar-ttr
{

}

.form-control
{
    border: 1px solid rgba(0,0,0,0.2);
    background: #fff;
    font-size: 18px;
    font-weight: 200;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: rgba(0,0,0,0.8);
    height: 64px;
}

.form-group label
{
    font-weight: 300;
    color: #14162e;
}

.form-title
{
    color: #14162e;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 5px;
}

.form-section{
    border-top: 1px solid #ccc;
    padding: 20px 0 30px 0;
}

form p
{
    font-size: 14px;
    font-weight: 300;
    color: rgba(0,0,0,0.9);
}

#static-header h1:after{
    display: none;
    height: 385px;
}

#static-header{
    height: 385px;
    background-image: url('../img/ttrg-homepage-header-bg-surf.jpg');
    background-position: center center;
}

#static-header .course-header-info h1 {
    font-size: 65px;
}

#static-page,
#main-group{

    min-height: 800px;
}

#static-page form .lead
{
    font-weight: 100;
    padding-top: 22px;
}

#static-page #sidebar-content{
    top: 0;
}

.form-btn
{
    background-color: #3462ac;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.form-btn:hover
{
    color: #fff;
    background-color: #14162D;
}

.form-btn:focus
{
    color: #fff;
}

#footer-insta a {
    display: inline-block;
    height: 30%;
    width: 30%;
    margin: 0;
    padding: 0;
}

.breadcrumb,
#breadcrumb {
    display: inline-block;
    margin-bottom: 0;
    width: auto !important;
    padding-right: 9px;
}

.breadcrumb,
#breadcrumb {
    padding: 4px 7px 4px 8px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #3462ac;
    color: #ffffff;
    width: inherit;
    font-size: 11px;
}

.breadcrumb>li,
#breadcrumb>span
{
    display: inline-block;
}

.breadcrumb>li+li:before
{
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb>.active
{
    color: #fff;
}

.course-list-course h2
{
    color: #2252c1;
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 5px !important;
    padding-top: 0;
    margin-top: 0;
}

.trip_side {
    margin-top:0px;
}

.trip_side h5, .trip_side h6 {
    text-align:center;
    margin:0px;
}

.trip_side h6 {
    margin-bottom:10px;
}

.trip_side h5 {
    color:#3462ac;
    font-size:0.8em;
}

.long_line {
    height: 48px;
    width: 1px;
    border-left: 1px solid #ddd;
    margin: 0 auto;
    margin-bottom: 20px;
}



.course-list-course h2 small
{
    display: block;
    color: #14162e;
    font-size: 16px;
    margin-top: 5px;
}

.course-list-course .location
{
    font-weight: 600;
    color: #14162e;
    font-size: 11px;
    padding-top: 0;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: inherit;
    margin-bottom: 0;
}

.course-list-course .description{
    margin: 10px 0;
}

.course-list-course .description {
    color: #252525;
    font-size: 12px !important;
    font-weight: 400;
    text-transform: none;
}

.course-list-course
{
    padding-top: 35px;
    border-bottom: 1px solid #b8b9c0;
}

.course-list-course  h3 {
    font-size:1.32em;
    margin:0px;
    padding:0px;
}

.course-list-course .btn
{
    font-size: 10px;
    letter-spacing: 0px;
    font-weight: 600;
}

.course-list-course .btn
{
    margin-right: 15px;
}

#resort-accom img{
    margin-top: 30px;
    margin-bottom: 30px;
}

#resort-accom h3 {
    font-size: 15pt !important;
    font-weight:600 !important;
}
#resort-accom h4 {
    font-size: 12pt !important;
    font-weight:normal !important;
    margin-bottom: 0px !important;
}

.btn-default:hover
{
    border-color: #fff;
}



/* SURF HOMEPAGE */

.homepage-resort-square-surf
{
    height: 295px;
    padding-top: 70px;
    background-size: cover;
}

.homepage-resort-square-surf:hover h2
{
    padding-top: 0;
    margin-top: 0;
}

.homepage-resort-square-surf .btn
{
    font-size: 10px;
}

.surf-diamond
{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 234px;
    left: 50%;
    margin-left: -60px;
    z-index: 200;
    background-image: url('../img/ttrg-locations-logo-small.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.destination-row
{
    position: relative;
}

#homepage-resort-ski
{
    background-image: url('../img/ttrg-homepage-stats-resort-bg.png');
}

#homepage-resort-surf
{
    background-image: url('../img/ttrg-homepage-stats-surf-bg.png');
    height: 333px;
}

.homepage-header h1
{
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 81px;
    background-size: 60px;
}

#homepage-header-surf h1
{
    background-image: url('../img/ttrg-homepage-header-wave.png');
    font-size: 100px;
}

#homepage-header-snow h1
{
    background-image: url('../img/ttrg-homepage-header-mountain.png');
    padding-top: 80px;
    background-size: 100px;
    font-size: 100px;
}

#homepage-header-surf
{
    background-image: url('../img/ttrg-homepage-header-bg-surf.jpg');
    padding-top: 15%;
}

#homepage-become-surf
{
    height: 700px;
}

#homepage-become-snow
{
    height: 800px;
}

.homepage-resort-square-surf-small
{
    height: 190px;
    padding-top: 45px;
    padding-left: 2%;
    padding-right: 2%;
}

.homepage-resort-square-surf h2
{
    font-size: 26px;
}

.homepage-resort-square-surf-small h2
{
    font-size: 16px;
    padding-bottom: 0;
}

.homepage-resort-square-surf h2:after {
    border-left: 1px solid #fff;
    content: "";
    height: 25px;
    margin: 10px 0 0;
    padding: 0;
    position: absolute;
}

.homepage-resort-square-surf-small h2:after
{
    border-left: 1px solid #fff;
    content: "";
    height: 15px;
    margin: 7px 0 0;
    padding: 0;
    position: absolute;
    left: 50%;
}

.homepage-resort-square-surf h2 {
    margin-bottom: 45px;
}

.homepage-resort-square-surf-small h2 {
    margin-bottom: 30px;
}

form{
    padding: 0 0px 0 0;
}

.navbar-ttr{
    height: 86px;
}

.radio label, .checkbox label {
    font-size: 14px;
    font-weight: 300;
}

.media.staff{
    padding: 15px 0;
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
}

.media.staff .media-body{
    padding-left: 15px;
    padding-right: 15px;
}

#sidebar-signup-thanks h3{
    margin-top: 50px;
}

#sidebar-signup-thanks p{
    font-weight: 400;
    font-size: 14px;
}

#sidebaremail-error{
    display: none !important;
}

input.error{
    border: 1px solid red;
}

label.error{
    color: red;
}

.error
{
    text-align:center;
    color:red;
    font-size:1.3em;
}

#booking-form p#coursename{
    font-size: ;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #eee;
    text-decoration: none;
    display: block !important;
}

.jumbotron {
    margin-top:50px;
}

.homepage-header .jumbotron h1{
    font-size: 100px;
    font-weight: 900;
}
.jumbotron h1, .jumbotron .h1 {
    color: #ffffff;
    letter-spacing: 4px;
    line-height: 52px;
}

.jumbotron p {
    color: #fff;
    font-family: "Lato";
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
}


.jumbotron.large-header.text-left.course-header.thanks
{
    background-image: url('../img/thanks.jpg') !important;
    padding-top:8% !important;
}

.jumbotron.large-header.text-left.course-header.customThanks
{
    background-image: url('../img/customThanks.jpg') !important;
    padding-top:8% !important;

}

.jumbotron.large-header.text-left.course-header.thanks-main
{
    background-image: url('../img/thanks-main.jpg') !important;
    padding-top:8% !important;
    height:450px;
}

.jumbotron.large-header.text-left.course-header.customThanks h1
{
    line-height: 70px;
}


.jumbotron.large-header.text-left.course-heade.thanks .course-header-info h1 {
    font-size: 85px !important;
    line-height: 60px !important;
}

.large-header h1 small {
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 1px;
}

#single-course-header .course-header-info h1{
    font-size: 62px;
    line-height: 55px;
    text-shadow:rgba(20, 26, 52, 0.4) 1px 1px 5px;
}

#single-course-header .course-header-info p{
    line-height: 25px;
}

.course-header-info .location {
    text-shadow:rgba(20, 26, 52, 0.4) 1px 1px 5px;
    font-size:23px;
}

img.course-overview{
    margin-top: 20px;
    padding: 0 0 0 20px;
}

.photo-texture{
    background: url('../img/diagonal-noise.png');
    height: 678px;
    position: absolute;
    width: 100%;
    background-size: 100%;
}
.photo-texture.lrg{
    height: 785px;
}
.photo-texture.static {
    height: 700px;
}

li.open a:after{
    content: none !important;
}

.navbar-brand {
    padding: 0 22px 0 0;
    height:60px;
    width:262px;
    padding-left:45px;
}

.nav.navbar-nav.navbar-left ,  .small_marg
{
    margin-top:10px;
}




.book_now_head {
    border:1px solid #585e71;
    margin-right:10px;
}

#staff-page h3 {
    font-size: 20px;
    margin: 20px 0 0;
    padding: 0;
}

.timeline .stream *{
    color: #ffffff;
}


/* Helper Class */
.no-bg-image {
    background: none !important;
}
.relative {
    position: relative;
}

.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}

    #main-nav{
        padding-left: 210px;
        padding-bottom:10px;
    }

    p.course-date{
        margin: 0;
        padding: 0;
    }

        .course-content ul
    {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        -ms-column-gap: 15px;
        -o-column-gap: 15px;
        column-gap: 15px;
        columns: 2;
        padding: 20px 0;
    }

    .type-surf,  .type-snowboard{
        background-image: url('../img/ttrg-instructor-logo-notext.png');
        background-size: auto 64px;
        padding-top: 95px;
        background-position: center 30px !important;
        line-height: 90px !important;

    }

    #main-content hr{
            margin-bottom: 30px;
    margin-right: 30px;
    margin-top: 30px;
    }

    #main-content > p.thanks
    {
        padding-top:30px;
    }

    #header-course-dates{
        margin: 20px 0 0 0;
    }

    #static-sidebar-content{
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: -1000px;
    }

     #future-buttons{
        width: 100%;
     }

#future-buttons .btn {
    font-size: 12px;
    font-weight: 500;
    padding: 12px 0;
    text-align: center;
    color:#000;
}

     #future-buttons .btn-default:hover,
     #future-buttons .btn-default:focus,
     #future-buttons .btn-default.focus,
     #future-buttons .btn-default:active,
     #future-buttons .btn-default.active
     {
    background-color: #fff;
    border-color: #fff;
    color: #111832;
}

#future-buttons .btn:active, #future-buttons .btn.active {
    background-image: none;
    box-shadow: none;
    outline: 0 none;
    color:#000;
}

.course-date{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 200;
    opacity: .5;
    position: relative;
}

.course-date:first-child{
    margin-bottom: 20px;
}

.course-date:first-child:after {
    border-top: 1px solid rgba(255,255,255,.5);
    content: " ";
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
}

.course-date.active{
    opacity: 1;
}

.btn-info:active, .btn-info.active {
    background-color: #fff;
    border-color: #fff;
    color: #3462ac;
    box-shadow: none;
}

#accom-drop{
    padding-top: 20px;
        padding-bottom: 20px;

    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
}

#mobile-brochure{
    text-transform: uppercase;
    float: right;
    position: absolute;
    top: 20px;
    letter-spacing: 1px;
    right: 25px;
    font-size: 12px;
}


.navbar.ttrg-skin .navbar-nav > li.open > a {
    background-color: #233E6F;
    color: #fff;
}


.sticky-wrapper{
    width: 100%;
    position: relative !important;
}

.dropdown-menu, .navbar {
    min-width: 35px;
    width: 100%;
}

#sidebar .dropdown-menu {
    background-color: #14162d;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#sidebar .dropdown-menu > li > a {
          color: #fff;
}

.dropdown-menu > li > a:hover {
          background-color: #233E6F;
          color: #fff;
}


.btn-group.open .dropdown-toggle {
    box-shadow: none;
    background-color: #14162d;
}


#brochure-widget{
    background: #dfdfdf;
    padding: 15px;
    text-transform: uppercase;
    color: #14162e;
    margin-bottom: 0;
}

#brochure-widget h4,
#brochure-widget p{
margin-bottom: 0;
margin-top: 0;
   line-height: 40px;
   letter-spacing: 4px;
}

#brochure-widget h4{
background: url('../img/ttrg-small-logo.png') top center no-repeat #dfdfdf;
padding-top: 40px;
}

#brochure-widget h4::before {
    border-bottom: 1px solid #14162e;
    content: " ";
    left: 10px;
    position: absolute;
    top: 17px;
    width: 30%;
}

#brochure-widget h4::after {
    border-bottom: 1px solid #14162e;
    content: " ";
    right: 10px;
    position: absolute;
    top: 17px;
    width: 30%;
}

#brochure-widget p{
    letter-spacing: 6px;
}

#brochure-widget div.inner{
    position: relative;
    padding: 0 10px;
}


#brochure-widget .btn {
    background-color: #14162e;
    border: 0 none;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 20px;
    padding: 15px 20px;
    width: 100%;
}

#contact-drop-widget{
    margin-top: 10px;
}

.homepage-resort-square {
    cursor: pointer;
}

#sticky-widgets{
    position: relative;
}

.modal-content {
    border-radius: 0;
    box-shadow: none;
}

.modal-cover{
    display: none;
}

body.modal-open .modal-cover{
    display: block;
    background: none repeat scroll 0 0 #0b0b0b;
    height: 100%;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1010;
}

.modal-dialog {
    margin: 10% auto;
}

.modal .modal-body {
    max-height: 600px;
    overflow-y: auto;
}

.navbar.ttrg-skin .navbar-toggle{
    border: 0;
}

#filter-row{
        position: relative;
}

.btn-group .btn-info:active,
.btn-group .btn-info.active {

    border-color: #3462ac;
    color: #fff;
    box-shadow: none;
}

#course-list-country-dropdown{

}

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width: 1200px) {

    .footer_subscribe {
        width: 79%;
    }

}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {

    .footer_subscribe {
        width: 93.5%;
    }


.homepage-resort-square-surf h2 {
    font-size: 18px;
}

}


/* Small Devices, Tablets */

@media only screen and (max-width: 1024px) {

#mobile-call{
    float: right;
    padding: 10px 0 0 0;
}

.course-length-box {
    margin-right: 0;
}

    .navbar-toggle {
        margin-top: 0;
        margin-bottom: 0;
float: left;
padding-left: 0;

}

.navbar.ttrg-skin .navbar-toggle{
    color: #fff;
}

.navbar.ttrg-skin .navbar-toggle:hover, .navbar.ttrg-skin .navbar-toggle:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #fff;
}


    #main-nav{
        padding-left: 215px;
    }

.snowboard-courses h2{
    margin-top: 0 !important;
}

#mobile-dates-close{
    position: absolute;
    top: -30px;
    right: 20px;
    cursor: pointer;
    background: rgba(20, 22, 46, 0.85);
    width: 35px;
    height: 30px;
    padding: 3px 3px 0 3px;
}

.navbar-brand,
.navbar-ttr
{

    height: 70px;
    overflow: hidden;
}

.hide-prices{
    bottom: -120px !important;
     background: rgb(20, 22, 46);
}

.hide-up{
    background: rgb(20, 22, 46) !important;
}

    #homepage-courses .btn::before{
        content: none;
    }

#homepage-quals-row{
    margin-top: 50px;
}

.homepage-course .btn{
    margin-top: 0;
}

#homepage-quals-row .homepage-course p{
    font-size: 10px;
}

    #homepage-header-snow h1 {
    background-image: url("../img/ttrg-homepage-header-mountain.png");
    background-size: 100px auto;
    font-size: 70px;
    padding-top: 60px;
    margin-bottom: 30px;
}

.homepage-resort-square h2 {
    font-size: 20px;
    margin-top: 10px;
    padding-top: 75px;
}

.homepage-square-content .btn {
    padding: 10px 15px !;
    text-transform: uppercase;
}

.large-header{
    padding-top: 10%;
}

.homepage-header h1::after, .homepage-become h3::after {
    bottom: -35px;
height: 20px;
    }

    .sticky-wrapper .stuck{
        display: none;
    }

    .course-content ul
    {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        -ms-column-gap: 15px;
        -o-column-gap: 15px;
        column-gap: 15px;
        columns: 1;
        padding: 20px 0;
    }


    ul.timeline:before
    {
        left: 40px;
    }
    ul.timeline > li > .timeline-panel
    {
        width: calc(100% - 90px);
    }
    ul.timeline > li > .timeline-badge
    {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel
    {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before
    {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after
    {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }



        /* MAIN NAV */


    #destination-drop-down h3 {
        font-family: "Lato",sans-serif;
        font-size: 14px !important;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .navbar .dropdown-menu li > a {
        font-family: "Lato",sans-serif;
        clear: both;
        cursor: pointer;
        display: block;
        font-weight: 400;
        line-height: 20px;
        overflow: hidden;
        padding: 5px 15px 5px 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        font-size: 11px;
    }

        .menu-map{
        display: none;
    }

    /* SIDEBAR */

    #sidebar{
        display: none;
    }

    /* SINGLE COURSE */

    img.course-overview {
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
        height: auto;
        float: right;
    }


    .large-header h1 small {
        font-size: 12px;
    }

    .large-header {
        height: 430px;
    }

    .homepage-resort-square .fadein {
        opacity: 1;
    }

    .homepage-resort-square-surf-small {
        height: 295px;
        padding-top: 70px;
    }
    .homepage-resort-square-surf-small h2,
    .homepage-resort-square-surf h2 {
        font-size: 32px;
        margin-bottom: 45px;
    }
    .homepage-resort-square-surf-small h2::after {
        height: 25px;
        margin: 10px 0 0;
    }
    .homepage-become h3::after {
        bottom: 150px;
    }
    .homepage-resort {
        margin-bottom: -20px;
    }


    #homepage-courses h3 {
        padding-bottom: 10px;
        font-size: 30px;
    }

    .homepage-course h4 {
        background-size: 50% auto;
        height: 105px;
    }

    .homepage-course {
        padding-bottom: 0;
    }

    .homepage-course p {
        font-weight: 500;
    }

    #resort-header h1 {
        font-size: 52px;
    }

    #resort-header p {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* DESTINATION PAGE */

    .course-header-info{
        text-align: center;
        padding-top: 0;
    }

    #resort-header{
        height: 575px;
    }

    .photo-texture.lrg {
        height: 575px;
    }

    .section-dark .course-content{
        margin-left: 15px;
        margin-right: 15px;
    }

    /* COURSE LIST */

    .course-content {
        padding-right: 15px;
    }

    .course-list-course{

        padding-top: 15px;
        padding-bottom: 15px;
    }

    .course-list-course h2 {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 24px !important;
    }

    .course-list-course h2 small {
        font-size: 12px;
    }

    p.course-date{
        margin: 0;
        padding: 0;
        font-size: 10px !important;
    }

    .course-cta-buttons .btn {

        letter-spacing: 1px;
        margin-bottom: 10px;
        width: 100%;
    }

    .btn-info, .btn-info, .btn-info.focus, .btn-info, .btn-info.active, .open > .dropdown-toggle.btn-info {

        border-color: #3462ac;
        color: #fff;
    }

    .btn-download {

        border: 1px solid #14162e;
        color: #fff;
    }

    #main-content p.lead, #resort-accom p:first-of-type {
        font-size: 14px;
        font-weight: bold;
    }

    /* SINGLE COURSE */

    #single-course-header .course-header-info h1 {
        font-size: 32px;
        line-height: 31px;
        padding: 0 20px;
        text-shadow: 1px 1px 6px rgba(20, 26, 52, 0.9);
    }

    .course-header {
        height: 535px;
        padding-top: 65px;
    }

    .course-header-info .breadcrumb{
        margin-bottom: 0px;
    }



    /* TIMLEINE */

    #course-timeline-container {
        padding: 0;
    }

    .timeline::before {
        content: none;
    }

    ul.timeline > li > .timeline-panel {
        float: left;
    }
    ul.timeline > li > .timeline-panel {
        width: 100%;
    }

    .timeline > li > .timeline-panel {
        padding: 20px 0 20px 0;
    }

    .timeline > li.timeline-inverted > .timeline-panel {
        float: left;
        padding-left: 0;
    }

    .timeline > li > .timeline-panel::after {
        content: none;
    }

    .timeline-title small{
        display: block;
        padding-top: 5px;
        font-size: 12px;
    }

   .course-length-box {
        border: 1px solid #14162e;
        margin-right: 40px;
        min-height: 90px;
        min-width: 90px;
    }

    #course-qualifications{
        margin-bottom: 0;
    }

    /* FAQS */

    #faqs .panel-body {
        padding: 0;
    }

    /* CHAT */

    .zopim{
        display: none;
    }

    /* SIDEBAR */

    #sidebar{
        display: none;
    }

    /* PHOTO GALLERY */

    div.photo-gallery {
        padding-right: 0;
    }

    #course-photos h2{
        margin-bottom: 20px !important;
    }

    #course-video h2{
        margin-left: 15px;
    }

    .video-row {
        margin-right: -30px;
    }

    /* FOOTER */

    #static-page, #main-group {
        padding-bottom: 0;
    }

    #toTop{
        display: none;
    }



    #footer-footer {
        text-align: center !important;
        border-top: none;
        margin-top: 0;
        padding-top: 20px;
    }

     #footer-footer div{
        text-align: center !important;
    }

    #footer-wlm-logo{
        margin-top: 20px;
    }

    #homepage-become-surf h3{
        font-size: 30px;
    }

    #course-nav{
        display: none !important;
    }

    /* COURSE HEADER COL */

    #course-header-more{
        display: none;
    }

    .header-col{
        position: fixed;
        bottom: 0;
        height: 135px;
        z-index: 1000;
        width: 100%;
        padding-top: 0 !important;
        left: 0;
        padding-left: 20px !important;
        padding-right: 20px !important;

    }

    #course-header-more{
        padding: 15px 20px;
    }

    .header-col .price{
        font-size: 30px;
    }

    #future-buttons{
        display: none;
    }

    #mobile-book-now,
    #mobile-call-now{
        float: right;
        margin-top: 10px;
    }

    #mobile-book-now{
        margin-left: 20px;
    }

    #header-course-dates .course-date{
        text-align: left;
    }

    .price-block  {
        float: left;
    }

    .envelope h3 {
    font-size: 16px;
    font-weight: 600;
    }

    .envelope h3 small{
        font-size: 11px;
    }

    .envelope input, .envelope input:focus{
        margin: 0 auto;
    }

    .envelope .inner, .envelope form {
        padding-bottom: 10px;
}
    .price-block,
    .future-price{
        margin-right: 20px;
    }

    .btn-circle.btn-lg {
    width: 40px;
    height: 40px;
    font-size: 20px !important;
}



}



/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    #course-date-prices .future-price,
    #course-date-prices .price-block{
        display: inline !important;
        margin-right: 15px !important;
    }

    .top_menu_items {
        width:25%;
    }



}

@media only screen and (max-width: 500px) {
    .top_menu_items {
        width:24%;
    }

    #main-nav {
        padding-left:0px !important;
    }

    #right-nav {
        width:100%;
    }


        .man_logo
        {
            fill:white;
            width:50px;
            height:50px;

        }


        .navbar-brand, .navbar-ttr {
            height: 56px;

        }

    .search_home h3 {
        font-size: 2.9em;
    }

    .ticket_to_ride_foot {
        width:100%;

    }

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .top_menu_items {
        width:24%;
    }


footer h5 {
    margin-top:0px;
    width:100%;
    text-align:center;
}

#footer h4 {
    width:100%;
    float:none;
        margin-left: 40px;
}

.tinylineyparttwo
{
    background: url(/img/topMenuLogos/tinyliney2.png);
background-repeat: no-repeat;
/* background-position: bottom; */
padding-bottom: 18px;
margin-right: 0px;
width: 50%;
/* float: right; */
margin-top: 20px;
margin-left: 50px;
}

.foot_padding {
    padding: 0px 82px;
}

.social_circles {
    margin: 4%;
}



    form {
    padding: 0;
}

#mobile-call{
    float: right;
    padding: 10px 0 0 0;
}

#street-view{
    float: none !important;
    max-width: 100%;
    margin-bottom: 20px;
    width: 100%;
}

form .checkbox.pull-right{
    text-align: center;
    float: none !important;
    margin-top: 60px;
}

  #booking-button,
  #contact-button{
    width: 100%;
  }

    .course-length-box {
    margin-right: 0;
}

.section-dark .course-content {
    margin-right: 0;
}

#main-content p{
    text-align: justify;
}

    .course-header,
    .photo-texture{

        height: 500px;
    }

    #main-nav{
        padding-left: 75px;
    }

    .homepage-resort-square h2 {
    padding-top: 15px;
}

    .navbar-toggle {
        margin-top: 0;
        margin-bottom: 0;
float: left;
padding-left: 0;



}

.navbar.ttrg-skin .navbar-toggle{
    color: #fff;
}

.navbar.ttrg-skin .navbar-toggle:hover, .navbar.ttrg-skin .navbar-toggle:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #fff;
}

.header-col{
    bottom: -170px;
}


.header-col-show{
    bottom: 0;
}



}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px) {

    .homepage-resort-square-surf h2{
        font-size:20px !important;
    }

    .homepage-become h3{
        font-size: 48px !important;
    }

    .homepage-become h3::after{
        bottom: 120px !important;
    }

    footer{
        padding-top: 50px !important;
        margin-top: 100px;
    }

    #homepage-courses .btn::before {
        top: 190px;
        height: 20px;
    }

    .homepage-course p{
        font-weight: 400 !important;
    }

    .homepage-course h4{
    }

    .timeline-date{
        display: none;
    }

    .course-length-box{
        margin-bottom: 15px;
    }

    .btn-faq-number {
    border: 2px solid #070707;
    font-weight: normal;
    margin-right: 20px;
    background-color: transparent;
}
.btn-circle {
    border-radius: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 0;
    text-align: center;
    width: 30px;
}
    .price-block  {
        float: left;
    }
  #mobile-book-now{
        display: block !important;
    }

    #hero-header{
        font-size: 30px !important;
    }

    .hide-ipad{
        display: none !important;
    }

    .header-col {
        bottom: -170px;
    }

    .header-col-show{
    bottom: 0;
}


}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait) {

.navbar-nav {
    float: left;
    margin: 0 0 0 110px;
}
  .course-header{

    padding-top: 150px !important;
        height: 500px !important;
    }

    .course-header-info{
        width: 100% !important;
    }

    .photo-texture{
        height: 500px;
    }


        #contact-drop-widget i.fa,
    #brochure-widget,{
        display: none !important;
    }

        .hide-ipad-port{
        display: none !important;
    }

        #course-nav ul.navbar-nav,
    #floater{
        margin: 0 !important;
        padding: 0 !important;
    }

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape) {

.navbar-nav {
    float: left;
    margin: 0 0 0 110px;
}

        .hide-ipad-land{
        display: none !important;
    }

    #sidebar{
        display: block;
    }

    .future-date{
        display: none;
    }

   .course-header{

    padding-top: 150px !important;
        height: 450px !important;
    }



    #main-nav{
        padding-left: 110px;
    }

      .course-header-info{
        width: 100% !important;
    }

    .divide-line{
        display: none;
    }

    #mobile-brochure{
        display: block !important;
    }

    #mobile-call-now{
        display: block !important;
    }

        #contact-drop-widget i.fa,
    #brochure-widget{
        display: none !important;
    }

        #contact-drop-widget i.fa,
    #brochure-widget{
        display: none !important;
    }

    .navbar-nav {
    float: left;
    margin: 0 0 0 0;
}

  #course-nav.show-course-menu{
        display: block !important;
    }

}


/* REITNA IPAD LANDSCAPE */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

    #contact-drop-widget i.fa,
    #brochure-widget{
        display: none !important;
    }

    #mobile-dates-close {
        display: block !important;
        visibility: visible;
    }

       #course-nav.show-course-menu{
        display: block !important;
    }

}

@media only screen and (max-width: 991px) {
    .mobility {
        display:none;
    }
    .bord , .mainbord
    {
        border:none;
    }

    .top_bord
    {
            float:none;
    }

    .col-md-4.menu
    {
        width:33%;
        float:left;
    }

    .foot_padding
    {
        display:none;
    }

    .foot_padding.plus
    {
        display:block;
    }


    .top_bord:after
    {
        content: "";
        height: auto;
        width: auto;
        border-top: none;
    }

    .gnome_submit {
        margin:0 auto !important;
        display:block;

   }

   .course-header .btn-white {
       width:100%;
   }


   .move_it {
       margin-left:15%;
   }


    .move {
        display:none;
    }

    .bx-wrapper {
            margin-bottom: 80px;
            padding-top: 50px;
    }

    .search_form {
        margin-bottom:10px;
        margin-left:20px;
        margin-right:20px;
    }

    .course-list-course-thumb-col
    {
        width:35%;
        float:left;

    }

    .course-text {
        width:45%;
        float:left;
        text-align:left;
    }

    .trip_side {
        width: 20%;
        float: right;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 768px) {

.col-md-4.menu
{
    width:100%;
}
    .footer_subscribe {
        width: 82%;
    }

    #right-nav {
        width:100%;
    }

    .navbar-brand {
        margin: 0 auto;
   display: block;
   position: relative;
   /* text-align: center; */
   float: none;
     width: 205px !important;
   padding-left: 0px;
    }


    .navbar-left {
        float: none!important;
    }

     .search_form {
         margin-bottom:20px;
         margin-left:10px;
         margin-right:10px;
     }

     .insta_mega_feed > .carouselGallery-carousel{
         width:32.2%;
     }

     .col-md-4.menu {
         margin: 0px 20px 30px 20px;
     }

     .big_foot {
         height:auto;
     }


      .menu {
            margin-bottom:25px;
     }
}

/* RETINA IPAD PORTRAIT */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #contact-drop-widget i.fa,
    #brochure-widget{
        display: none !important;
    }

        #course-nav.show-course-menu{
        display: block !important;
    }

    #course-nav ul.navbar-nav,
    #floater{
        margin: 0 !important;
        padding: 0 !important;
    }



}

#instafeed a{
    width: 30%;
}
#instafeed a img{
    width: 100%;
}


@media screen and (max-width: 768px){

    .ttr, .basecamp, .mountain {
        width: 32%;
    }

    .course-list-course-thumb-col
    {
        width: 80%;
        float: left;

    }

    .course-text {
        width: 105%;
        float: left;
        text-align: left;
    }


    .trip_side {
        width: 36%;
        float: right;
        margin-top: -431px;
        text-align: center;
        margin-right: -35px;
    }
}



/***** --- footer form --- ******/

.FooterForm
{
    margin: 50px 0px;
    color:#606575;
}



.FooterForm > input ,
.FooterForm > .select-wrapper > select ,
.FooterForm > textarea ,
.FooterForm > .submit_arrows > input ,
.FooterForm > .checkbox
{
    font-size:1em;
    background:#1d2740;
    padding:10px 20px;
    border:1px solid #181f32;
    color:#fff;
    margin:10px 0px;
    width:100%;
}

.FooterFormFooter
{
    text-align: center;
    font-size: 1.4rem;
    color: #606575;
    padding-bottom: 100px;
    display: block;
}

.FooterForm > .submit_arrows > .icon_items
{
    position: absolute;
    right: 5px;
    margin-top: 10px;
}

 .FooterForm > .select-wrapper > select
 {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0px;
 }

  .FooterForm > .select-wrapper
  {
      height:62px;
  }

 .FooterForm > .select-wrapper::after
 {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-top:5px solid #fff ;
    position: relative;
    left: 90%;
    top: -30px;
 }

 .FooterForm > textarea
 {
     height: 222px;
 }

.FooterForm > input::-webkit-input-placeholder
{
    color:#fff;
}

.FooterForm > .submit_arrows > input[type=submit]
{
    background:#3462ac;
    text-align:left;
}
.FooterForm > input:focus
{
    border:1px solid #3462ac;
    outline: 0;
    background:transparent;
}

.FooterForm.borderRight
{
    border-right:1px solid #1d2740;
}

h3.make
{
    color:#fff;
    text-align:center;
    font-size:7rem;
}
h4.tailor
{
    font-size:5rem;
    color:#3462ac;
    font-family:'bloomsburyscript';
    text-transform: capitalize;
    text-align:center;
    margin-top: -65px;
    font-weight:normal;
}


.FooterForm > .checkbox > input[type="checkbox"] {
  height: 0;
  width: 0;
  position: absolute;
  opacity: 0;
}

.FooterForm > .checkbox >  input[type="checkbox"]:checked ~ label svg path {
  stroke-dashoffset: 0;
}

.FooterForm > .checkbox > input[type="checkbox"] ~ label {
  font-size: 2em;
  line-height: 1;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: white;
  float: right;
    margin-top: -4px;
    margin-right: -15px;
}

.FooterForm > .checkbox > input[type="checkbox"] ~ label svg {
  width: 1em;
  height: 1em;
  border: 1px solid #fff;
  margin-right: 5px;
}
.FooterForm > .checkbox > input[type="checkbox"] ~ label svg path {
  transition: stroke-dashoffset 440ms cubic-bezier(0.69, 0.35, 0.63, 0.84);
  fill: none;
  stroke: #fff;
  stroke-dasharray: 270;
  stroke-dashoffset: 270;
  stroke-width: 5px;
}

.datepicker-dropdown {
    width: 230px;
    margin: 0 auto;
    display: block;
    padding: 17px;
    border-radius: 10px;
}

@media only screen and (max-width: 991px)
{

    .FooterForm > .title
    {
        font-size:1.8rem;
    }

    .FooterForm:first-of-type
    {
        margin-top:50px;
    }

    .FooterForm
    {
        margin: 30px 0px;
    }

    .FooterForm.borderRight
    {
        border-right:0px solid #1d2740;
    }

    .FooterForm > .select-wrapper::after
    {
        left:94%;
    }

}

.mobile-brochure {
  background-color: #233e6f;
  background-image: url(https://www.tickettoridegroup.com//img/ttrg-menu-brochure.png);
  background-size: 25px auto;
  background-position: 33px center;
  background-repeat: no-repeat;
  height: 60px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  padding: 22px 0;
  text-align: center;
}