/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Rangi Ruru
Description:
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/

/*============Sticky Footer============*/
html{

}

body {
  min-height: 100%;
  height:auto!important;
  display: flex;
  flex-direction: column;
}

#wrap{
  flex: 1 0 0;
  -ms-flex: 1 0 0;
  position: relative;
  z-index:2;
  background-color: #fff;
}

.clear{clear:both;}

.alignright,
img.alignright {
  float:right;
  margin:0 0 15px 30px;
}

img.alignleft,
.alignleft {
  float:left;
  margin:0 30px 15px 0;
}

* {outline:none!important;}

/*==========Fonts & Headings===========*/

body{
  font-family: 'Lato', sans-serif;
  font-size:16px;
  font-size:1.6rem;
  color:#54595e;
  font-weight: 300;
}

body.menu-open{
  overflow: hidden;
}

h1{
  color:#11326d;
  font-size:48px;
  font-size:4.8rem;
  font-weight: 900;
  text-transform: uppercase;
  margin:0;
  padding:0 0 10px 0;
}

h2{
  color:#11326d;
  font-size:36px;
  font-size:3.6rem;
  font-weight: 700;
  text-transform: uppercase;
  margin:0;
  padding:0 0 10px 0;
}

h3{
  color:#11326d;
  font-size:30px;
  font-size:3rem;
  font-weight: 300;
  margin:0;
  padding:10px 0 20px 0;
  line-height: 1.5;
}

h4{
  color:#11326d;
  font-size:24px;
  font-size:2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin:0;
  padding:10px 0 20px 0;
}

h5{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  text-transform:uppercase;
  margin:0;
  padding:0 0 20px 0;
  line-height: 1.6;
  letter-spacing: 0.5px;
}

/* Mobile Heaidng Sizes */
@media (max-width: 767px) {

  h1{
    font-size:32px;
    font-size:3.2rem;
  }

  h2{
    font-size:28px;
    font-size:2.8rem;
  }

  h3{
    font-size:26px;
    font-size:2.6rem;
  }

}

p{
  margin:0;
  padding:0 0 20px 0;
  line-height: 1.6;
  letter-spacing: 0.1px;
}

.white{color:#fff;}

strong{font-weight:bold}

a{
  color:#184aa0;
  text-decoration:none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover,
a:active{
  color:#11326d;
  text-decoration:underline;
}

img{
  max-width:100%;
  height:auto;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

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

/* Header
==============================*/

header{
  position:absolute;
  top:0;
  width:100%;
  padding:30px;
  z-index:20;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .header-logo{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .scroll-logo{
  display: none;
}

header.overlay-active .header-logo{
  opacity: 0;
}

nav.top-menu{
  position: absolute;
  top:0;
  right:0;
}

.scroll-header nav.top-menu{
  display: none;
}

nav.top-menu ul{
  padding:15px 34px 0 0;
  margin:0;
}

nav.top-menu ul li{
  display: inline-block;
  margin-left:5px;
  padding-left:5px;
  position: relative;
}

nav.top-menu ul li:after{
  content:"";
  width:2px;
  height:11px;
  background-color: #fff;
  position: absolute;
  left:-3px;
  top:6px;
}

nav.top-menu ul li:first-child:after{
  display: none;
}

nav.top-menu ul li a{
  text-transform: uppercase;
  color:#fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}


a.trigger-overlay,
header a.trigger-search{
  margin-top:28px;
  text-transform: uppercase;
  float:right;
  color:#fff;
  position: relative;
  padding-right:35px;
  text-decoration: none;
	cursor:pointer;
}

a.trigger-overlay i{
  position: absolute;
  top:-6px;
  right:0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu-open header a.trigger-overlay{
  opacity: 0;
}

.scroll-header header{
  position: fixed;
  background-color:#11326d;
  padding:10px 15px;
}

.scroll-header header .header-logo{
  display: none;
}

.scroll-header header .scroll-logo{
  display: inline-block;
}

.scroll-header header .scroll-logo img{
  width:40px;
}

.scroll-header a.trigger-overlay,
.scroll-header header a.trigger-search{
  margin:15px 0 0 0;
}

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

header{

  padding:10px 15px;
}

header .header-logo{
  display: none;
}

header .scroll-logo{
  display: inline-block;
}

header .scroll-logo img{
  width:40px;
}

a.trigger-overlay,
header a.trigger-search{
  margin:15px 0 0 0;
}

}

/* Nav
==============================*/

#menu-overlay .menu-overlay-header{
    padding:30px 15px 0 30px;
}

#menu-overlay .menu-overlay-header a.enrol-btn{
  margin-top:14px;
  background-color:#75ccd6;
  color:#fff;
  text-transform: uppercase;
  padding:15px 45px;
  display: inline-block;
}

#menu-overlay{
  background-color: rgba(17,50,109,0.95);
  position: fixed;
  height:100%;
  width:100%;
  overflow-y: hidden;
  z-index:1;
  opacity:0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#menu-overlay.overlay-visible{
  z-index:10;
  opacity: 1;
  overflow-y: scroll;
}

#menu-overlay nav.main-menu ul{
  padding:0;
  margin:80px 0;
}

#menu-overlay nav.main-menu ul li{
  list-style-type: none;
  position: relative;
}

#menu-overlay nav.main-menu ul li span.menu-drop{
  position: absolute;
  top:0;
  right:0;
  color:#fff;
  height:100%;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  width:50px;
  text-align: right;
}

#menu-overlay nav.main-menu ul li .menu-drop i{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#menu-overlay nav.main-menu ul li .menu-drop.sub-menu-active i{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#menu-overlay nav.main-menu ul li a{
  color:#fff;
  font-size:36px;
  font-size:3.6rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none!important;
  border-bottom:1px solid #ffbf13;
  display: block;
    padding:0 50px 10px 0;
  margin:20px 0 0 0;
}

#menu-overlay nav.main-menu ul li:last-child a{
  border:none;
}

#menu-overlay nav.main-menu ul li a:hover,
#menu-overlay nav.main-menu ul li.current_page_item a{
  color:#ffbf13;
}

#menu-overlay nav.main-menu ul.sub-menu{
  display: none;
  margin:0;
  padding:0;
}

#menu-overlay nav.util-menu ul{
  padding:0;
  margin: 0 0 60px 0;
  border-top:2px solid #ffbf13;
}

#menu-overlay nav.util-menu ul li,
#menu-overlay nav.main-menu ul.sub-menu li{
  padding:0;
  margin:20px 0 0 0;
  list-style-type: none;
  width:45%;
  display: inline-block;
}

#menu-overlay nav.util-menu ul li a,
#menu-overlay nav.main-menu ul.sub-menu li a{
  color:#fff;
  font-size:18px;
  font-size:1.8rem;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none!important;
  border:none;
  padding:0;
  margin:0;
}

#menu-overlay nav.util-menu ul li a:hover,
#menu-overlay nav.util-menu ul li.current_page_item a{
  color:#ffbf13;
}

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

  #menu-overlay nav.main-menu ul li a{
    font-size:26px;
    font-size:2.6rem;
  }

  #menu-overlay nav.main-menu ul li span.menu-drop{
    font-size: 15px;
    font-size: 1.5rem;
  }

  #menu-overlay nav.util-menu ul li,
  #menu-overlay nav.main-menu ul.sub-menu li{
    width:100%;
  }

  #menu-overlay nav.util-menu ul li a,
  #menu-overlay nav.main-menu ul.sub-menu li a{
    font-size:16px;
    font-size:1.6rem;
  }

}

/* Search
==============================*/


#search-overlay{
  background-color: rgba(255,191,19,0.95);
  position: fixed;
  height:100%;
  width:100%;
  overflow-y: hidden;
  z-index:1;
  opacity:0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#search-overlay.overlay-visible{
  z-index:10;
  opacity: 1;
 overflow-y: scroll;
}

#search-overlay .search-overlay-header{
    padding:30px 15px 0 30px;
}

#search-overlay a.trigger-search{
  margin-top:28px;
  text-transform: uppercase;
  float:right;
  color:#fff;
  position: relative;
  padding-right:35px;
  text-decoration: none;
}

#search-overlay a.trigger-search i{
  position: absolute;
  top:-6px;
  right:0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#search-overlay form{
  margin-top:20%;
}

#search-overlay form #s{
  font-size: 60px;
  font-size: 6rem;
  line-height: 70px;
  background-color: transparent;
  border:none;
  border-bottom:3px solid #fff;
  padding:10px 30px;
  width:85%;
  color:#fff;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


#search-overlay form #searchsubmit{
  text-align: center;
  width:14.5%;
  display: inline-block;
  font-size: 60px;
  font-size: 6rem;
  line-height: 70px;
  background-color: transparent;
  border:none;
  padding:10px 30px;
  color:#fff;
  cursor: pointer;
}

#search-overlay form #searchsubmit:hover{
  color:#11326d;
}

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


#search-overlay form #s{
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  width:100%;
  padding:5px 10px;
}


#search-overlay form #searchsubmit{
  text-align: center;
  width:100%;
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  margin-top:20px;
  background-color: rgba(255,255,255,0.2);
}

}

/* Home
==============================*/

.hero-banner {
  text-align: center;
  overflow: hidden;
  position: relative;
  background-image: url('images/shadow-bg.png');
  background-repeat: repeat-x;
  background-position: bottom -100px left;
  background-size:30px auto;
}

.hero-banner-content{
  transform-style: preserve-3d;
  display: inline-block;
  position: relative;
  z-index:1;
}

.hero-banner-content h1{
  margin:0;
  position: relative;
  z-index:1;
  display:inline-block;
  line-height: 1;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

.hero-banner a.smooth-scroll{
  display: block;
  position: relative;
  z-index:10;
}

.hero-banner i{
  color:#fff;
  font-size: 90px;
  font-size: 9rem;
  margin:40px 0 40px;
}


.hero-banner-mobile{
  text-align: center;
}

.hero-banner-mobile h1{
  margin:0;
  padding:100px 0 20px 0;
  text-align: center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
}

.hero-banner-mobile a.smooth-scroll{
  display: block;
  position: relative;
  z-index:10;
}

.hero-banner-mobile i{
  color:#fff;
  font-size: 60px;
  font-size: 6rem;
  margin:0px 0 20px;
}

/* Home Styles */

#home-banner .hero-banner-content{
  margin:120px auto 40px auto;
}

#home-banner .hero-banner-content h1{
  font-size: 350px;
  font-size: 35rem;
}

#home-banner .hero-banner-content img.image-1 {
  position: absolute;
  top:-120px;
  left:35%;
  z-index:1;
}

#home-banner .hero-banner-content img.image-2 {
  position: absolute;
  bottom:-200px;
  right:-9%;
  z-index:2;
}

#home-banner .hero-banner-content img.image-3 {
  position: absolute;
  left:-20%;
  bottom:-150px;
  z-index:6;
  width:350px;
}

#home-banner  .hero-banner-content h1 span.sub{
  font-size: 40px;
  font-size: 4rem;
  display: inline-block;
  position: absolute;
  bottom:0px;
  right:55px;
  opacity: 0;
  letter-spacing: 0px!important;
}


#home-banner-mobile{
  background-image:url(images/banners/homepage/basketball-jump.png), url(images/banners/homepage/drone-up-high.png);
  background-repeat: no-repeat;
  background-position: left 5% center, right center;
  background-size: 180px auto, 220px auto;
}

/* Enrol Styles */

#enrol-banner .hero-banner-content{
  margin:200px auto 0 auto;
}

#enrol-banner .hero-banner-content h1{
  font-size: 120px;
  font-size: 12rem;
}

#enrol-banner .hero-banner-content img.image-1 {
  position: absolute;
  top:-80px;
  left:-200px;
  z-index:5;
}

#enrol-banner .hero-banner-content img.image-2 {
  position: absolute;
  bottom:-180px;
  left:-130%;
  z-index:2;
}

#enrol-banner .hero-banner-content img.image-3 {
  position: absolute;
  right:-140px;
  bottom:-100px;
  z-index:1;
}


#enrol-banner-mobile{
  background-image:url(images/banners/enrol-page/basketball-pass.png), url(images/banners/enrol-page/guitar-play.png);
  background-repeat: no-repeat;
  background-position: left -10% bottom 30%, right bottom 30%;
  background-size: 180px auto, 250px auto;
}

/* About Styles */

#about-banner .hero-banner-content{
  margin:200px auto 0 auto;
}

#about-banner .hero-banner-content h1{
  font-size: 120px;
  font-size: 12rem;
}

#about-banner .hero-banner-content img.image-1 {
  position: absolute;
  top:-80px;
  left:-100%;
  z-index:5;
}

#about-banner .hero-banner-content img.image-2 {
  position: absolute;
  top:-100%;
  left:55%;
  z-index:1;
}

#about-banner .hero-banner-content img.image-3 {
  position: absolute;
  right:-110%;
  bottom:-160px;
  z-index:1;
}


#about-banner-mobile{
  background-image: url(images/banners/about-page/dancer-jump.png);
  background-repeat: no-repeat;
  background-position: right bottom 35%;
  background-size:200px auto;
}

/* Learning Styles */

#learning-banner .hero-banner-content{
  margin:200px auto 0 auto;
}

#learning-banner .hero-banner-content h1{
  font-size: 120px;
  font-size: 12rem;
}

#learning-banner .hero-banner-content img.image-1 {
  position: absolute;
  top:-80px;
  left:-95%;
  z-index:5;
}

#learning-banner .hero-banner-content img.image-2 {
  position: absolute;
  top:-100%;
  left:15%;
  z-index:1;
}


#learning-banner-mobile{
  background-image: url(images/banners/learning-page/hokey-player.png);
  background-repeat: no-repeat;
  background-position: right bottom -30px;
  background-size:350px auto;
}

#learning-banner-mobile h1{
  padding-left:20px;
  padding-right:20px;
}

/* Boarding Styles */

#boarding-banner .hero-banner-content{
  margin:200px auto 0 auto;
}

#boarding-banner .hero-banner-content h1{
  font-size: 120px;
  font-size: 12rem;
}

#boarding-banner .hero-banner-content img.image-1 {
  position: absolute;
  bottom:-135%;
  left:-35%;
  z-index:1;
}

#boarding-banner-mobile{
  background-image: url(images/banners/boarding-page/boarding-group.png);
  background-repeat: no-repeat;
  background-position: left -70px bottom 0px;
  background-size:250px auto;
}

/* International Styles */

#international-banner .hero-banner-content{
  margin:220px auto 0 auto;
}

#international-banner .hero-banner-content h1{
  font-size: 110px;
  font-size: 11rem;
}

#international-banner .hero-banner-content img.image-1 {
  position: absolute;
  top:-110%;
  left:-30%;
  z-index:1;
}

#international-banner .hero-banner-content img.image-2 {
  position: absolute;
  top:-175%;
  left:82%;
  z-index:5;
}


#international-banner-mobile{
  background-image: url(images/banners/international-page/group-laughing.png);
  background-repeat: no-repeat;
  background-position: right bottom 0px;
  background-size:250px auto;
}

#international-banner-mobile h1{
  font-size: 35px!important;
  padding-left:20px;
  padding-right:20px;
}

/* Support Styles */

#support-banner .hero-banner-content{
  margin:200px auto 0 auto;
}

#support-banner .hero-banner-content h1{
  font-size: 120px;
  font-size: 12rem;
}

#support-banner .hero-banner-content img.image-1 {
  position: absolute;
  bottom:-140%;
  left:-75%;
  z-index:5;
}

#support-banner .hero-banner-content img.image-2 {
  position: absolute;
  top:-100px;
  left:30%;
  z-index:1;
}

#support-banner .hero-banner-content img.image-3 {
  position: absolute;
  right:-140px;
  bottom:-100px;
  z-index:1;
}


#support-banner-mobile{
  background-image:url(images/banners/support-page/guitar-player.png), url(images/banners/support-page/hokey-standing.png);
  background-repeat: no-repeat;
  background-position: left -130px bottom 30%, right bottom 30%;
  background-size: 300px auto, 200px auto;
}

/* Default
==============================*/

.container-fluid{padding:0;}

.banner{
  background-color: #ffbf13;
  padding:145px 0 0 0;
  text-align: center;
  background-image: url('images/shadow-bg.png');
  background-repeat: repeat-x;
  background-position: bottom -45px left;
}

.banner h1{
  color:#fff;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
  margin:0;
  padding:0 0 40px 0;
}

.banner i{
  color:#fff;
  font-size: 90px;
  font-size: 9rem;
  margin-bottom:40px;
}

.section{}

.padding-all{margin:120px 0;}
.padding-top{margin:120px 0 0 0;}
.padding-bottom{margin:0 0 120px 0;}
.padding-none{margin:0;}

.bgcolor-blue{background-color: #11326d;}
.bgcolor-orange{background-color: #ed5a45;}
.bgcolor-yellow{background-color: #ffbf13;}
.bgcolor-teal{background-color: #75ccd6;}


/* Mobile padding */
@media (max-width: 767px) {

  .padding-all{margin:60px 0;}
  .padding-top{margin:60px 0 0 0;}
  .padding-bottom{margin:0 0 60px 0;}
  .padding-none{margin:0;}

}

.bg-blue{background-color: #11326d; color:#fff;}
.bg-orange{background-color: #ed5a45; color:#fff;}
.bg-yellow{background-color: #ffbf13; color:#fff;}
.bg-teal{background-color: #75ccd6; color:#fff;}

.bg-blue h1,
.bg-orange h1,
.bg-teal h1,
.bg-yellow h1,
.bg-blue h2,
.bg-orange h2,
.bg-teal h2,
.bg-yellow h2,
.bg-blue h3,
.bg-orange h3,
.bg-teal h3,
.bg-yellow h3,
.bg-blue h4,
.bg-orange h4,
.bg-teal h4,
.bg-yellow h4,
.bg-blue a,
.bg-orange a,
.bg-teal a{
  color:#fff;
}

.bg-blue a,
.bg-orange a,
.bg-teal a{
  text-decoration: underline
}

.blue-btn{
  display:inline-block;
  color:#11326d;
  background-color: transparent;
  border:2px solid #11326d;
  padding:7px 20px;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  min-width:165px;
  text-decoration: none!important;
  text-align: center;
  margin-bottom:20px;
}

.yellow-btn{
  display:inline-block;
  color:#000!important;
  background-color: #ffbf13;
  border:2px solid #ffbf13;
  padding:7px 20px;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  min-width:165px;
  text-decoration: none!important;
  text-align: center;
  margin-bottom:20px;
}

.white-btn{
  display:inline-block;
  color:#fff;
  background-color: transparent;
  border:2px solid #fff;
  padding:7px 20px;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  min-width:165px;
  text-decoration: none!important;
  text-align: center;
  margin-bottom:20px;
}

.blue-btn:hover,
.blue-btn:active,
.yellow-btn:hover,
.yellow-btn:active{
  color:#fff!important;
  background-color: #11326d;
  text-decoration: none;
  border-color:#11326d;
}

.bg-blue .yellow-btn:hover,
.bg-blue .yellow-btn:active{
  border-color:#fff;
}

.white-btn:hover,
.white-btn:active{
  background-color:#fff;
  color: #11326d;
  text-decoration: none;
  border-color:#fff;
}

.section table{
  margin-bottom:20px;
  border:1px solid #f9f9f9;
}

.section table tr{
  background-color: #f9f9f9;
}

.bg-blue table,
.bg-orange table,
.bg-yellow table,
.bg-teal table{border:none;}

.bg-blue table tr,
.bg-orange table tr,
.bg-yellow table tr,
.bg-teal table tr{background-color: transparent; border-bottom:1px solid #f9f9f9;}

.section table tr:nth-child(even){
  background-color: transparent;
}

.section table td,
.section table th{
  padding:5px 10px;
  vertical-align: top;
}

/* Breadcrumbs
==============================*/

#breadcrumbs{
  padding:10px 0;
  border-bottom:1px solid #11326d;
  background-color: #fff;
}

#breadcrumbs a,
#breadcrumbs span.breadcrumb_last{
  font-size:12px;
  font-size:1.2rem;
  text-transform:uppercase;
  font-weight:400;
  color:#54595e;
}

#breadcrumbs span.breadcrumb_last{
  font-weight:600;
}

.scroll-header #breadcrumbs{
  position: fixed;
  top:67px;
  width:100%;
  z-index:10;
}

/* Intro
==============================*/

#intro-section{
  text-align: center;
}

#intro-section p{
  padding:25px 0 40px 0;
}

#intro-section a{
  margin:0 15px 20px 15px;
}

/* Two Col Text
==============================*/

.text-area-two-col-section .container-fluid h2.two-col-heading{
  text-align: center;
  margin-bottom:40px;
}

.text-area-two-col-section .container-fluid .col-sm-6 {
  padding:0;
}

/* Full width Promo
==============================*/

.full-width-promo-section{
  background-image: url('images/shadow-bg.png');
  background-repeat: repeat-x;
  background-position: bottom -125px left;
}

.full-width-promo-section .image-left img{
  position: absolute;
  bottom:0;
  margin:0 auto;
  right:0;
  max-width:600px;
  width:100%;
}

.full-width-promo-section .image-right{
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.full-width-promo-section-content{
  margin-top:100px;
  margin-bottom:140px;
}

.full-width-promo-section-content h3{
  padding:0 0 55px 0;
}

.full-width-promo-section-content .white-btn,
.full-width-promo-section-content .yellow-btn,
.full-width-promo-section-content .blue-btn{
  margin:20px 30px 0 0;
}

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

  .full-width-promo-section{
    background-image:none;
  }

  .full-width-promo-section-content{
    margin-bottom:0px;
  }

  .full-width-promo-section .image-left{
    text-align: center;
    background-image: url('images/shadow-bg.png');
    background-repeat: repeat-x;
    background-position: bottom -125px left;
  }

  .full-width-promo-section .image-left img{
    position: relative;
    bottom:auto;
    margin:40px 0 0 0;
    left:auto;
    right:auto;
  }

  .full-width-promo-section .image-right{
    min-height: 400px;
  }
}

/* Two Col Promo
==============================*/

.two-col-promo-section{
  overflow: hidden;
}

.two-col-promo-section-column{
  position: relative;
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.content-arrows:after{
  position: absolute;
  z-index: 2;
  left:100%;
  top:125px;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 25px;
}

.content-arrows:before{
  position: absolute;
  z-index: 2;
  right:100%;
  top:20%;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 25px 0;
}

.content-arrows.bg-orange:after{border-color: transparent transparent transparent #ed5a45;}
.content-arrows.bg-orange:before{ border-color: transparent #ed5a45 transparent;}
.content-arrows.bg-teal:after{border-color: transparent transparent transparent #75ccd6;}
.content-arrows.bg-teal:before{ border-color: transparent #75ccd6 transparent;}
.content-arrows.bg-blue:after{border-color: transparent transparent transparent #11326d;}
.content-arrows.bg-blue:before{ border-color: transparent #11326d transparent;}
.content-arrows.bg-yellow:after{border-color: transparent transparent transparent #FFBF13;}
.content-arrows.bg-yellow:before{ border-color: transparent #FFBF13 transparent;}
.content-arrows.bg-white:after{border-color: transparent;}
.content-arrows.bg-white:before{ border-color: transparent;}

.two-col-promo-section-column iframe{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.two-col-promo-section-bigtext{
  padding:120px 0;
  text-align: center;
  position: absolute;
  margin:0 auto;
  left:0;
  right:0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.two-col-promo-section-bigtext-container,
.two-col-promo-section-video{
  min-height: 500px;
}

.two-col-promo-section-bigtext h2{
  color:#11326d;
}

.two-col-promo-section-bigtext a{
  margin:25px 15px;
}

.two-col-promo-section-content{
  padding:120px 20%;
}

.two-col-promo-section-content img{
  max-width:100%;
  height:auto;
  margin:20px 0 20px 0;
}

.two-col-promo-section-content h3{
  padding:0 0 55px 0;
}

.two-col-promo-section-content .white-btn,
.two-col-promo-section-content .yellow-btn,
.two-col-promo-section-content .blue-btn{
  margin:20px 30px 0 0;
}

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

  .two-col-promo-section-content{
    padding:60px 5%;
  }

  .two-col-promo-section-bgimage,
  .two-col-promo-section-bigtext-container,
  .two-col-promo-section-video{
    min-height:400px;
  }

  .col-left.content-arrows:after{
    left:75px;
    top:100%;
    border-width: 25px 25px 0px 25px;
  }

  .col-right.content-arrows:before{
    right:75px;
    top:auto;
    bottom:100%;
    border-width:0px 25px 25px 25px;
  }

  .col-left.content-arrows.bg-orange:after{border-color:#ed5a45 transparent transparent transparent;}
  .content-arrows.bg-teal:after{border-color:#75ccd6 transparent transparent transparent ;}
  .content-arrows.bg-blue:after{border-color: #11326d transparent transparent transparent ;}
  .content-arrows.bg-yellow:after{border-color:#FFBF13 transparent transparent transparent ;}

  .content-arrows.bg-orange:before{ border-color:transparent transparent #ed5a45 transparent;}
  .content-arrows.bg-teal:before{ border-color:transparent transparent #75ccd6 transparent;}
  .content-arrows.bg-blue:before{ border-color:transparent transparent #11326d transparent;}
  .content-arrows.bg-yellow:before{ border-color:transparent transparent #FFBF13 transparent;}

}


/* Three Col Promo & 40/60 Promo
==============================*/

.three-col-promo-section-column,
.fortysixty-promo-section-column{
  padding:0;
  overflow: hidden;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.three-col-promo-section-content{
  padding:100px 20%;
  text-align: center;
  position: relative;
}

.fortysixty-left-content{
  max-width:380px;
  margin:0 auto;
  padding:100px 0;
  text-align: center;
  position: relative;
}

.fortysixty-right-content{
  max-width:380px;
  margin:0 auto;
  padding:100px 0;
  text-align: center;
  position: relative;
  z-index:5;
  color:#fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.three-col-promo-section-column .equal-height{
  position: relative;
}

.three-col-promo-section-column .equal-height:after{
  position: absolute;
  z-index: 2;
  right:100px;
  top:100%;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 25px;
}

.three-col-promo-section-column .equal-height:before,
.fortysixty-promo-section-column .fortysixty-left-content:before{
  position: absolute;
  z-index: 2;
  right:100px;
  bottom:100%;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
}

.three-col-promo-section-column.bg-orange .equal-height:after{border-color:#ed5a45 transparent transparent;}
.three-col-promo-section-column.bg-teal .equal-height:after{border-color:#75ccd6 transparent transparent;}
.three-col-promo-section-column.bg-blue .equal-height:after{border-color:#11326d transparent transparent;}
.three-col-promo-section-column.bg-yellow .equal-height:after{border-color:#FFBF13 transparent transparent;}
.three-col-promo-section-column.bg-orange .equal-height:before,
.fortysixty-promo-section-column.bg-orange .fortysixty-left-content:before{border-color:transparent transparent #ed5a45;}
.three-col-promo-section-column.bg-teal .equal-height:before,
.fortysixty-promo-section-column.bg-teal .fortysixty-left-content:before{border-color:transparent transparent #75ccd6;}
.three-col-promo-section-column.bg-blue .equal-height:before,
.fortysixty-promo-section-column.bg-blue .fortysixty-left-content:before{border-color:transparent transparent #11326d;}
.three-col-promo-section-column.bg-yellow .equal-height:before,
.fortysixty-promo-section-column.bg-yellow .fortysixty-left-content:before{border-color:transparent transparent #FFBF13;}


.three-col-promo-section-column img,
.fortysixty-promo-section-column img{
  width:100%;
  height:auto;
}

.three-col-promo-section-column a.white-btn,
.fortysixty-left-content a.white-btn,
.fortysixty-right-content a.yellow-btn{
  margin-top:20px;
  min-width:50%;
}

.fortysixty-right-content h2{
  color:#fff;
}

.fortysixty-promo-section-column .fortysixty-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(17,50,109,0.75);
}

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

  .three-col-promo-section-column{
    margin-bottom:60px;
  }

}

/* Gallery
==============================*/

.gallery-section .gallery-content{
  background-image: url('images/shadow-bg.png');
  background-repeat: repeat-x;
  background-position: bottom -155px left;
}

.gallery-section .gallery-content-height{
  min-height: 500px;
}

.gallery-section .gallery-images{
  padding:0;
}

.gallery-section .gallery-item{
  padding:0;
  position:relative;
  height:33.333333%;
}

.gallery-item a{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.gallery-images-height{
  position: relative;
  overflow: hidden;
}

.gallery-item img{
  width:100%;
  height:100%;
}

.gallery-item a .gallery-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color:rgba(0,0,0,0.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.gallery-item a:hover .gallery-overlay{
  background-color:rgba(0,0,0,0);
  background-image: url('images/expand.png');
  background-size: 25% auto;

}

.gallery-item img{
  max-width:100%;
}

.gallery-section .gallery-content .gallery-content-inner{
  padding:100px 20%;
}



/* Extre Large Screen */
@media (min-width: 1500px) {

  .gallery-item.col-xl-2{
    width:16.66666667%
  }

}

/* Expander
==============================*/

#expander-section{
  position: relative;
}

#expander-section .expander-header{

}

#expander-section .expander-header p{
  padding:25px 0 40px 0;
}


#expander-section .expander-content{
  display: none;
  position:relative;
  overflow: hidden;
}

#expander-section .expander{
  height:2px;
  background-color: #e1e1e1;
  position: relative;
  margin:0 15px 15px 15px;
}

#expander-section .expander span{
  display: inline-block;
  width:100px;
  text-align: center;
  position: absolute;
  bottom:100%;
  margin:0 auto;
  left:0;
  right:0;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 400;
  color:#e1e1e1;
}

#expander-section .expander img{
  position: absolute;
  top:2px;
  margin:0 auto;
  left:0;
  right:0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform-style: preserve-3d;
}

#expander-section .expander-active{
  margin-top:40px;
}

#expander-section .expander-active span{
  color: transparent;
}

#expander-section .expander-active img{
  top:auto;
  bottom:2px;
    -moz-transform: scale( -1);
    -o-transform: scale(-1);
    -webkit-transform: scale(-1);
    transform: scale(-1);
}


/* Team
==============================*/

.team-section{
  text-align: center;
}

.team-header{
  margin-bottom:60px;
}

.team-header p{
  padding:0 0 0 0;
}

.team-member{
  padding:0;
  position: relative;
  overflow: hidden;
}


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

.team-member .team-member-overlay{
  text-align: left;
  position: absolute;
  top:100%;
  left:0;
  width:100%;
  height: 100%;
  padding:10px 40px 40px;
  background-color:rgba(237, 90, 69,0.9);
  color:#fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team-member:hover .team-member-overlay{
  padding-top:40px;
  top:0;
}

.team-member .team-member-overlay:before{
  position: absolute;
  z-index: 2;
  right:100px;
  bottom:100%;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
}

.team-member .team-member-overlay:before{border-color:transparent transparent rgba(237, 90, 69,0.9);}

.team-member-overlay h5{
  padding:0;
}

.team-member-overlay p.team-position{
  font-weight: 400;
  font-style: italic;
  padding:0;
}

.team-section a.blue-btn{
  margin-top:60px;
}

/* Social Feed
==============================*/

#dcsns-filter{
  margin:0 0 40px 0!important;
  padding:0;
  text-align: center;
}

#dcsns-filter li {
  display: inline-block;
}

#dcsns-filter li a{
  margin:0 2.5px 10px 2.5px;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  color:#11326d;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  background-color: transparent;
  border:1px solid #11326d;
  padding:7px 15px;
  line-height: 1;
}

#dcsns-filter li a.iso-active,
#dcsns-filter li a:hover{
  background-color: #ffbf13!important;
  border-color:#ffbf13;
  text-decoration: none;
}

#dcsns-filter li.f-facebook a:after{content:"facebook";}
#dcsns-filter li.f-twitter a:after{content:"twitter";}
#dcsns-filter li.f-instagram a:after{content:"instagram";}
#dcsns-filter li.f-youtube a:after{content:"youtube";}
#dcsns-filter li.f-rss a:after{content:"blog articles";}

#dcsns-filter li a span{
  display: block;
}

.dcwss .stream{
  width:100%!important;
  margin:0;
  padding:0;
}

.dcwss.dc-wall .stream li.dcsns-li{
  list-style-type: none;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}

.dcwss.dc-wall .stream li.dcsns-facebook{border-top:5px solid #3B5998;}
.dcwss.dc-wall .stream li.dcsns-instagram{border-top:5px solid #517fa4;}
.dcwss.dc-wall .stream li.dcsns-rss{border-top:5px solid #11326D;}
.dcwss.dc-wall .stream li.dcsns-twitter{border-top:5px solid #00aced;}
.dcwss.dc-wall .stream li.dcsns-youtube{border-top:5px solid #bb0000;}

.dcwss.dc-wall .stream li.dcsns-facebook a{color:#3B5998; font-weight: 400;}
.dcwss.dc-wall .stream li.dcsns-instagram a{color:#517fa4; font-weight: 400;}
.dcwss.dc-wall .stream li.dcsns-rss a{color:#11326D; font-weight: 400;}
.dcwss.dc-wall .stream li.dcsns-twitter a{color:#00aced; font-weight: 400;}
.dcwss.dc-wall .stream li.dcsns-youtube a,
.dcwss.dc-wall .stream li.dcsns-youtube .section-title{color:#bb0000; font-weight: 400;}


.dcwss.dc-wall .stream li .section-thumb{
  display: block;
}

.dcwss.dc-wall .stream li .section-thumb img{
  width:100%;
}

.dcwss.dc-wall .stream li .section-title,
.dcwss.dc-wall .stream li .twitter-user{
  padding:25px 20px 0 20px;
  display: block;
}

.dcwss.dc-wall .stream li .section-text,
.dcwss.dc-wall .stream li .twitter-text{
  padding:20px;
  display: block;
  position: relative;
}

.dcwss.dc-wall .stream li.dcsns-twitter .section-text img{
  width: 100%;
}

.dcwss.dc-wall .stream li.dcsns-twitter .section-text{
  padding:0;
}


.dcwss.dc-wall .stream li a.link-user,
.dcwss.dc-wall .stream li.dcsns-facebook .section-title{
  display: none;
}

.dcwss.dc-wall .stream li .section-intro{
  background-color: #ebebeb!important;
  display: block;
  padding:5px 15px;
  background-repeat: no-repeat;
  background-position: left 16px center;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}

.dcwss.dc-wall .stream li.dcsns-rss .section-intro{background-image: url('images/social-icon.png');}
.dcwss.dc-wall .stream li.dcsns-facebook .section-intro{background-image: url('images/facebook-icon.png');}
.dcwss.dc-wall .stream li.dcsns-instagram .section-intro{background-image: url('images/instagram-icon.png');}
.dcwss.dc-wall .stream li.dcsns-twitter .section-intro{background-image: url('images/twitter-icon.png');}
.dcwss.dc-wall .stream li.dcsns-youtube .section-intro{background-image: url('images/youtube-icon.png');}


.dcwss.dc-wall .stream li .section-intro a.link-intro{
  display:block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  padding-left:50px;
}

.dcwss.dc-wall .stream li .section-intro span{
  display:block;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left:50px;
}

@media (max-width: 767px) {
  .dcwss.dc-wall.col-4 .stream li {
    width: 95% !important;
    margin: 0 2.5% 30px 2.5% !important; }
}

@media (min-width: 768px) and (max-width: 959px) {
  .dcwss.dc-wall.col-4 .stream li {
    width: 46% !important;
    margin:0 2% 30px 2%!important;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .dcwss.dc-wall.col-4 .stream li {
    width: 31% !important;
    margin:0 1% 30px 1%!important;
  }
}

@media only screen and (min-width: 1200px) {
  .dcwss.dc-wall.col-4 .stream li {
    width: 23% !important;
    margin:0 1% 30px 1%!important;
  }
}

@media only screen and (min-width: 1500px) {
  .dcwss.dc-wall.col-4 .stream li {
    width: 18% !important;
    margin:0 1% 30px 1%!important;
  }
}

/* Three Box / Blog Archive
==============================*/

.three-box-section{}


.three-box-section .three-box{
  display: block;
  margin-bottom:30px;
  text-decoration: none!important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.three-box.no-link{
  pointer-events: none;
}

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

.three-box .three-box-content{
  position: relative;
  text-align: center;
  padding:40px 25px 15px 25px;
  text-decoration: none!important;
}

.three-box .three-box-content p{
  color: #54595e;
}

/* .three-box:hover{
  background-color: #ffbf13;
}

.three-box:hover .three-box-content p,
.three-box:hover .three-box-content h4{
  color:#fff;
} */

.three-box .three-box-content.top-arrow:before{
  position: absolute;
  z-index: 2;
  right:60px;
  bottom:100%;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
  border-color:transparent transparent #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* .three-box:hover .three-box-content.top-arrow:before{
  border-color:transparent transparent  #ffbf13;
}
 */

.three-box-wrapper{
  text-align: center;
}

.three-box-promo{
  position: relative;
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.three-box-promo-content{
  padding:40px 25px;
  z-index:1;
  position: absolute;
  text-align: center;
  max-width: 370px;
  margin:0 auto;
  left:0;
  right:0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.three-box-promo-content p,
.three-box-promo-content h2{
  color:#fff;
}

.three-box-promo-content a.yellow-btn{
  margin-top:20px;
}

.three-box-promo .three-box-promo-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(17,50,109,0.75);
}

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

  .three-box-promo-content{
    position: relative;
    text-align: center;
    max-width: 370px;
    margin:0 auto;
    left:auto;
    right:auto;
    top: auto;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }


}


/* Events
==============================*/

#events-archive-section h2{
  display: block;
  text-align: center;
  margin-bottom:40px;
}

.event-box{
  text-decoration: none!important;
  display: block;
  max-width: 360px;
  margin:0 auto 60px auto;
  padding:15px;
  border-top:5px solid #54595e;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}

.event-box:hover{
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
}

.event-box.event-cat-11{background-color:#11326D; color:#fff;}
.event-box.event-cat-10{background-color:#ffbf13; color:#fff;}
.event-box.event-cat-9{background-color:#75ccd6; color:#fff;}

.event-box .day{
  display: block;
  font-size: 120px;
  font-size: 12rem;
  font-weight: 100;
  color:#11326D;
  line-height: 1;
}

.event-box.event-cat-11 .day,
.event-box.event-cat-10 .day,
.event-box.event-cat-9 .day{ color:#fff;}



.event-box .month{
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  color:#ffbf13;
  margin-bottom:15px;
}

.event-box.event-cat-10 .month,
.event-box.event-cat-9 .month{color:#11326D;}

.event-box h4{
  font-weight:400;
  margin:0 0 10px 0;
  padding:0;
}

.event-box.event-cat-9 h4,
.event-box.event-cat-10 h4,
.event-box.event-cat-11 h4{color:#fff;}

.event-box .event-category span{
  display: block;
  font-weight: 400;
  color:#ffbf13;
  margin-top:15px;
}

.event-box.event-cat-10 .event-category span,
.event-box.event-cat-9 .event-category span{color:#11326D;}

/* Single Blog
==============================*/

.single-post,
.single-events{
  overflow-x: hidden;
}

#blog-post .content{
  padding:60px 60px 60px 0;
}

#blog-meta{
  background-color: #ebebeb;
  position: relative;
}

#blog-meta:after{
  position: absolute;
  width:2000px;
  height:100%;
  content: "";
  background-color: #ebebeb;
  top:0;
  left:100%;
}

#blog-meta .blog-sidebar{
  padding:60px 0;
  position:relative;
  z-index:1;
}

.post-meta{
  max-width:200px;
  margin:0 60px 40px 60px;
  padding:0 0 20px 0;
  border-bottom:1px solid #fff;
}

.post-meta:last-child{
  border:none;
}

.post-meta p{
  padding:0;
}

.post-meta p span{
  font-weight:400;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
}

.post-meta i{
  color:#11326D;
}

.content .gallery .gallery-item{
  margin:0 1% 1% 0!important;
  width:32%!important;
}

.content .gallery .gallery-item a{
  position: relative;
}

/* Mobile */
@media (max-width: 767px) {
  
  #blog-post .content{
    padding:60px 0 60px 0;
  }
  
  .content .gallery .gallery-item{
    margin:0 5% 5% 0!important;
    width:45%!important;
  }

  #blog-meta:after{
    left:-50%;
  }
  
}


/* Search Results
==============================*/

#intro-section a.trigger-search{
  margin:0;
  text-decoration: underline;
  cursor: pointer;
}

.search-result{
  text-decoration: none!important;
  border-top:5px solid #FFBF13;
  display: block;
  margin-bottom:30px;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}

.search-result:hover{
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
}

.search-result .postmetadata{
  margin:20px 20px;
}

.search-result h3{
  margin:0;
  padding:0;
}

.search-result p{
  padding:0;
  margin:0;
}

.search-result p span{
  font-weight: 400;
}

.search-result .search-footer{
  min-height: 50px;
  background-color: #ebebeb;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  padding:5px 15px;
  background-image: url('images/search-icon.png');
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 65px;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}

.search-result .search-footer span{
  display: block;
  font-weight: 400;
}

.no-results{
  text-align: center;
}

/* Form Styles
==============================*/

.gform_description,
.gform_title{
  display: none!important;
}

.gform_wrapper li.gfield{
  margin-top:20px!important;
}

.gform_wrapper li .ginput_container{
  margin:0!important;
  padding:0;
}

.gform_wrapper li input,
.gform_wrapper li textarea,
.gform_wrapper li select{
  border:1px solid #ebebeb;
  margin:5px 0 0 0;
  padding:5px 5px!important;
  background-color: #fefefe!important;
  padding:5px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.gform_wrapper li label.gfield_label{
  margin:0;
  padding:0;
  font-weight:400;
}

.gform_wrapper li .ginput_container_radio ul li{
  display: inline-block;
  margin-right:15px;
}

.gform_wrapper li .ginput_container_radio ul li label{
  margin:0 0 0 5px;
  padding:0;
  line-height: 1;
}

.gform_wrapper .gform_footer input.button{
  display:inline-block;
  color:#11326d;
  background-color: transparent;
  border:2px solid #11326d;
  padding:7px 20px;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  min-width:165px;
  text-decoration: none!important;
  text-align: center;
  margin-bottom:20px;
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input.button:active{
  color:#fff;
  background-color: #11326d;
  text-decoration: none;
}


/* 404
==============================*/

#four0four{
  text-align: center;
}

/* Lightbox
==============================*/

.swipebox-html body{
  overflow: hidden;
}

body #swipebox-overlay{
  background-color: rgba(17,50,109,0.95);
}

body #swipebox-top-bar,
body #swipebox-bottom-bar{
  background-color:transparent;
}


body #swipebox-slider .slide img{
  padding:50px 0;
}

/* Footer
==============================*/

footer{
  position: relative;
  z-index:3;
}


footer #footer-promos .footer-promo{
  text-align: center;
  padding:0;
}

#footer-promos .footer-promo .footer-promo-inner{
  padding:30px 30px;
}

.footer-promo-inner h2{
  margin:0;
  padding:0 0 10px 0;
  font-size: 30px;
  font-size: 3rem;
}

.footer-promo-inner p{
  max-width:300px;
  margin:0 auto;
  padding:0 0 30px 0;
}

footer .map-wrap{
  position: relative;
}

footer .map-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
}

footer iframe{
  width:100%;
  height:480px;
  margin-bottom:-6px;
}

footer .footer-content{
  padding:35px 0 0 0;
  background-color:#11326d;
  border-top:5px solid #ffbf13;
}

#footer-header{
  text-align: center;
  padding:15px 0;
}

#footer-menus ul{
  padding:0;
  margin:0 0 25px 0;
}

#footer-menus ul li{
  list-style-type:none;
  padding:0;
  margin:0;
}

#footer-menus ul li.menu-title{
  padding:35px 0 10px 0;
}

#footer-menus ul li a{
  font-size: 12px;
  font-size: 1.2rem;
  color:#b8babc;
  text-transform: uppercase;
}

#footer-menus ul li a:hover{
  color:#ffbf13;
  text-decoration: none;
}

#footer-menus ul li.menu-title a,
#footer-menus ul li.menu-title a:hover{
  font-size: 14px;
  font-size: 1.4rem;
  color:#fff;
}


/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width: 767px) {



}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width: 768px) and (max-width: 991px) {

    .hero-banner-content {
      margin: 160px auto 20px auto;
  }

  #home-banner .hero-banner-content h1{
    font-size: 200px;
    font-size: 20rem
  }

  #home-banner .hero-banner-content img.image-1 {
   width:190px;
  }

  #home-banner .hero-banner-content img.image-2 {
   width:265px;
  }

  #home-banner .hero-banner-content img.image-3 {
   width:270px;
    left: -27%;
  }

  #home-banner  .hero-banner-content h1 span.sub{
    font-size: 30px;
    font-size: 3rem;
    right:55px;
  }

  /* Enrol Banner */
  #enrol-banner .hero-banner-content img.image-2 {
    display: none
  }

  /* About Banner */
  #about-banner .hero-banner-content img.image-1 {
    left:-80%;
  }

  #about-banner .hero-banner-content img.image-3 {
    display: none;
  }

  /* Learning */
  #learning-banner .hero-banner-content img.image-1 {
    display: none
  }

   /* Boarding */
  #boarding-banner .hero-banner-content img.image-1 {
    position: absolute;
    bottom:-135%;
    left:-5%;
    z-index:1;
  }

  /* International */
  #international-banner .hero-banner-content h1{
    font-size: 90px;
    font-size: 9rem;
  }

  #international-banner .hero-banner-content img.image-1 {
    width:400px;
    left:40%;
  }

  #international-banner .hero-banner-content img.image-2 {
    display: none;
  }

  /* Support */
  #support-banner .hero-banner-content img.image-1 {
    left:-65%;
    z-index:1;
    width:500px;
  }

  #support-banner .hero-banner-content img.image-3 {
    top:-70%;
  }

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width: 992px) and (max-width: 1199px) {


  /* Home Banner */
  #home-banner .hero-banner-content h1{
    font-size: 275px;
    font-size: 27.5rem
  }

  #home-banner .hero-banner-content img.image-1 {
   width:200px;
  }

  #home-banner .hero-banner-content img.image-2 {
   width:275px;
  }

  #home-banner .hero-banner-content img.image-3 {
   width:280px;
  }

   /* Enrol Banner */
  #enrol-banner .hero-banner-content img.image-2 {
    display: none
  }

  /* About Banner */
  #about-banner .hero-banner-content img.image-1 {
    left:-80%;
  }

  #about-banner .hero-banner-content img.image-3 {
    display: none;
  }

  /* Learning */
  #learning-banner .hero-banner-content img.image-1 {
    position: absolute;
    top:-80px;
    left:-80%;
    z-index:1;
  }

  #learning-banner .hero-banner-content img.image-2 {
    position: absolute;
    top:-100%;
    left:15%;
    z-index:1;
  }

   /* International */
  #international-banner .hero-banner-content h1{
    font-size: 90px;
    font-size: 9rem;
  }

  #international-banner .hero-banner-content img.image-1 {
    width:400px;
  }

  #international-banner .hero-banner-content img.image-2 {
  width:220px;
  }


}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width: 1500px) {



}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {



}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}