@font-face {
  font-family: 'GothamBold';
  src: url('Gotham Bold Regular.eot'); /* IE9 Compat Modes */
  src: url('Gotham Bold Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Gotham Bold Regular.woff') format('woff'), /* Modern Browsers */
       url('Gotham Bold Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Gotham Bold Regular.svg#4b05af1f343b473876284bf412b923ab') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
}


@font-face {
    font-family:"Gotham-Book";
    src:url("GothamBook.woff2") format("woff2"),url("GothamBook.woff") format("woff"),url("GothamBook.otf") format("opentype");
    font-style:normal;font-weight:400;
}


@font-face {
    font-family:"Gotham-Thin";
    src:url("Gotham-Thin.woff2") format("woff2"),url("Gotham-Thin.woff") format("woff"),url("Gotham-Thin.otf") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
    font-family:"GothamMedium";
    src:url("Gotham Medium Regular.woff2") format("woff2"),url("Gotham Medium Regular.woff") format("woff"),url("Gotham Medium Regular.otf") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
    font-family:"Gotham-Light";
    src:url("Gotham-Light.woff2") format("woff2"),url("Gotham-Light.woff") format("woff"),url("Gotham-Light.otf") format("opentype");
    font-style:normal;font-weight:400;
}



* { margin: 0; -webkit-text-size-adjust: none; }
html { border-bottom: 1px solid transparent;  }
html, body { height: 100vh;   width: 100%; background-color: #FFFFFF; position: relative;  padding: 0; margin: 0;  }
body { position: relative;  font-family: 'Gotham-Light'; color: #FFFFFF;   }
body * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;    }
.wf-loading { visibility: hidden;    }
.clear { clear: both;   }
ul{ margin: 0; padding: 0; padding-left: 1em; }
li{ margin: 0; padding: 0; padding-left: 1em; }
.smallprint { font-size: 12px;   }

:root {
  --darkest_blue: #1F5169;
  --dark_blue: #005C76;
  --turquoise: #70C6BA;
  --muddy_turquoise: #75BDAD;
}


#content_126:after {  content: ""; background-image: url('../img/lotus.png'); background-size: 100%; background-repeat: no-repeat; opacity: 0.1;  top: 0; left: 0;   bottom: 0; right: 0; position: absolute; z-index: -1;    }


.menu_grey { color: #505150;   }

#dob_outer { margin-top: 0px !important;   }

.vertical_logo { position: absolute; top: 0px; left: calc(50% - 100px); width: 200px;  height: 100vh; z-index: 100; background-size: 200px; background-repeat: no-repeat; background-attachment: fixed;  background-position: 50% 50%;    }
.page_top_logo .vertical_logo { height: 65vh; background-attachment: scroll;  width: 500px;  left: calc(50% - 250px);  opacity: 0;  transition: opacity 1s ease, top 1s ease;  top: calc(50% - 250px); transform: translate3d(0px, 0px, 0px);  }
.vertical_logo svg {  display: block; width: 100%; position: absolute;      }
.page_top_logo .vertical_logo svg {    }
.page_top_logo.on_load .vertical_logo {    top: calc(50% - 300px);  opacity: 1;  }
.page_top_logo svg path { fill: #FFFFFF;  -webkit-filter: drop-shadow( 1px 1px 1px rgba(11,24,49,0.4));  filter: drop-shadow( 1px 1px 1px rgba(11,24,49,0.4) ); stroke-width: 0.2; stroke: var(--darkest_blue);  }
.page_top_logo .no_circle { display: none;   }

#v_cycling {   background-image: url('../img/col_cycling.svg'); }
#v_yoga {  background-image: url('../img/col_yoga.svg'); }
#v_motorsport {  background-image: url('../img/col_motorsport.svg'); }
#v_corporate {  background-image: url('../img/col_corporate.svg'); }
#v_bespoke {  background-image: url('../img/col_bespoke.svg'); }
#v_home {  background-image: url('../img/col_home_logo.svg'); }
#v_the_col_list {  background-image: url('../img/col_list.svg'); }



.section_bg.bs::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; z-index: 95; width: 100%; opacity: 0; background: transparent url('../img/45-degree-fabric-dark.png') 50%/315px auto repeat; background-attachment: fixed; }
.section_bg.parallax {  transform: translate3d(0px, 0px, 0px); }


.left_side_heading {  width: 50%; height: 100vh; padding-top: 100px; padding-bottom: 100px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; position: absolute; top: 0; z-index: 95;left: 0; padding-right: 150px; padding-left: 32px; }
.right_side_heading {  width: 50%; height: 100vh; padding-top: 100px; padding-bottom: 100px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-end; position: absolute; top: 0; z-index: 95;  right: 0; padding-left: 150px;  padding-right: 32px;   }
.overflow-container { overflow: hidden; display: block; text-align: left;  }
.right_side_heading .overflow-container {  text-align: right; }
.overflow-inner { transform: translateY(100%); transition-delay: 1s; display: block; position: relative;   font-family: 'GothamBold'; font-size: 60px; line-height: 64px; text-transform: uppercase; z-index: 102;   }
.overflow-inner.nhome_minor {  transform: translateY(100%); transition-delay: 1s;  font-family:"GothamMedium"; font-size: 21px; line-height: 24px; margin-top: 5px;  }
.overflow-inner.nhome_button {  transform: translateY(100%); transition-delay: 1s;  font-family:"GothamMedium";  font-size: 21px; line-height: 21px; margin-top: 5px; padding-bottom: 5px;  }

.nhome_button { padding: 5px 10px 3px; background-color: rgba(112,198,186,0.8);  background-color: rgba(255,255,255,0.75); border-radius: 10px;  color: #1F5169; cursor: pointer;  }
.nhome_button:hover {  background-color: rgba(255,255,255,0.9);  }


.nhome_button .fa-arrow-right { font-size: 21px; line-height: 24px;  }


.animate .overflow-container .overflow-inner { transform: translateY(0); transition: transform .8s cubic-bezier(.24,.72,.35,1.01); transition-delay: 0s; transition-delay: .3s;  }
.animate .overflow-container .overflow-inner.nhome_h_second { transition-delay: .5s; }
.animate .overflow-container .overflow-inner.nhome_h_third { transition-delay: .7s; }
.animate .overflow-container .overflow-inner.nhome_h_fourth { transition-delay: .9s; }
.animate .overflow-container .overflow-inner.nhome_minor { transition-delay: 1.1s; }
.animate .overflow-container .overflow-inner.nhome_button { transition-delay: 1.3s; }

.active-scrollsection .overflow-container .overflow-inner { transform: translateY(0); transition: transform .8s cubic-bezier(.24,.72,.35,1.01); transition-delay: 0s; transition-delay: .3s; }
.active-scrollsection .overflow-container .overflow-inner.nhome_h_second { transition-delay: .5s; }
.active-scrollsection .overflow-container .overflow-inner.nhome_h_third { transition-delay: .7s; }
.active-scrollsection .overflow-container .overflow-inner.nhome_h_fourth { transition-delay: .9s; }
.active-scrollsection .overflow-container .overflow-inner.nhome_minor { transition-delay: 1.1s; }
.active-scrollsection .overflow-container .overflow-inner.nhome_minor { transition-delay: 1.3s; }

.home .section_outer:last-child, .home .section_outer.last-child { min-height: 100vh; padding: 50px 0px 10px;  display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; }


.scrollsections { display: block; position: relative; width: 100%; height: 100%; }
#scrollsections-navigation { position: fixed; top: 50%; right: 20px; width: 10px; margin-top: -177px; z-index: 100; background: transparent; overflow: hidden; }
.scrollsections-menuitem { position: relative; display: block; height: 40px; width: 10px; overflow: hidden; background: #ffffff; text-indent: -9999px; margin: 0 0 5px 0; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.scrollsections-menuitem.active-scrollsection { width: 2px; margin-left: 8px; cursor: default; }



/* HEADER */
#header_outer { position: fixed; top: 0px; width: 100%; z-index: 400; background-color: rgba(0,92,118,0.8); background-color: rgba(31,81,105,0.4); height: 42px;  }
#header_outer_bg { position: absolute; top: 0x; left: 0px; width: 100%; height: 100%; background-color: #000000;  opacity: 0.4; z-index: 224;  }
#header_inner {  position: relative; margin: 0 auto; max-width: 1280px; padding: 14px 16px 14px; font-size: 0;   }


#col_header_logo_svg { display: block; width: 42px; height: 20px;    }
.menu_outer { display: inline-block;  position: relative;  z-index: 225; width: 100%;   }
#left_header_menu { position: relative; display: inline-block; width: 35%; margin-left: 15%;  padding: 0px 16px;  }
#right_header_menu { position: relative; display: inline-block; width: 35%; margin-right: 15%;  padding: 0px 16px;  }
.menu_item { display: inline-block;  color: #FFFFFF;   font-family:"GothamMedium"; font-size: 14px; line-height: 22px; position: relative; text-transform: uppercase; vertical-align: top; text-align: center; }
.menu_item:hover { color: #25cbd3;   }
.menu_item.count_1 { width: 100%;     }
.menu_item.count_2 { width: 50%;     }
.menu_item.count_3 { width: 33.33%;     }
.menu_stretch { display: inline-block; font-size: 0; line-height: 0; width: 100%; }
.menu_item a { outline: 0; display: inline-block;   font-family:"GothamMedium"; font-size: 14px; line-height: 22px;  }
.menu_item.selected { color: #25cbd3;  }

/* HAMBURGER */
:root {
  --menu_icon_top: 12px;
  --menu_icon_right: 120px;
  --burger_text_colour: #FFFFFF;
  --burger_font_family: "Gotham-Light";
  --text_shadow: 1px 1px 1px rgba(11,24,49,0.2), -1px -1px 1px rgba(11,24,49,0.1);
  --font_size: 18px;
  --line_height: 19px;
  --burger_colour: #25cbd3;
  --burger_hover_colour: #FFFFFF;
  --burger_active_colour: #FFFFFF;
  --burger_thickness: 1px;
  --burger_height: 20px;
  --burger_width: 20px;
  --burger_middle_position: 10px;
  --burger_outer_position: -5px;
  --burger_border_radius: 1px;
  --burger_box_shadow: 1px 1px 1px rgba(11,24,49,0);
}

#menu_icon_outer {  position: fixed; right: var(--menu_icon_right);  z-index: 500;  top: var(--menu_icon_top); cursor: pointer;   }
#book_now_button {  position: fixed; left: 20px;  z-index: 500;  top: var(--menu_icon_top); cursor: pointer; font-family: var(--burger_font_family); color: var(--burger_text_colour); font-size: var(--font_size); line-height: var(--line_height);  text-shadow: var(--text_shadow); vertical-align: top; text-transform: lowercase;  }

#menu_button_text { display: inline-block; font-family: var(--burger_font_family); color: var(--burger_text_colour); font-size: var(--font_size); line-height: var(--line_height);  text-shadow: var(--text_shadow); vertical-align: top; text-transform: uppercase;   }
#menu_icon_outer:hover #menu_button_text, #book_now_button:hover { color: var(--burger_text_colour);  }
.o-grid__item {  display: inline-block; margin-left: 10px; vertical-align: top;    }
.c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; margin-top: 0px; width: var(--burger_width); height: var(--burger_height); font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer;  border: 0px; overflow: visible;   }
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: var(--burger_middle_position); left: 0px; right: 0px; height: var(--burger_thickness); background-color: var(--burger_colour); border-radius: var(--burger_border_radius); box-shadow: var(--burger_box_shadow); }
.c-hamburger span:before, .c-hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: var(--burger_thickness); background-color: var(--burger_colour); content: ""; border-radius: var(--burger_border_radius);  box-shadow: var(--burger_box_shadow); }
.c-hamburger span:before { top: var(--burger_outer_position); background-color: var(--burger_colour);  }
.c-hamburger span:after { bottom: var(--burger_outer_position); background-color: var(--burger_colour);  }
#menu_icon_outer:hover .c-hamburger span:before, #menu_icon_outer:hover .c-hamburger span, #menu_icon_outer:hover .c-hamburger span:after {  background-color: var(--burger_hover_colour); }


.c-hamburger--htx { background-color: transparent;  }
.c-hamburger--htx span:before, .c-hamburger--htx span:after { transition-duration: 0.3s, 0.3s, 0.3s; transition-delay: 0.3s, 0.3s, 0s;   }
.c-hamburger--htx span:before { transition-property: height, top,  transform; }
.c-hamburger--htx span:after {  transition-property: height, bottom, transform; }
.c-hamburger--htx.is-active span, .is-active .c-hamburger--htx span {  background: none !important; box-shadow: none;  }
.c-hamburger--htx.is-active span::before, .is-active .c-hamburger--htx span::before { height: var(--burger_thickness); top: 0px; transform: rotate(45deg); box-shadow: none;  width: var(--burger_height);  background-color: var(--burger_active_colour); }
.c-hamburger--htx.is-active span::after, .is-active .c-hamburger--htx span::after {  height: var(--burger_thickness); bottom: 0px; transform: rotate(-45deg); box-shadow: none;  width: var(--burger_height); background-color: var(--burger_active_colour); }
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after, .is-active .c-hamburger--htx span::before, .is-active .c-hamburger--htx span::after {  transition-delay: 0s, 0s, 0.3s; }

/* NEW HEADER LOGO */
#header_logo_outer { display: inline-block; position: fixed; top: var(--menu_icon_top); left: var(--menu_icon_right); z-index: 400; text-align: left;   }

#header_logo {  display: inline-block;   z-index: 226;     }
#header_logo svg { display: inline-block; width: 42px; }
#header_logo_text_outer {  display: inline-block; margin-left: 8px; vertical-align: top; margin-top: -4px; font-family: 'GothamBold';  color: var(--burger_text_colour); text-transform: uppercase; text-shadow: var(--text_shadow); text-align: left;  }

#header_logo_text { display: block; white-space: nowrap;   font-size: 20px; line-height: 20px;  letter-spacing: 5px;  }
#header_logo_text_lower { display: block; white-space: nowrap;   font-size: 7.5px;  line-height: 7px;  letter-spacing: 2px; padding-left: 1px;  }

/* SIDEBAR */

.sidenav {
      --sb_font_family: "Gotham-Light";
      --sb_bg_colour: rgba(31,81,105, 0.8);
      --sb_padding_top: 64px;
      --sb_width: 235px;
      --sb_menu_colour: #25cbd3;
      --sb_menu_hover_colour: #FFFFFF;
      --sb_font_size: 18px;
      --sb_line_height: 32px;
}


.sidenav { height: 100%;  width: 0px; position: fixed;  z-index: 350; top: 0px; right: 0; opacity: 0; visibility: hidden; background-color: var(--sb_bg_colour);  overflow: hidden;  padding-top: var(--sb_padding_top);  transition: 0.5s;  }
.sidenav.open {  width: var(--sb_width); opacity: 1; visibility:visible;  transition: 0.5s;  }
#menu_outer { padding: 32px;  text-align: left; width: var(--sb_width);  }
.menu_item { position: relative; display: block;   text-align: left;  }
.menu_item a { font-family: var(--sb_font_family); color: var(--sb_menu_colour);  text-transform: uppercase; font-size: var(--sb_font_size); line-height: var(--sb_line_height);  }
.menu_item a:hover, .menu_item.selected a { color: var(--sb_menu_hover_colour); }


#menu_sm_outer { position: absolute;  left: 0px; bottom: 60px; display: block; padding-left: 32px;  text-align: left;  width: var(--sb_width);   }
.text_outer #menu_sm_outer { position: relative; left: auto; bottom: auto; padding-left: 0px; width: 100%;    }
.menu_sm_each { display: inline-block; height: 30px;  margin-right: 10px; position: relative;   }
.menu_sm_each a, .menu_sm_each a img { display: block; height: 100%; }


/* MOBILE MENU ICON */
#mobile_menu_icon_outer { width: 24px;   position: absolute; right: 8px; top: 8px;  display: none; z-index: 400;  border: 0px solid red;  }
#mobile_menu_icon { display: block; width: 100%; cursor: pointer;    }
#mobile_menu_icon:hover .mm_fill  { fill: #FFFFFF;    }

/* MOBILE MENU */
#mob_menu_bg_outer { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 310; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s,opacity 0.5s linear;  }
#mob_menu_bg_outer.active { visibility:visible; opacity:1; transition-delay: 0s;   }
#mob_menu_bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 301; background-color: rgba(0,0,0,0.8);  }
#mob_menu_outer { position: fixed; padding: 60px 16px 140px;  top: 0px; left: 0px; height: 100%; width: 100%; z-index: 310; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s,opacity 0.5s linear;  }
#mob_menu_outer.active {  visibility:visible; opacity:1; transition-delay: 0s;  }
#mob_menu_t { position: relative; display: table; width: 100%; height: 100%; z-index: 210;     }
#mob_menu_tr { display: table-row;   }
#mob_menu_td { display: table-cell; vertical-align: middle; text-align: center;   }
#mob_menu_td a { color: #26CAD3;   font-family:"Gotham-Thin";   font-weight: 100;  font-size: 24px; line-height: 24px; text-transform: lowercase; }
#mob_menu_td a:hover { color: #FFFFFF;    }
.mob_menu_item { padding: 0px 10px;    }


/* HOME ANIMATION */
#home_logo_outer { position: relative; height: 100%; width: 100%; border: 0px solid red;     }
#home_logo_t {  display: table; width: 100%; height: 100%;   }
#home_logo_tr { display: table-row;  }
#home_logo_td { display: table-cell; vertical-align: middle; text-align: center; padding: 16px; }
#col_home_logo {  display: block; position: relative; width: 200px; margin: 0 auto;   }
#col_home_logo_svg {  display: block; position: relative; width: 100%; fill: #FFFFFF;  }



/* SECTIONS */
.content_outer {  display: block; width: 100%; position: relative; min-height: 100%;  height: 100%;      }
.first-child { height: 100%;    }
.first-child .content_inner { height: 100%; padding-bottom: 0px;   }
.section_outer { position: relative; min-height: 100vh;  padding: 80px 0px;    }
.section_outer.half_height { min-height: 50%;   }

.section_outer.page_top_logo { height: 65vh; min-height: 65vh;  }

.first_was_logo { display: block; position: relative; top: -60px;  margin: 0px 60px 0; padding-top: 40px; border: 0px solid red; border-radius: 6px; box-shadow: 0 8px 12px 1px rgba(0,0,0,.14), 0 3px 15px 2.5px rgba(0,0,0,.12),0 4px 5px -2.5px rgba(0,0,0,.2);  }


.anchor { position: absolute; top: 0px;   }
.section_bg, .video_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;   z-index: 0;   }
.section_bg_left { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%;   z-index: 0;    }
.section_bg_right { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%;   z-index: 0; overflow-x: hidden;  }
.section_bg_centre { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0px 16px;  position: absolute;  margin-left: -16px; width: 33.33%; left: 33.33%; height: 100%;  top: 0px;  z-index: 0; border: 0px solid white;    }
.section_bg_left.bs, .section_bg_right.bs, .section_bg_centre.bs {  background-repeat: no-repeat; background-attachment: fixed;  background: fixed 50% 0 / cover;   }

.section_bg.bs {  border: 0px solid red; background-repeat: no-repeat;  }

.ss_image { position: absolute; top: 0px; left: 0px; display: none;  height: 100%; width: 100%; background-size: cover; background-position: 50% center; }
.ss_image.displayed { display: block;    }

.background {  background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.half_height .background {  background-attachment: fixed; }

.section_outer:last-child,.section_outer.last-child{ min-height: 0%; padding: 50px 0px 10px;  }
.tbg_outer {  position: absolute; width: 100%; height: 100%; top: 0px;    }
.tbg_inner {  position: relative; margin: 0 auto; max-width: 1280px; height: 100%; top: 0px; border: 0px solid white;    }

video#bgvid {  position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;  }
#video_poster_image { display: none; position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; background-position: center center;  }


.ss_outer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;   z-index: 0; }
.ss_image { position: absolute; top: 0px; left: 0px; display: none;   height: 100%; width: 100%; }

#ss_left, #ss_right { height: 42px; width: 42px;   border: 0px solid white;  position: absolute; top: 50%; margin-top: -21px; cursor: pointer;  z-index: 300;    }
#ss_left { left: 0%;  }
#ss_right { right: 0%;   }
#ss_left img, #ss_right img {display: block; position: relative; width: 100%;   }

/* SECTION TITLE */
.section_title_outer {  display: block; width: 100%; position: relative;   }
.section_title_inner {  position: relative; margin: 0 auto; max-width: 1280px; padding: 0px 16px 90px;  font-family: "GothamBold"; text-align: center; text-transform: lowercase; font-size: 72px; line-height: 23px; }

/* CONTENT */
.content_inner {  position: relative; margin: 0 auto; max-width: 1280px;  z-index: 22; font-size: 16px; line-height: 21px;  text-align: center; min-height: 100%; padding-left: 10%; padding-right: 10%; padding-bottom: 30px;   }

.cols_3, .cols_3_centered, .cols_2, .cols_2_centered, .cols_1, .cols_Half, .cols_1_5, .cols_15, .cols_1_centered {   position: relative; display: inline-block; padding: 0px 16px; border: 0px solid red; vertical-align: top; text-align: left;  }


.cols_3 {  width: 100%;  }
.cols_2 {  width: 66.66%; }
.cols_2_centered {  width: 66.66%; margin-left: 16.665%; margin-right: 16.665%;   }
.cols_2_centered {  width: 75%; margin-left: 12.5%; margin-right: 12.5%;   }
.cols_1_centered {  width: 50%; margin-left: 25%; margin-right: 25%;  }

.cols_1 {  width: 33.33%;   }
.cols_15 {  width: 50%;  }
.cols_1_5 {  width: 50%;   }
.cols_Half { width: 16.665%; padding: 16px 16px;   }
.portfolio_item.cols_1 { width: 25%;   }
.Triptych .cols_1 { padding: 0px 48px;     }
p {  font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000;  }
ul { font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000;   }
p:after { content:""; display:inline-block; width:0px; }
a { color: inherit; text-decoration: none;    }
.home .last-child p { color: #FFFFFF; }
.text_outer { padding-bottom: 30px;   font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000; }
.image_outer { vertical-align: top; padding: 5px 5px;   }

.image_outer.cols_3.rows_2 { padding-bottom: 66.66%; border: 0px solid blue;      }
.image_outer.cols_3.rows_15 { padding-bottom: 50%; border: 0px solid blue;      }
.image_outer.cols_1.rows_1 { padding-bottom: 33.33%; border: 0px solid blue;      }
.image_outer.cols_2.rows_1 { padding-bottom: 33.33%; border: 0px solid blue;  }
.image_outer.cols_2_centered.rows_15 { padding-bottom: 33.33%; border: 0px solid blue; }
.image_outer.cols_2_centered.rows_2 { padding-bottom: 50%; border: 0px solid blue; }
.image_outer.cols_2.rows_2 { padding-bottom: 50%; border: 0px solid blue; }
.image_outer.cols_15.rows_15 { padding-bottom: 50%; border: 0px solid blue;  }
.image_outer.cols_15.rows_1 { padding-bottom: 33.33%; border: 0px solid blue;  }
.image_outer.cols_2.rows_15 { padding-bottom: 50%; border: 0px solid blue;  }
.image_outer.cols_1.rows_15 { padding-bottom: 50%; border: 0px solid blue;  }
.image_outer.cols_2 { padding: 0px 0.55%;     }
.image_outer.cols_1 { padding: 0px 0.55%;     }

.image_inner { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; overflow: hidden; border: 0px solid red;  background-repeat: no-repeat;  background-position: 50% 50%; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 6px;  }

.image_outer img { display: block; width: 100%; margin: 0 auto;    }

.heading {  font-family: 'GothamBold'; font-size: 26px; line-height: 21px; text-transform: uppercase; }
.sub_heading {  font-family: 'GothamBold'; font-size: 16px; line-height: 21px; text-transform: uppercase; }
.blue { color: #25cbd3;    }
.white { color: #FFFFFF;    }

/* ITINERARY ITEMS */
.itinery_item_outer { display: block; width: 100%; position: relative; padding: 0px 0px;  }
.itinery_item_inner { display: block; width: 100%; position: relative;  padding: 15px 0px 35px; }
.first_itinerary { border-top: 0px solid white;   }
.itinerary_text {  position: relative; display: block; padding-bottom: 30px;   }
.itinerary_map { position: relative; display: block; padding-bottom: 30px;  height:0; width: 100%; padding-top: 48%; border: 0px solid red;   }
.itinerary_map svg { display: block; width: 100%; height:100%;  position: absolute; top:0; left:0;   }
.itinerary_map svg text {  text-transform: uppercase;    }
.itinerary_map svg path { stroke: #000000;   }
.itinerary_elevation { position: relative; display: block; padding-bottom: 30px;    }
.itinerary_climbs_outer { position: relative; }
.itinerary_climbs { position: relative; display: block; width: 100%;  }
.itinerary_climb_each { position: relative;  display: inline-block; width: 20%;   text-align: center; font-family: 'GothamBold'; font-size: 11px; line-height: 12px; margin-top: 13px; padding: 0px 10px;  }
.itinerary_climb_each_svg { position: relative; height: 0; padding-top: 62%; width: 100%; }
.itinerary_climb_each svg { display: block; width: 100%; height:100%;  position: absolute; top:0; left:0;  }
.climb_text { position: relative; width: 100%; text-align: center; font-family: 'GothamBold'; font-size: 10px; line-height: 12px; padding-top: 5px;  }
.climb_count {  position: relative; width: 100%; text-align: center; font-family: 'GothamBold'; font-size: 14px; line-height: 14px;   }
.itinerary_map text { fill: #000000; font-size: 8px;    }
.itinerary_map path { stroke-width: 1px; stroke: #000000;    }
.itinerary_elevation text { fill: #000000; font-size: 8px;    }
.itinerary_elevation path { stroke-width: 1px;stroke: #000000;     }
.itinerary_group_outer { position: relative;   }
.itinerary_group_outer .itinery_item_outer { display: none;    }
.itinerary_group_outer .itinery_item_outer.first_itinerary { display: block;   }
.itinerary_elevation_outer, .itinerary_climbs_outer { margin-top: 20px;  vertical-align: top;  }

.itinery_item_inner .image_outer { margin-bottom: 0px;  padding: 0px;   }
.itinerary_group_item_inner { border: 0px solid red;  display: block; position: relative; margin: 0 auto; width: 100%; max-width: 1280px;  z-index: 22; font-size: 16px; line-height: 21px;  text-align: center; min-height: 100%; padding-left: 12.5%; padding-right: 12.5%; margin-top: 0px;    }
.itinerary_group_item_inner_inner { position: relative; width: 100%; display: block; border: 0px solid blue;  padding-top: 60px;  border-bottom: 0px solid white; }
.itinerary_semi_circle_outer { position: absolute;  z-index: 0; width: 100%; text-align: center;  top: -60px;  }
.itin_semi_circle_svg { position: relative;  display: block; width: 120px; margin: 0 auto;   }
.itin_semi_circle_svg svg { position: absolute; left: 0px; top: 0px;  height: 120px;  width: 120px; display: block;  }
.itin_semi_circle_text { position: relative; padding-top: 38px;  }
.itin_semi_circle_text p { font-size: 12px; line-height: 14px;   }
.itin_semi_circle_text .small_heading {  font-size: 12px; line-height: 14px;   }
.itin_semi_circle_text .medium_heading { font-size: 16px; line-height: 18px; }
.itin_semi_circle_text .large_heading {  font-size: 48px; line-height: 48px;  }

.itinerary_forward_button { position: absolute; right: 0px; top: 10px; cursor: pointer;    }
.itinerary_back_button { position: absolute; left: 0px; top: 10px; cursor: pointer;   }
.itin_forward_text { position: relative; display: inline-block;  }
.itin_forward_arrow { position: relative; display: inline-block; font-size: 20px; line-height: 17px; vertical-align: top; padding: 2px 2px;  }
.itin_back_arrow { position: relative; display: inline-block; font-size: 20px; line-height: 17px; vertical-align: top; padding: 2px 2px;     }
.itin_forward_text p { font-size: 10px; line-height: 12px;    }
.itin_forward_text .small_heading {  font-size: 12px; line-height: 14px;   }
.itin_forward_text .medium_heading { font-size: 16px; line-height: 20px; }
.itin_forward_text .large_heading {  font-size: 48px; line-height: 48px;  }
.itinerary_sub_title { position: relative; display: block;  font-size: 12px; line-height: 14px;  font-family: 'GothamBold'; text-transform: uppercase;  }

/* AVAILABILITY SECTION ON HOME PAGE */
.availability_outer {  position: relative; display: block; padding-bottom: 30px;  text-align: center;    }
.content_button_inner { width: 100%; border: 1px solid var(--turquoise); color: var(--turquoise);  font-family: 'Gotham-Light'; text-align: center; padding: 8px;   filter: alpha(opacity=60); opacity: 0.6;   }
.first_was_logo .content_button_inner { border: 1px solid var(--turquoise); color: var(--turquoise);  }
.content_button_outer.bf_type_bf_camp .content_button_inner { cursor: pointer;   filter: alpha(opacity=100); opacity: 1;   }

/* SEMI CIRCLE HEADER */

.semi_circle_outer { position: absolute; top: -75px; z-index: 0; width: 100%; text-align: center;    }
.semi_circle_svg { position: relative;  display: block; width: 150px; margin: 0 auto;    }
.semi_circle_svg svg { position: absolute; left: 0px; top: 0px;  display: block; width: 150px; height: 150px;  }
.semi_circle_text { position: relative; padding-top: 48px;  }
.small_heading {  font-family: 'GothamBold'; font-size: 14px; line-height: 16px; text-transform: uppercase;   }
.medium_heading {  font-family: 'GothamBold'; font-size: 17px; line-height: 21px; text-transform: uppercase; }
.large_heading {  font-family: 'GothamBold'; font-size: 48px; line-height: 48px; text-transform: uppercase;  }

/* PORTFOLIO ITEMS */
.portfolio_item { padding: 16px 16px;   }
.portfolio_item_inner {  position: relative; width: 100%;   }
.portfolio_image { position: relative; width: 100%;    }
.portfolio_image.hover {  cursor: pointer;   }
.portfolio_image img { display: block; width: 100%; margin: 0 auto;    }

.portfolio_overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;   }
.portfolio_item_inner:hover .portfolio_overlay {  display: block;    }
.portfolio_item_inner:hover .portfolio_overlay.clickable {  cursor: pointer;  }
.portfolio_over_bg {  position: absolute;  top: 0px; left: 0px; width: 100%; height: 100%;   z-index: 90;  background-color: #000000; filter: alpha(opacity=80); opacity: 0.80; }
.portfolio_over_text_t { display: table; height: 100%; width: 100%; position: relative;  z-index: 100;     }
.portfolio_over_text_tr { display: table-row;   }
.portfolio_over_text_td {  display: table-cell; vertical-align: middle; text-align: center; padding: 16px;   }


/* FORMS */
input { color: #000000; font-size: 16px;  font-family: 'Gotham-Light'; border: 1px solid #000000; background-color: rgba(255, 255, 255, 0.8); width: 100%; padding: 10px; margin-bottom: 10px;    }
#enquiry_notes { text-align: left; overflow: hidden;  color: #000000; font-size: 16px;  font-family: 'Gotham-Light'; border: 1px solid #000000; background-color: rgba(255, 255, 255, 0.8); width: 100%; padding: 10px; margin-bottom: 10px; min-height: 120px; resize: vertical; outline: 0; }
#enquiry_notes p { color: inherit;    }
#enquiry_form_outer { position: relative; padding-top: 6px;  max-width: 400px;   }
#enquiry_thank_you {  display: none;   }

/* MODAL WINDOW */

#modal_window_outer { display: none;  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; cursor: pointer; left: 0; position: fixed; right: 0; text-align: center; top: 0; white-space: nowrap;  z-index: 4001; }
#modal_window_inner {  border: 0px solid white;  margin: 0 auto; max-width: 1280px;  position: relative; display: inline-block;  z-index: 4001; height: 100%;  padding-top: 15px; padding-bottom: 100px; }
#modal_window_close { position: relative;   width: 20px;  padding-bottom: 10px; float: right;  }
#modal_window_close img { display: block; width: 100%;   }
#modal_back_arrow {  position: relative; float: left; width: 14px;  height: 100%; margin-right: 10px;  margin-top: -12.5px; }
.modal_back_arrow_inner, .modal_next_arrow_inner { position: relative;  top: 50%;  height: 15px; width: 100%; overflow: hidden; margin-top: -7.5px;     }
.modal_back_arrow_inner img { margin-top: -47px;  }
.modal_back_arrow_inner.available img { margin-top: -31px;  }
#modal_next_arrow {  position: relative; float: left; width: 14px; height: 100%; margin-left: 10px;   margin-top: -12.5px;   }
.modal_back_arrow_inner img, .modal_next_arrow_inner img { display: block; width: 100%;   }
.modal_next_arrow_inner img { margin-top: -16px;  }
.modal_next_arrow_inner.available img { margin-top: -1px;  }
#modal_window_content {  float: left; background: none repeat scroll 0 0;  cursor: auto;  height: 95%; max-width: 100%; overflow: hidden;  position: relative; text-align: left; vertical-align: middle; white-space: normal;   }
#pi_image { border: 20px solid white;  }

#modal_caption_outer { position: relative;  width: 100%; height: 0px;    margin-top: -100px; margin-left: auto; margin-right: auto;  z-index: 4002;  }
#modal_caption_inner {  position: relative; width: 100%; margin: 0 auto; max-width: 1280px;  padding: 0px 16px;  border: 0px solid white; height: 100%; font-size: 10px; line-height: 1.5;   }
#mod_cap_t { display: table; height: 100%; width: 100%; }
#mod_cap_tr { display: table-row; width: 100%;   }
#mod_cap_td { display: table-cell; text-align: center; vertical-align: middle;  white-space: normal;   }
#modal_middle_outer { position: relative; width: 100%; height: 100%; }

.pi_each_outer { position: relative; width: 100%; height: 100%; border: 0px solid red;   }

/* BOOKING FORM */


.bf_s_inner { position: relative; width: 100%;  padding: 32px 0px; border-bottom: 1px solid #25cbd3;  }
.bf_section_inner {  position: relative; width: 100%; text-align: center; }
.bf_s_title {    font-family: 'GothamBold'; font-size: 26px; line-height: 21px; text-transform: uppercase; color: #25cbd3;  text-align: center; margin-bottom: 16px;   }
.bf_inactive { filter: alpha(opacity=30); opacity: 0.30;   }

.bf_button_outer { position: relative; display: inline-block;  padding: 16px;  vertical-align: top;   }
.content_button_outer { position: relative; display: inline-block;  padding: 16px;  vertical-align: top;    }
.bf_b_count_1 {  width: 50%;    }
.bf_b_count_2 {  width: 50%;    }
.bf_b_count_3 {  width: 33.33%;    }
.bf_b_count_4 {  width: 33.33%;    }
.bf_b_count_5 {  width: 33.33%;    }
.bf_b_count_6 {  width: 33.33%;  }
.bf_b_count_7 {  width: 33.33%;    }
.bf_b_count_8 {  width: 33.33%;    }

.bf_type_bf_booking_cancel {  width: 25%;    }


#bf_level .bf_b_count_4, #bf_level .bf_b_count_5, #bf_level .bf_b_count_6, #bf_level .bf_b_count_7 {  width: 50%;    }

.bf_button_inner { width: 100%; border: 1px solid black; color: #000000;  font-family: 'Gotham-Light'; text-align: center; padding: 8px; cursor: pointer;   filter: alpha(opacity=50); opacity: 0.50;   }
.bf_accom_button_inner { width: 100%; border: 1px solid black; color: #000000;  font-family: 'Gotham-Light'; text-align: center; padding: 8px;   filter: alpha(opacity=50); opacity: 0.50;   }
.bf_active .bf_button_inner:hover {  background-color: rgba(0,0,0,0.1); color: #FFFFFF;   filter: alpha(opacity=100); opacity: 1.0; cursor: pointer;  }
.bf_button_inner.selected, .bf_active .bf_button_inner.selected:hover { background-color: rgba(0,0,0,1); color: #FFFFFF;    filter: alpha(opacity=100); opacity: 1.0;   }
.bf_accom_button_inner.selected {  background-color: rgba(0,0,0,1); color: #FFFFFF;    filter: alpha(opacity=100); opacity: 1.0;    }
.bf_type_bf_camp_fb .bf_button_inner:hover {  background-color: #FFFFFF; color: #000000;   filter: alpha(opacity=50); opacity: 0.5; cursor: default;  }


.bf_button_value, .bf_button_type { display: none;    }

.multiple_rooms_outer { position: relative; width: 100%;  text-align: center; padding: 2px 0px;  }
.multiple_rooms_each {  position: relative; display: inline-block; padding: 0px; width: 30px; margin: 2px;  }
.mr_button_inner {  position: relative; display: block; padding: 4px;   border: 1px solid black; color: #000000;  font-family: 'Gotham-Light'; cursor: pointer; text-align: center; filter: alpha(opacity=50); opacity: 0.50; font-size: 16px; line-height: 16px; }
.mr_button_value, .mr_button_type  { display: none;    }
.bf_active .mr_button_inner:hover { background-color: rgba(0,0,0,0.1); color: #FFFFFF;   filter: alpha(opacity=100); opacity: 1.0; cursor: pointer;  }
.mr_button_inner.selected, .bf_active .mr_button_inner.selected:hover  { background-color: rgba(0,0,0,1); color: #FFFFFF;    filter: alpha(opacity=100); opacity: 1.0;    }

.bf_input_section { position: relative; width: 100%; padding-bottom: 16px; text-align: left;  }
.bf_input_section.no_pad {  padding-bottom: 0px;  }
.bf_input_each { position: relative; display: inline-block;  padding: 4px 16px;   width: 50%;  filter: alpha(opacity=50); opacity: 0.5;      }
.bf_input_each.comp_name { position: relative; display: inline-block;  padding: 4px 16px;   width: 30%;  filter: alpha(opacity=50); opacity: 0.5;  vertical-align: top;     }
.bf_input_each.comp_email { position: relative; display: inline-block;  padding: 4px 16px;   width: 30%;  filter: alpha(opacity=50); opacity: 0.5;    vertical-align: top;    }
.bf_input_each.comp_tel { position: relative; display: inline-block;  padding: 4px 16px;   width: 30%;  filter: alpha(opacity=50); opacity: 0.5;   vertical-align: top;     }
.bf_input_each input { margin-bottom: 0px;    }
#bf_mandatory_fields_text {  color: rgba(0,0,0,0.5); font-size: 12px; line-height: 15px; padding-left: 16px;   }

.bf_sub_title { font-family: 'GothamBold'; text-align: center; color: #25cbd3; font-size: 16px; line-height: 15px; text-transform: uppercase;   }

.above_conf_content, .below_conf_content { position: relative; width: 100%;  text-align: left;   }
.above_complete_content, .below_conmplete_content { position: relative; width: 100%;  text-align: left;   }
.order_complete_content { position: relative; width: 100%;  text-align: left; padding-bottom: 20px;   }


.bf_confirmation_inner {  font-family: 'Gotham-Light'; font-size: 16px; line-height: 21px;  color: #000000;   text-align: left;  }
.bf_complete_inner {  font-family: 'Gotham-Light'; font-size: 16px; line-height: 21px;  color: #000000;   text-align: left;  }
.conf_title { font-family: 'Gotham-Light'; font-size: 16px; line-height: 21px;  color: #000000;   text-align: left; font-weight: bold;    }
.conf_booking_info { position: relative; display: block; width: 100%; padding: 16px 0px;   text-align: left;    }
.conf_your_info_outer {  position: relative;  display: inline-block; width: 50%; vertical-align: top;  padding: 16px 0px;  text-align: left;   }
.conf_companions_outer { position: relative;  display: inline-block; width: 50%; vertical-align: top; padding: 16px 0px;   text-align: left;  }
.conf_your_info_inner { font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000;   text-align: left;   }
.conf_companions_inner { font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000;   text-align: left;   }
.conf_camp_details { font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000;   text-align: left;     }
.conf_booking_total {  font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000;   text-align: left; font-weight: bold;  }

.camp_flight_info {   filter: alpha(opacity=50); opacity: 0.50;  }
.bf_comp_extra_actions { position: relative; display: inline-block; width: 10%;  font-family: 'Gotham-Light'; font-size: 12px; line-height: 14px;  color: #000000; filter: alpha(opacity=75); opacity: 0.75;  vertical-align: top; padding: 3px 0px;   }
.bf_comp_tbc { position: relative; display: block; width: 100%; text-align: center; cursor: pointer; padding: 0px 5px; }
.bf_comp_clear { position: relative; display: block; width: 100%; text-align: center; cursor: pointer; padding: 0px 5px;   }



#bf_payment { display: none; color: #000000;   }

.house_buttons, .room_buttons { text-align: center;   }

.bf_input_section label {  font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000; cursor: pointer;   display: block;  padding: 4px  }
.bf_input_section label .dimmed { filter: alpha(opacity=50); opacity: 0.50;  }
.bf_input_section label a, .bf_input_section label a:visited { color: #25cbd3;   }
.bf_check { display: none;  }
.bf_input_section input[type="checkbox"] + label::after { filter: alpha(opacity=50); opacity: 0.50;  margin-top: 5px; border: 1px solid #000000; content: "\00a0";  display: inline-block; height: 15px; padding: 0; width: 15px; font-family: 'Gotham-Light'; font-size: 16px; line-height: 16px; margin-left: 10px;  text-align: center;     }
.bf_input_section input[type="checkbox"]:checked + label::after { filter: alpha(opacity=50); opacity: 0.50;  background: #FFFFFF; color: #000000; content: "X";   font-family: 'Gotham-Light'; font-size: 16px; line-height: 16px; text-align: center; }

/* ASSUMPTION OF RISK FORM */
.aorf_section_inner {  position: relative; width: 100%; text-align: center; }
.aorf_button_outer { position: relative; display: inline-block;  padding: 16px;  vertical-align: top;   }
.aorf_b_count_1 {  width: 50%;    }
.aorf_inactive { filter: alpha(opacity=30); opacity: 0.30;   }
.aorf_button_inner { width: 100%; border: 1px solid black; color: #000000;  font-family: 'Gotham-Light'; text-align: center; padding: 8px; cursor: pointer;   filter: alpha(opacity=50); opacity: 0.50;   }

.aorf_input_hid { display: none;    }

.aorf_button_value, .aorf_button_type { display: none;    }

.aorf_input_each { position: relative; display: inline-block;  padding: 4px 16px;   width: 33.33%;  filter: alpha(opacity=50); opacity: 0.5;      }
.aorf_input_section { text-align: left;   padding: 4px 12px;   }
.aorf_input_section label {  font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000; cursor: pointer;   display: block;  padding: 4px  }
.aorf_input_section label .dimmed { filter: alpha(opacity=50); opacity: 0.50;  }
.aorf_input_section label a, .aorf_input_section label a:visited { color: #25cbd3;   }
.aorf_check { display: none;  }
.aorf_input_section input[type="checkbox"] + label::after { filter: alpha(opacity=50); opacity: 0.50;  margin-top: 5px; border: 1px solid #000000; content: "\00a0";  display: inline-block; height: 15px; padding: 0; width: 15px; font-family: 'Gotham-Light'; font-size: 16px; line-height: 16px; margin-left: 10px;  text-align: center;     }
.aorf_input_section input[type="checkbox"]:checked + label::after { filter: alpha(opacity=50); opacity: 0.50;  background: #FFFFFF; color: #000000; content: "X";   font-family: 'Gotham-Light'; font-size: 16px; line-height: 16px; text-align: center; }
.aorf_green .aorf_button_inner { color: green; border-color: green;   filter: alpha(opacity=100); opacity: 1;  }


/* RENTAL FORM */
.rf_section_inner {  position: relative; width: 100%; text-align: center; }
.rf_button_outer { position: relative; display: inline-block;  padding: 16px;  vertical-align: top;   }
.rf_b_count_1 {  width: 50%;    }
.rf_inactive { filter: alpha(opacity=30); opacity: 0.30;   }
.rf_button_inner { width: 100%; border: 1px solid black; color: #000000;  font-family: 'Gotham-Light'; text-align: center; padding: 8px; cursor: pointer;   filter: alpha(opacity=50); opacity: 0.50;   }

.rf_input_hid { display: none;    }

.rf_button_value, .rf_button_type { display: none;    }

.rf_input_each { position: relative; display: inline-block;  padding: 4px 16px;   width: 33.33%;  filter: alpha(opacity=50); opacity: 0.5;      }
.rf_input_section { text-align: left;   padding: 4px 12px;   }
.rf_input_section label {  font-family: 'Gotham-Light';  font-size: 16px; line-height: 21px;  color: #000000; cursor: pointer;   display: block;  padding: 4px  }
.rf_input_section label .dimmed { filter: alpha(opacity=50); opacity: 0.50;  }
.rf_input_section label a, .rf_input_section label a:visited { color: #25cbd3;   }
.rf_check { display: none;  }
.rf_input_section input[type="checkbox"] + label::after { filter: alpha(opacity=50); opacity: 0.50;  margin-top: 5px; border: 1px solid #000000; content: "\00a0";  display: inline-block; height: 15px; padding: 0; width: 15px; font-family: 'Gotham-Light'; font-size: 16px; line-height: 16px; margin-left: 10px;  text-align: center;     }
.rf_input_section input[type="checkbox"]:checked + label::after { filter: alpha(opacity=50); opacity: 0.50;  background: #FFFFFF; color: #000000; content: "X";   font-family: 'Gotham-Light'; font-size: 16px; line-height: 16px; text-align: center; }
.rf_green .rf_button_inner { color: green; border-color: green;  filter: alpha(opacity=100); opacity: 1; }




/* LOGIN FORM */
#login_form  { padding: 30px 0px 30px;     }
.login_form label { display: inline-block; font-family: 'Gotham-Light'; filter: alpha(opacity=50); opacity: 0.50; color: #000000; font-size: 16px; line-height: 21px;  width: 100%; margin-bottom: 10px; }
#login_form input[type="submit"] {  width: 100%; border: 1px solid black; color: #000000; font-family: 'Gotham-Light'; text-align: center; padding: 8px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.50; }
#login_form input[type="submit"]:hover {  background-color: rgba(0,0,0,0.1); color: #FFFFFF;   filter: alpha(opacity=100); opacity: 1.0; cursor: pointer;  }

/* CLIENT LIST */
.client_list_item { width: 100%; font-family: 'Gotham-Light'; filter: alpha(opacity=50); opacity: 0.50; color: #000000;  font-size: 16px; line-height: 26px; display: block; }
.client_list_item:hover { filter: alpha(opacity=90); opacity: 0.90;  }
.client_name { display: inline-block; padding-right: 2%; width: 35%; font-size: 21px; color: #000000; cursor: pointer; }
.venue_company_outer { display: inline-block; width: 50%; color: #000000; }
.client_select { display: inline-block; width: 15%; color: #25cbd3; cursor: pointer; text-align: center; }
.client_venue, .client_company { display: inline-block; font-size: 14px; color: #000000; }
.client_list_item.selected { filter: alpha(opacity=100); opacity: 1; font-weight: 400;   }
.members_menu_item { padding-bottom: 20px; }
.members_menu_item_title { width: 60%; font-family: 'Gotham-Light'; color: #000000; font-size: 24px; line-height: 24px; text-transform: uppercase; display: inline-block; }
.members_menu_item_menu { width: 40%; color: #25cbd3; text-align: left; display: inline-block; }
.members_menu_item_action { display: inline-block; padding-left: 20px; padding-right: 20px; cursor: pointer; }

.existing_tests, .review_tests, #possible_add_tests { display: none; padding-left: 20px; }
.existing_tests a, .existing_tests a:visited, .existing_tests a:hover, .review_tests a, .review_tests a:visited, .review_tests a:hover { color: #25cbd3; }
.existing_tests a, .review_tests a, #possible_add_tests a { display: inline-block; width: 70%; }
.delete_test_link {  display: inline-block; font-size: 10px; width: 30%; cursor: pointer;  color: #25cbd3; }

/* TESTING FORMS */
.form_outer, .review_outer { color: #000000;   }
.test_title { width: 100%;   font-family: 'Gotham-Light'; color: #000000; font-size: 24px; line-height: 24px;  text-transform: uppercase; margin-left: -5px; padding-bottom: 20px;    }
.form_field_outer { width: 100%; clear: both;   }
.add_test_form label, .edit_test_form label, .review_outer label { display: inline-block; width: 40%; text-align: right; padding-right: 40px;  vertical-align: top;   }
.add_test_form label.extra_wide, .edit_test_form label.extra_wide, .review_outer label.extra_wide {   width: 70%; padding-right: 5%; text-align: left;   }
.add_test_form label.semi_wide, .edit_test_form label.semi_wide, .review_outer label.semi_wide {   width: 40%; padding-right: 5%; text-align: left;  }
.add_test_form .radio_outer, .edit_test_form .radio_outer, .review_outer .radio_outer {  display: inline-block; width: 60%; float: none; text-align: right;  }
.add_test_form .radio_outer.narrow, .edit_test_form .radio_outer.narrow, .review_outer .radio_outer.narrow { width: 30%; text-align: right; vertical-align: top;  padding: 3px;    }

 .add_test_form label.extra_narrow,  .edit_test_form label.extra_narrow  { width: 100%;  }
 .add_test_form input.extra_narrow[type="text"], .edit_test_form input.extra_narrow[type="text"] { width: 100%;   }
 .add_test_form label.extra_narrow_3, .edit_test_form label.extra_narrow_3  { width: auto; clear: none !important;  text-align: right; padding-right: 3px; max-width: 15%;  font-size: 12px;  line-height: 20px;   }
 .add_test_form label.extra_narrow_3.left, .edit_test_form label.extra_narrow_3.left { text-align: left; width: 15%; max-width: 15%;  }
 .add_test_form input.extra_narrow_3[type="text"],  .edit_test_form input.extra_narrow_3[type="text"] { width: 8%; margin-right: 2%;  margin-left: 0%;  font-size: 12px !important;  line-height: 20px !important; height: 23px; text-align: center;    }

.add_test_form label.extra_narrow_3.max_hr, .edit_test_form label.extra_narrow_3.max_hr {   width: 70px;   }
.add_test_form label.extra_narrow_3.intensity, .edit_test_form label.extra_narrow_3.intensity {   width: 50px;  }
.add_test_form label.extra_narrow_3.hr, .edit_test_form label.extra_narrow_3.hr {   width: 20px;  }
.intensity_space { display: inline-block;  margin-left: 0; margin-right: 2%; width: 8%;  }
.edit_test_form input[type=text].numeric_narrow, .add_test_form input[type=text].numeric_narrow, .review_outer input[type=text].numeric_narrow { width: 15%;  float: right;    }
.edit_test_form input[type=readonly].numeric_narrow, .add_test_form input[type=readonly].numeric_narrow, .review_outer input[type=readonly].numeric_narrow { width: 15%;  float: right;    }
.ignore_span { font-size: 12px !important;  line-height: 20px !important; height: 23px;  }

.form_sub_title_sub { clear: both; font-family: 'Gotham-Light'; color: #25cbd3; font-size: 16px; line-height: 20px; text-transform: uppercase; padding-bottom: 10px; padding-top: 20px; display: block; position: relative; width: 100%; }

.form_section_title {  text-transform: uppercase;  color: #25cbd3;  }
.bf_twin_outer {  display: inline-block;   margin-left: 20%; width: 40%;  text-align: right;    }
.bf_twin_outer_each {  display: inline-block; width: 50%;    }
.add_test_form label.extra_narrow_2, .edit_test_form label.extra_narrow_2, .review_outer label.extra_narrow_2  { width: auto; clear: none !important;  text-align: right; padding-right: 3px; max-width: 25%;  font-size: 12px;  line-height: 20px;    }
.edit_test_form input[type=text].extra_narrow_2, .add_test_form input[type=text].extra_narrow_2, .review_outer input[type=text].extra_narrow_2 {  margin-left: 0%; width: 75%; }


.add_test_form .form_field_outer, .edit_test_form .form_field_outer, .review_outer .form_field_outer { padding-top: 0px;    }
.form_field_outer label, .form_field_outer .radio_outer,  .form_field_outer input { margin-top: 5px !important;    }


.question_subtext { font-size: 10px; line-height: 12px;    }
.add_test_form input[type=text], .edit_test_form input[type=text], .review_outer input[type=text] { display: inline-block;  font-family: 'Gotham-Light'; font-size: 14px !important; height: 23px; margin-left: 10%; line-height: 16px !important; padding: 3px 5px; width: 50%;  border: 1px solid #e9e9e9;  background-color: transparent; color: #000000;margin-bottom: 2px;   }
.add_test_form input[name=sub], .edit_test_form input[name=sub], .review_outer input[name=sub]  {  display: block;  color: #000000; cursor: pointer; font-family: 'Gotham-Light';  font-size: 16px; line-height: 16px;  width: 40%; margin-left: 60%; margin-top: 0px; border: 1px solid #000000; filter: alpha(opacity=50); opacity: 0.50; padding: 8px;  }
.add_test_form input[name=sub]:hover, .edit_test_form input[name=sub]:hover, .review_outer input[name=sub]:hover  {  background-color: rgba(0,0,0,0.1); color: #FFFFFF;   filter: alpha(opacity=100); opacity: 1.0; cursor: pointer;  }
.add_test_form input[type=password], .edit_test_form input[type=password], .review_outer input[type=password] { display: inline-block;  font-family: 'Gotham-Light'; font-size: 14px !important; height: 23px; margin-left: 10%; line-height: 16px !important; padding: 3px 5px; width: 50%;  border: 1px solid #e9e9e9;  background-color: transparent; color: #000000;margin-bottom: 2px;   }

.add_test_form textarea, .edit_test_form textarea,  { resize: vertical; display: inline-block;  font-family: 'Gotham-Light'; font-size: 14px !important; height: 23px; margin-left: 40%; line-height: 16px !important; padding: 0; width: 60%;  height: 80px;  border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #000000;  }
.review_outer textarea { resize: vertical; display: inline-block;   font-family: 'Gotham-Light'; font-size: 14px !important; height: 80px; margin-left: 40%; line-height: 16px !important; padding: 0; width: 60%;  border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #000000;  }

.add_test_form input[type=readonly], .edit_test_form input[type=readonly], .review_outer input[type=readonly]  { display: inline-block; font-family: 'Gotham-Light'; font-size: 14px !important; height: 23px; margin-left: 10%; line-height: 16px !important; padding: 0; width: 50%;  border: 1px solid #e9e9e9; padding: 3px 5px; background-color: transparent; color: #000000;  margin-bottom: 2px;  }

.edit_test_form input[name=delete] {   display: block;  color: #808284; cursor: pointer;  font-family: "din-mediummedium";  text-transform: uppercase; font-size: 14px; line-height: 14px; height: 20px; padding-bottom: 2px; width: 20%; margin-left: 80%; margin-top: 20px; border: 1px solid #818285; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px; }
.form_outer input[type=radio], .form_outer input[type=checkbox] { display: inline-block; width: auto; margin-bottom: 2px;   }
.add_test_form .form_sub_title, .edit_test_form .form_sub_title { padding-bottom: 0px; border: 0px solid red;  position: relative; font-weight: bold; margin-top: 10px; font-size: 16px; line-height: 21px;   }
.form_sub_title_text { display: inline-block; border: 0px solid blue; position: relative; padding-right: 40px;    }
.question_set_arrow { position: absolute; display: inline-block; border: 0px solid yellow; width: 20px; top: 50%; margin-top: -10px; right: 0px;  height: 20px; background-repeat: no-repeat; background-image: url('../img/test_arrow_half.png'); background-position: 0px -20px;   }
.question_set_arrow.open { background-position: 0px 0px;  }

.smaller_font .question_set_arrow {    background-image: url('../img/test_arrow_smaller_half.png'); background-position: 0px -15px; margin-top: -7.5px; height: 15px; width: 15px;  }
.smaller_font .question_set_arrow.open { background-position: 0px 0px;  }

.form_sub_title_text.smaller_font { padding-right: 20px;    }
.qset_subtext { font-size: 11px; line-height: 12px;   }
.question_set_outer { display: none;   }
.question_set_outer.always_open {  display: block;    }
.question_set_outer.count_1 { display: block;    }

.existing_tests, .review_tests, #possible_add_tests { display: none; padding-left: 20px;     }
.existing_tests a, .review_tests a, #possible_add_tests a {  display: inline-block; width: 70%;    }
.existing_tests a, .existing_tests a:visited, .existing_tests a:hover, .review_tests a, .review_tests a:visited, .review_tests a:hover  { color: #25cbd3; }
#possible_add_tests a, #possible_add_tests a:visited, #possible_add_tests a:hover {  color: #25cbd3; }
.delete_test_link { display: inline-block; font-size: 10px; width: 30%;  cursor: pointer;    }


.form_sub_title .smaller_font {  font-size: 20px; line-height: 24px;  }

.percent100 { width: 100%;     }

#add_tests_to_client { color: #000000; display: inline-block; font-family: 'Gotham-Light'; font-size: 32px; line-height: 32px; text-transform: uppercase; width: 50%; cursor: pointer; filter: alpha(opacity=25); opacity: 0.25;    }


.form_p { font-size: 16px; line-height: 20px; padding-bottom: 10px; padding-top: 10px; clear: both; width: 100%; margin: 0px; }
.small_print { font-size: 13px; line-height: 18px; }
.edit_test_form #lq_perceived_stress, .edit_test_form #lq_eating_habits, .edit_test_form #cs_ride_style { margin-left: 20%; }
.add_test_form #lq_perceived_stress, .add_test_form #lq_eating_habits, .add_test_form #cs_ride_style { margin-left: 20%; }
#lq_perceived_stress, #lq_eating_habits, #cs_ride_style { width: 10%; text-align: center; }

#cyclist_type_outer { float: none; display: inline-block; width: 50%; margin-left: 10%; }
.checkbox_outer { float: left; display: block; font-family: 'Gotham-Light'; font-size: 14px !important; line-height: 16px !important; padding: 0; width: 30%; padding-bottom: 8px; }

#alcohol_yes, #smoker_yes { position: relative; width: 100%; }
.hidden { display: none; }

.add_test_form select, .edit_test_form select { width: 50%; float: none; display: inline-block; margin-left: 10%; margin-top: 5px; font-family: 'Gotham-Light'; font-size: 14px; line-height: 23px; }
#day_of_birth, #month_of_birth, #year_of_birth { width: auto !important; display: inline-block; float: none;  margin-left: 0%;}
.date_of_bith_outer { width: 50%; margin-left: 10%; text-align: right;  display: inline-block;   }


.x_axis_outer {  position: relative; width: 70%; margin-left: 25%; margin-right: 5%; height: 20px; border: 0px solid red; }
.x_axis_segment {  display: inline-block; border-top: 1px solid #e9e9e9;   font-size: 10px;  line-height: 14px;  text-align: center; vertical-align: top;   }
.x_axis_segment.middle, .x_axis_segment.first {  border-right: 1px solid #e9e9e9;   }

.y_axis_outer {  position: relative; width: 70%; margin-left: 25%; margin-right: 5%; min-height: 50px;   }


.chart_bar_label {  position: absolute; right: 100%;   font-size: 10px;  line-height: 15px; text-align: right; padding-right: 5px; bottom: 5px;  width: 40%;   }
.chart_bar { position: absolute; height: 15px;  bottom: 5px;    }


.chart_bar.age_0 {  border: 0px solid lime;  }
.chart_bar.age_1 {  bottom:20px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px;    }
.chart_bar_label.age_1 {  bottom:20px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px;  line-height: 10px;   }

.chart_bar.age_2 {  bottom: 30px; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; height: 10px;    }
.chart_bar_label.age_2 {  bottom:30px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px;  line-height: 10px;   }

.chart_bar.age_3 {  bottom: 40px; zoom: 1; filter: alpha(opacity=55); opacity: 0.55; height: 10px;    }
.chart_bar_label.age_3 {  bottom:40px; zoom: 1; filter: alpha(opacity=55); opacity: 0.55; height: 10px;  line-height: 10px;   }

.chart_bar.age_4 {  bottom: 50px; zoom: 1; filter: alpha(opacity=45); opacity: 0.45; height: 10px;    }
.chart_bar_label.age_4 {  bottom:50px; zoom: 1; filter: alpha(opacity=45); opacity: 0.45; height: 10px;  line-height: 10px;   }

.chart_bar.age_5 {  bottom: 60px; zoom: 1; filter: alpha(opacity=35); opacity: 0.35; height: 10px;    }
.chart_bar_label.age_5 {  bottom:60px; zoom: 1; filter: alpha(opacity=35); opacity: 0.35; height: 10px;  line-height: 10px;   }

.chart_bar.age_6 {  bottom: 70px; zoom: 1; filter: alpha(opacity=25); opacity: 0.25; height: 10px;    }
.chart_bar_label.age_6 {  bottom:70px; zoom: 1; filter: alpha(opacity=25); opacity: 0.25; height: 10px;  line-height: 10px;   }

.chart_bar.age_7 {  bottom: 80px; zoom: 1; filter: alpha(opacity=15); opacity: 0.15; height: 10px;    }
.chart_bar_label.age_7 {  bottom:80px; zoom: 1; filter: alpha(opacity=15); opacity: 0.15; height: 10px;  line-height: 10px;   }

.chart_bar.age_8 {  bottom: 90px; zoom: 1; filter: alpha(opacity=05); opacity: 0.05; height: 10px;    }
.chart_bar_label.age_8 {  bottom:90px; zoom: 1; filter: alpha(opacity=05); opacity: 0.05; height: 10px;  line-height: 10px;   }

.chart_bar.red { border: 2px solid red;   }
.chart_bar.amber { border: 2px solid Orange;   }
.chart_bar.green { border: 2px solid lime;   }

.rating_label {  clear: both; float: left; width: 15%; margin-left: 5%;   font-size: 12px;  line-height: 15px;  }
.rating_value {  float: left; width: 70%;  margin-left: 2%;   font-size: 12px;  line-height: 15px;  }
.summary_label {  clear: both; float: left; width: 15%; margin-left: 5%;   font-size: 12px;  line-height: 15px;   }
.summary_value {  float: left; width: 70%;  margin-left: 2%;   font-size: 12px;  line-height: 15px;  }
#lt_watts_result_outer, #lt_bpm_result_outer, #lt_power_v_hr {  position: relative; width:  100%; border: 0px solid red; height: 400px;    }
.lt_graphs_outer {  margin-top: 40px;  position: relative;  width: 100%;  }
#lactate_test_fields_outer {  position: relative; width: 100%; margin-top: 20px;   }
.lt_results_each {  display: block;    }
.lt_results_label { display: inline-block; margin-right: 10px;    }
.lt_rating_value { display: inline-block;   }
.lt_graph_title { display: block; margin-top: 20px;   }
#lt_notes { width: 100%;   height: 150px;    }
#bf_notes { width: 100%;   height: 150px;     }
.lt_intro_notes {  display: block; margin-top: 20px; width: 100%;    }
.lt_intro_notes p { margin-top: 16px; margin-bottom: 16px; }
#bf_notes_outer.dontshow { display: none;   }

.lactate_row_add_outer { display: block; margin-top: 10px;    }
#lt_add_2 {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;     }
#lt_add_3 {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;    }
#lt_add_4 {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;    }
#lt_treadmill_add_2 {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;    }
#lt_treadmill_add_3 {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;    }
#lt_treadmill_add_4 {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;   }

#lt_undo {  display: inline-block;  margin-right: 20px; cursor: pointer; border: 1px solid #000000;  padding: 0px 20px;   }

.axisLabels { color: #000000 !important;  font-size: 10px;   font-family: 'Gotham-Light';  }

#after_trainer, #after_client { display: block;    }
.form_result { color: #000000;  }

/* SVG */
#add_bike_fit_bike {   position: absolute; left: 0px; right: 0px;  top: 500px; filter: alpha(opacity=20); opacity: 0.2;   }
#review_bike_fit_bike { position: relative;  width: 100%;  }
#review_bike_fit_rider { position: relative;   width: 100%;  }
#bike_fit_svg #Background { display: none;   }
#bike_fit_svg { font-family: 'Gotham-Light';   }
#Rider_Measures g { display: none;    }
#Bike_Measures g { display: none;    }
#Bike_Outline, #Rider_Fill, #Rider_Outline { filter: alpha(opacity=50); opacity: 0.50;   }
#review_bike_fit_bike #Bike_Outline { filter: alpha(opacity=90); opacity: 0.90;    }
#review_bike_fit_bike #Rider_Fill, #review_bike_fit_bike #Rider_Outline { filter: alpha(opacity=50); opacity: 0.50;    }
#review_bike_fit_rider #Rider_Fill, #review_bike_fit_rider #Rider_Outline { filter: alpha(opacity=90); opacity: 0.90;    }
#add_bike_fit_bike .before_text, #add_bike_fit_bike .after_text, #add_bike_fit_bike .before_value, #add_bike_fit_bike .after_value { display: none;   }
#edit_bike_fit_bike .before_text, #edit_bike_fit_bike .after_text, #edit_bike_fit_bike .before_value, #edit_bike_fit_bike .after_value { display: none;   }
#review_bike_fit_bike #Bike_Measures g {  display: inline;  }
#review_bike_fit_rider #Rider_Measures g {  display: inline;  }
#review_bike_fit_rider #Handlebars { display: none;    }
.after_value { fill: #25cbd3;  }
.before_value { fill: #25cbd3;  }
#add_bike_fit_bike text, #edit_bike_fit_bike text { display: none;   }
#bf_compare_to.dontshow { display: none;    }
#add_test_form #bf_make_outer,
#add_test_form #bf_model_outer,
#add_test_form #bf_saddle_details_outer,
#add_test_form #bf_handlebar_details_outer,
#add_test_form #bf_chainrings_outer,
#add_test_form #bf_pedal_make_outer,
#add_test_form #bf_pedal_model_outer,
#add_test_form #bf_shoe_size_outer,
#add_test_form #bf_shoe_make_outer,
#add_test_form #bf_shoe_model_outer { display: none;   }

/* INSTAGRAM */
.insta_section_t_and_b { padding: 16px 0px;   }
.insta_title_img { width: 50px; }
.portfolio_item.cols_1 { width: 25%;   }
.portfolio_item { padding: 2px 2px; }
.instagram_image {  position: relative; width: 100%;   background-size: cover; background-repeat: no-repeat; background-position: center center;   }
.instagram_image:after { content: ""; display: block; padding-bottom: 100%; }




@media only screen and (max-width: 500px) {
/* BURGER */
:root {
  --menu_icon_top: 12px;
  --menu_icon_right: 12px;
  --burger_thickness: 1px;
  --burger_middle_position: 10px;
  --burger_outer_position: -5px;
  --burger_box_shadow: 1px 1px 1px rgba(11,24,49,0.1);
  --burger_active_colour: #25cbd3;
}
/* MENU ICON */
#header_logo_outer { display: block;   }
#menu_button_text { display: none; }
.o-grid__item { margin-right: 0px;  }
/* SIDEBAR */
.sidenav {
  --sb_padding_top: 46px;
  --sb_bg_colour: rgba(0,0, 0, 0.8);
  --sb_font_size: 18px;
  --sb_line_height: 32px;
  --sb_width: 100%;
  --sb_menu_colour: #25cbd3;
  --sb_menu_hover_colour: #FFFFFF;
}
.sidenav { width: 100%;  opacity: 0; visibility: hidden; transition: opacity 0.5s;   }
.sidenav.open {  width: var(--sb_width); visibility:visible; opacity:1;  }
.menu_item { text-align: center;  }
.menu_item a { text-transform: lowercase;  }

.first_was_logo {  top: -20px;  margin: 0px 10px 0; }

.content_inner { border-left: 0px solid MediumTurquoise; border-right: 0px solid MediumTurquoise; }
#header_inner, .tbg_inner, .section_title_inner, .content_inner { width: 100%; }
.section_outer { padding: 20px 0px 60px; }
.section_outer:first-child,.section_outer.first-child{ padding-top: 30px; }
.section_outer.last-child { padding: 30px 0px 10px; }
/* HEADER */
#col_home_logo { width: 150px; }
/* BACKGROUND */
.section_bg_left { width: 100%; height: 50%; }
.section_bg_right { width: 100%; height: 50%; top: 50%; }
.section_bg_centre { width: 100%; margin-left: 0px;  left: 0%; padding: 0px 0px; }
.tbg_inner  { width: 100%; }
/* SECTION TITLE */
.section_title_inner { font-size: 36px; line-height: 23px; padding: 0px 16px 30px; }
/* CONTENT */
.content_inner { padding: 0px; }
.cols_2, .cols_1 { width: 100%; padding-bottom: 10px; padding-top: 10px; }
.image_outer.cols_3 { width: 100%; }
.image_outer.cols_2 { width: 66.66%; }
.image_outer.cols_1 { width: 33.33%; }
.cols_2_centered { width: 100%;  margin-left: 0%; margin-right: 0%; }
.portfolio_item.cols_1 { width: 100%; }
.portfolio_item.cols_1.instagram_outer  { width: 50%;  padding-top: 2px; padding-bottom: 2px;   }

.cols_Half { width: 50%; }
p { font-size: 14px; line-height: 18px; }
ul, li { font-size: 14px; line-height: 18px; }
.heading { font-size: 18px; }
.home .last-child p { color: #FFFFFF; }
p::after { display: none; }
.image_outer { padding: 1px 1px; }
/* VIDEO BACKGROUND */
#video_poster_image { display: block; }
video#bgvid { display: none; }
.itinerary_group_item_inner_inner { padding-top: 30px;    }
.itinery_item_inner .image_outer { margin-bottom: 0px; padding: 0px;  }
.itinery_item_inner .image_outer img { display: block; width: 200%; margin-left: -50%;  }
.itinerary_group_outer { width: 100%; overflow: hidden;    }
.itinerary_group_item_inner { padding-left: 0%; padding-right: 0%;  }
.itinerary_text { padding-bottom: 10px;    }
.itinerary_text p { font-size: 14px; line-height: 18px; }
.itinerary_semi_circle_outer {  top: -40px;    }
.itin_semi_circle_svg {  width:  80px;    }
.itin_semi_circle_svg svg {  width:  80px; height: 80px;    }
.itin_semi_circle_text { padding-top: 24px;    }
.itin_semi_circle_text .small_heading { font-size: 10px; line-height: 12px; }
.itin_semi_circle_text .medium_heading { font-size: 12px; line-height: 14px; }
.itinerary_climbs_outer, .itinerary_elevation_outer, .itinerary_map_column_outer { display: none;    }
.sub_heading { font-size: 14px; line-height: 18px; }
.itinerary_map { padding-bottom: 10px;    }
.itin_forward_arrow { font-size: 14px; line-height: 14px;  padding-top: 0px; }
.itinerary_forward_button, .itinerary_back_button { font-size: 14px; line-height: 14px;   }
.itin_forward_text .small_heading { font-size: 10px; line-height: 12px; display: none;  }
.itin_forward_text .medium_heading { font-size: 12px; line-height: 14px; }
/* SEMI CIRCLE */
.semi_circle_outer { top: -49px;   }
.semi_circle_svg { width:  98px;   }
.semi_circle_svg svg { width:  98px; height: 98px;   }
.semi_circle_text { padding-top: 30px;   }
.medium_heading { font-size: 14px; line-height: 18px;    }
/* BUTTONS */
.content_button_outer { padding: 4px; font-size: 14px; line-height: 18px;   }
.content_button_inner { padding: 4px;  }
.bf_b_count_1, .bf_b_count_2, .bf_b_count_3, .bf_b_count_4, .bf_b_count_5, .bf_b_count_6, .bf_b_count_7, .bf_b_count_8 { width: 80%;    }
.rf_b_count_1{ width: 80%;    }
.aorf_b_count_1{ width: 80%;    }
/* BOOKING FORM */
.bf_s_title { font-size: 16px;  line-height: 21px; margin-bottom: 8px; }
.bf_s_inner { padding: 16px 0px;   }
#bf_level .bf_b_count_4, #bf_level .bf_b_count_5, #bf_level .bf_b_count_6, #bf_level .bf_b_count_7 { width: 80%; }
.bf_button_outer {  padding: 4px; font-size: 14px; line-height: 18px;    }
.bf_button_inner {  padding: 8px;  }
.bf_input_section {  padding-bottom: 4px;  }
.bf_input_each { padding: 2px;  width: 100%;   }
.rf_input_each { padding: 2px 16px;  width: 100%;   }
.aorf_input_each {  padding: 2px 16px;  width: 100%;   }
input { padding: 8px; font-size: 14px;  }
.bf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
.bf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
.bf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }
.rf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
.rf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
.rf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }
.aorf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
.aorf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
.aorf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }

#bf_mandatory_fields_text { padding-left: 4px;   }
.bf_input_each.comp_name, .bf_input_each.comp_email, .bf_input_each.comp_tel { padding: 2px;  width: 100%;   }
.bf_comp_extra_actions { width: 100%; padding: 3px 0px; text-align: center;  }
.bf_comp_tbc, .bf_comp_clear { display: inline-block;  width: auto;  }
.bf_confirmation_inner, .conf_title, .conf_camp_details, .conf_your_info_inner, .conf_companions_inner, .conf_booking_total, .bf_complete_inner {  font-size: 14px; line-height: 18px;    }
.half_height .background, .background {  background-attachment: scroll; }



.vertical_logo { position: absolute; top: 0px; left: calc(50% - 75px); width: 150px; height: 100vh; background-size: 150px;   background-position: 50% 40%;  background-attachment: scroll;  }
.page_top_logo .vertical_logo { width: 250px; left: calc(50% - 125px); top: 0px;   }
.page_top_logo.on_load .vertical_logo { top: 0px; opacity: 1; }


.left_side_heading, .right_side_heading { width: 100%; height: 100vh; padding-top: 0px; padding-bottom: 30px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: lex-end; justify-content: flex-end; -ms-flex-align: end; align-items: center; position: absolute; bottom: 0; top: 60px; z-index: 101; left: 0; padding-right: 0px; padding-left: 0px; align-self: center;   }
.overflow-container { text-align: center;  padding-left: 32px; padding-right: 32px; width: auto; display: inline-block;  }
.right_side_heading .overflow-container { text-align: center; }
.overflow-inner { font-size: 30px; line-height: 32px; }
.overflow-inner.nhome_minor {  font-size: 14px; line-height: 18px; padding-top: 0px;   }

.overflow-inner.nhome_button {  font-size: 16px; line-height: 16px; padding: 5px 10px 3px; }
.nhome_button .fa-arrow-right { font-size: 16px; line-height: 16px; }


.left_side_heading, .right_side_heading { border: 0px solid red; height: calc(100vh - 60px);  padding-bottom: 20px;  }



}

@media only screen and (min-width: 501px) and (max-width: 767px) {

  /* BURGER */
  :root {
    --menu_icon_top: 12px;
    --menu_icon_right: 10px;
    --burger_thickness: 1px;
    --burger_middle_position: 10px;
    --burger_outer_position: -5px;
    --burger_box_shadow: 1px 1px 1px rgba(11,24,49,0.1);
    --burger_active_colour: #25cbd3;
  }
  /* MENU ICON */
  #header_logo_outer { display: block;   }
  #menu_button_text { display: none; }
  .o-grid__item { margin-right: 0px;  }
  /* SIDEBAR */
  .sidenav {
    --sb_padding_top: 16px;
    --sb_bg_colour: rgba(0,0, 0, 0.8);
    --sb_font_size: 17px;
    --sb_line_height: 24px;
    --sb_width: 100%;
    --sb_menu_colour: #25cbd3;
    --sb_menu_hover_colour: #FFFFFF;
  }
  .sidenav { width: 100%;  opacity: 0; visibility: hidden;   }
  .sidenav.open {  width: var(--sb_width); visibility:visible; opacity:1;  }
  .menu_item { text-align: center;  }
  .menu_item a { text-transform: lowercase;  }

.first_was_logo {  top: -20px;  margin: 0px 10px 0; }

#header_inner, .tbg_inner, .section_title_inner, .content_inner { width: 92%; }
.section_outer { padding: 20px 0px 60px; }
.section_outer:first-child,.section_outer.first-child{ padding-top: 30px; }
.section_outer.last-child { padding: 30px 0px 10px; }

#col_home_logo { width: 150px; }
/* BACKGROUND */
.section_bg_left { width: 100%; height: 50%; }
.section_bg_right { width: 100%; height: 50%; top: 50%; }
.section_bg_centre { width: 100%; margin-left: 0px;  left: 0%; padding: 0px 0px; }
.tbg_inner  { width: 100%; }
/* SECTION TITLE */
.section_title_inner { font-size: 36px; line-height: 23px; padding: 0px 16px 30px; }
/* CONTENT */
.content_inner { padding: 0px 4%; }
.cols_2, .cols_1 { width: 100%; padding-bottom: 10px; padding-top: 10px; }
.image_outer.cols_3 { width: 100%; }
.image_outer.cols_2 { width: 66.66%; }
.image_outer.cols_1 { width: 33.33%; }
.cols_2_centered { width: 100%;  margin-left: 0%; margin-right: 0%; }
.portfolio_item.cols_1 { width: 100%; }
.cols_Half { width: 50%; }
p { font-size: 14px; line-height: 18px; }
ul, li { font-size: 14px; line-height: 18px; }
.heading { font-size: 18px; }
.home .last-child p { color: #FFFFFF; }
p::after { display: none; }
.image_outer { padding: 1px 1px; }
/* VIDEO BACKGROUND */
#video_poster_image { display: block; }
video#bgvid { display: none; }
.itinerary_group_item_inner_inner { padding-top: 30px;    }
.itinery_item_inner .image_outer { margin-bottom: 0px; padding: 0px;  }
/* .itinery_item_inner .image_outer img { display: block; width: 200%; margin-left: -50%;  }*/
.itinerary_group_outer { width: 100%; overflow: hidden;    }
.itinerary_group_item_inner { width: 92%; padding-left: 4%; padding-right: 4%;  }
.itinerary_text { padding-bottom: 10px;    }
.itinerary_text p { font-size: 14px; line-height: 18px; }
.itinerary_semi_circle_outer {  top: -40px;    }
.itin_semi_circle_svg {  width:  80px;    }
.itin_semi_circle_svg svg {  width:  80px; height: 80px;    }
.itin_semi_circle_text { padding-top: 24px;    }
.itin_semi_circle_text .small_heading { font-size: 10px; line-height: 12px; }
.itin_semi_circle_text .medium_heading { font-size: 12px; line-height: 14px; }
 .itinerary_climbs_outer, .itinerary_elevation_outer, .itinerary_map_column_outer { display: none;    }
.sub_heading { font-size: 14px; line-height: 18px; }
.itinerary_map { padding-bottom: 10px;    }
.itin_forward_arrow { font-size: 14px; line-height: 14px;  padding-top: 0px; }
.itinerary_forward_button, .itinerary_back_button { font-size: 14px; line-height: 14px;   }
.itin_forward_text .small_heading { font-size: 10px; line-height: 12px; display: none;  }
.itin_forward_text .medium_heading { font-size: 12px; line-height: 14px; }
/* SEMI CIRCLE */
.semi_circle_outer { top: -49px;   }
.semi_circle_svg { width:  98px;   }
.semi_circle_svg svg { width:  98px; height: 98px;   }
.semi_circle_text { padding-top: 30px;   }
.medium_heading { font-size: 14px; line-height: 18px;    }
/* BUTTONS */
.content_button_outer { padding: 4px; font-size: 14px; line-height: 18px;   }
.content_button_inner { padding: 4px;  }
.bf_b_count_1, .bf_b_count_2, .bf_b_count_3, .bf_b_count_4, .bf_b_count_5, .bf_b_count_6, .bf_b_count_7, .bf_b_count_8 { width: 50%;    }
.rf_b_count_1 { width: 50%;    }
.aorf_b_count_1 { width: 50%;    }
/* BOOKING FORM */
.bf_s_title { font-size: 16px;  line-height: 21px; margin-bottom: 8px; }
.bf_s_inner { padding: 16px 0px;   }
#bf_level .bf_b_count_4, #bf_level .bf_b_count_5, #bf_level .bf_b_count_6, #bf_level .bf_b_count_7 { width: 50%; }
.bf_button_outer {  padding: 4px; font-size: 14px; line-height: 18px;    }
.bf_button_inner {  padding: 8px;  }
.bf_input_section {  padding-bottom: 4px;  }
.rf_input_section {  padding-bottom: 4px;  }
.aorf_input_section {  padding-bottom: 4px;  }
.bf_input_each { padding: 2px;  width: 50%;   }
.rf_input_each { padding: 2px;  width: 50%;   }
.aorf_input_each { padding: 2px;  width: 50%;   }
input { padding: 8px; font-size: 14px;  }
.bf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
.bf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
.bf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }
.rf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
.rf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
.rf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }
.aorf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
.aorf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
.aorf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }
#bf_mandatory_fields_text { padding-left: 4px;   }
.bf_confirmation_inner, .conf_title, .conf_camp_details, .conf_your_info_inner, .conf_companions_inner, .conf_booking_total, .bf_complete_inner {  font-size: 14px; line-height: 18px;    }

.portfolio_item.cols_1.instagram_outer  { width: 50%;  padding-top: 2px; padding-bottom: 2px;   }
.half_height .background, .background {  background-attachment: scroll; }


.vertical_logo { position: absolute; top: 0px; left: calc(50% - 50px); width: 120px; height: 100vh; background-size: 120px;   background-position: 50% 40%;  background-attachment: scroll;  }
.leftside_logo { left: calc(75% - 50px);   }
.rightside_logo { left: calc(25% - 50px);   }

.left_side_heading { width: 50%; height: 100vh; padding-top: 0px; padding-bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0px; z-index: 101; left: 0px; padding-right: 0px; padding-left: 0px; }
.right_side_heading { width: 50%; height: 100vh; padding-top: 0px; padding-bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0px; z-index: 101; left: auto; right: 0px; padding-right: 8px; padding-left: 0px;    }
.overflow-container { text-align: center;  padding-left: 8px; padding-right: 8px; width: auto; display: inline-block;  }
.right_side_heading .overflow-container { text-align: center;  padding-left: 8px; padding-right: 8px; }
.overflow-inner { font-size: 24px; line-height: 24px; }
.overflow-inner.nhome_minor {  font-size: 12px; line-height: 14px; padding-top: 0px;   }

.overflow-inner.nhome_button {  font-size: 14px; line-height: 16px; padding: 5px 10px 3px; }
.nhome_button .fa-arrow-right { font-size: 16px; line-height: 16px; }


.left_side_heading, .right_side_heading { border: 0px solid red; height: calc(100vh - 0px);  padding-bottom: 10px;  }
.content_inner {  width: 100%;   }
}




@media only screen and (min-width:  768px) and (max-width: 1023px)   {
  :root {
    --menu_icon_top: 12px;
    --menu_icon_right: 93px;
  }

  .sidenav {
    --sb_padding_top: 32px;
    --sb_bg_colour: rgba(0,0, 0, 0.8);
    --sb_font_size: 17px;
    --sb_line_height: 32px;
    --sb_width: 200px;
  }
#menu_outer { padding: 24px; }

.first_was_logo {  top: -30px;  margin: 0px 30px 0;   }

		.content_inner { border-left: 0px solid LightGreen; border-right: 0px solid LightGreen;   }
		.content_inner, .itinerary_group_item_inner { padding-left: 5%; padding-right: 5%; }
		.cols_2_centered { width: 80%; margin-left: 10%; margin-right: 10%; }
		.itinerary_elevation_outer, .itinerary_map_column_outer, .itinerary_text_outer { width: 50%;    }
		.itinerary_climbs_outer { width: 33.33%;    }
		.itinerary_elevation { padding-bottom: 10px;   }
		#left_header_menu, #right_header_menu {  width: 50%; margin-left: 0%; margin-right: 0%;   }
		p { font-size: 14px; line-height: 18px; }
		.heading { font-size: 18px; }
		.itinerary_semi_circle_outer {  top: -40px;    }
		.itin_semi_circle_svg {  width:  80px;    }
		.itin_semi_circle_svg svg { width:  80px; height: 80px;   }
		.itin_semi_circle_text { padding-top: 24px;    }
		.itin_semi_circle_text .small_heading { font-size: 10px; line-height: 12px; }
		.itin_semi_circle_text .medium_heading { font-size: 12px; line-height: 14px; }

		.itinerary_text p { font-size: 14px; line-height: 18px; }
		.itin_forward_arrow { font-size: 14px; line-height: 14px;  padding-top: 0px; }
		.itinerary_forward_button, .itinerary_back_button { font-size: 14px; line-height: 14px;   }
		.itin_forward_text .small_heading { font-size: 10px; line-height: 12px;   }
		.itin_forward_text .medium_heading { font-size: 12px; line-height: 14px; }

		.sub_heading { font-size: 14px; line-height: 18px; }
		.content_button_outer {  font-size: 14px; line-height: 18px;   }
		.bf_s_title { font-size: 16px;  line-height: 21px; margin-bottom: 8px; }
		.bf_button_outer {  font-size: 14px; line-height: 18px;    }
		input { padding: 8px; font-size: 14px;  }
		.bf_input_section label { font-size: 12px; line-height: 14px; padding: 4px; }
		.bf_input_section input[type="checkbox"] + label::after {  margin-top: 0px;  height: 12px;  width: 12px;  font-size: 12px; line-height: 14px; margin-left: 10px;     }
		.bf_input_section input[type="checkbox"]:checked + label::after {   font-size: 12px; line-height: 14px;  }
		.bf_confirmation_inner, .conf_title, .conf_camp_details, .conf_your_info_inner, .conf_companions_inner, .conf_booking_total, .bf_complete_inner {  font-size: 14px; line-height: 18px;    }

  .portfolio_item.cols_1.instagram_outer  { width: 33.33%;  padding-top: 2px; padding-bottom: 2px;   }

.vertical_logo { position: absolute; top: 0px; left: calc(50% - 75px); width: 150px; height: 100vh; background-size: 150px;   background-position: 50% 50%;  background-attachment: scroll;  }

.left_side_heading { padding-right: 100px;   }
.right_side_heading { padding-left: 100px;   }

.overflow-inner { font-size: 42px; line-height: 42px; }
.overflow-inner.nhome_minor {  font-size: 18px; line-height: 22px; padding-top: 0px;   }

.overflow-inner.nhome_button {  font-size: 18px; line-height: 18px; padding: 5px 10px 3px; }
.nhome_button .fa-arrow-right { font-size: 18px; line-height: 18px; }


}

@media only screen  and (min-width: 1024px) and (max-width: 1320px)  {
  .content_inner { border-left: 0px solid red; border-right: 0px solid red;   }
  .cols_2_centered { width: 80%; margin-left: 10%; }
  .itinerary_elevation_outer, .itinerary_map_column_outer, .itinerary_text_outer { width: 50%;    }
  .itinerary_climbs_outer { width: 50%;    }
  .itinerary_elevation { padding-bottom: 10px; }
}

@media only screen and (min-device-width: 1024px)  and (max-device-width: 1366px)  and (-webkit-min-device-pixel-ratio: 1.5) {
.half_height .background, .background {  background-attachment: scroll; }
}


@media only screen  and (min-width: 1320px) {
    .content_inner { border-left: 0px solid white; border-right: 0px solid white;   }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}


.section_outer { padding: 0px 0px;   }
.content_inner { max-width: 1280px;   }