sup {
    vertical-align:super;
}
sub {
    vertical-align: sub;
}

.bg-img-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, 0.25);
}

.uppercase {
    text-transform: uppercase;
}

.overlay-position {
    position: relative;
}

.pad-bottom20 {
    padding-bottom: 20px;
}

.botton-fade figure:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 59%, rgba(0,0,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 59%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,0) 59%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 59%, rgba(0,0,0,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,0) 59%, rgba(0,0,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.bg-colour-green:before {
    background: rgba(140,214,0, 0.6);
}

.bg-colour-purple:before {
    background: rgba(0,97,135, 0.6);
}

.bg-colour-blue:before {
    background: rgba(0,101,149, 0.5);
}

.gallery-image-icon {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/camera-image.png) no-repeat;
}

.gallery-video-icon {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/video-image.png) no-repeat;
}

.sitemap ul, .sitemap li {
    margin: 0;
    /*padding: 0;*/
}

/*.sitemap li ul {
  margin-top: 1.5rem;
}

.sitemap ul {
  list-style: none;
}
.sitemap ul li {
  line-height: 1.5rem;
  vertical-align: top;
  position: relative;
}
.sitemap ul li a {
  text-decoration: none;
  color: #f80;
  display: inline-block;
}
.sitemap ul ul {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.sitemap ul ul li {
  position: relative;
}
.sitemap ul ul li::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 100%;
  border-left: 1px #ccc solid;
  position: absolute;
  top: -0.75rem;
}


.sitemap ul ul li a {
  margin-left: 3.75rem;
}*/

.developed-by{display: inline-block; padding-left: 18px; color: #82b234; font-size: 12px; line-height: 22px; /*background: url(../../images/develop-by.png) no-repeat 0 0;*/  float: none;}
.developed-by a{color: #ffa24b; transition: all 0.3s ease; }
.developed-by a:hover{color: #fff;}
.developed-by img{padding: 10px 5px 0 0;}

.bg-img-overlay h1, .bg-img-overlay h2, .bg-img-overlay h3, .bg-img-overlay h4, .bg-img-overlay h5, .bg-img-overlay h6 {
    position: relative;
}


.full-banner { background-size: cover; background-repeat: no-repeat; background-position: center center; /*height: calc(100vh - 106px); min-height: 500px;*/ text-align: center; position: relative; }
.full-banner .logo {margin: 35px 0; float: none; vertical-align: top; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 0; z-index: 3; }
.full-banner .caption {padding: 146px 0 0;}
.full-banner .caption h1 { font-weight:400; line-height: 1.2;  font-family: 'Trajan Pro'; font-size: 58px; color: #fff; margin: 0 0 7px; }
.full-banner .caption h3 { font-weight:700; line-height: 1.2;  font-family: 'Trajan Pro'; font-size: 25px; color: #fff; margin: 0 0 26px; }
.full-banner .content-block.play .container{z-index: -1;}
.full-banner .content-block.play video{z-index: 2;}
.full-banner .content-block.play .pause-video{z-index: 999;}
.full-banner .content-block video{width: 100%; height: 100%; display: block; position: absolute; z-index: 1; background: #000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.full-banner .content-block .pause-video{position: absolute; top: 50px; right: 50px; display: inline-block; height: 50px; width: 50px; vertical-align: top; color: #fff; font-size: 24px; text-decoration: none; border: 3px solid #fff; border-radius: 100%; line-height: 50px; background-image: none; text-align: center;}
.full-banner .content-block .pause-video:after{content: "\62"; font-family: "grootbos" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff;}
.full-banner .caption .play-video {width: 100px; margin: 0 auto; display: inline-block; vertical-align: top; text-decoration: none; }
.full-banner .caption .play-video span { display: block; border: 3px solid #fff; border-radius: 100%; text-align: center; height: 84px; width: 84px; font-size: 50px; color: #fff; margin: 0 auto 14px;}
.full-banner .caption .play-video span:before {line-height: 78px; margin-left: 6px; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;} 
.full-banner .caption .play-video i {display: block; font-style: normal; font-family: 'Gotham Book'; font-size: 12px; line-height: 1; color: #fff;}
.full-banner .caption .play-video:hover {transform: scale(1.1, 1.1);}
.full-banner .content-block {width: 100%; position: relative; height: 100%;}
.full-banner .content-block .video-bg{background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: 2;}
.full-banner .container {position: relative; height: 100%; z-index: 2;}
.full-banner .national-geo {position: absolute; bottom: 85px; left: 0; right: 0; margin: auto;;}
.videobg iframe {display: block; height: 100vh !important; width: 100%; vertical-align: top; margin: 0 !important;}
.videobg a.close-video {display: inline-block; height: 50px; width: 50px; vertical-align: top; color: #fff; position: absolute; top: 10px; right: 50px; font-size: 24px; text-decoration: none; border: 3px solid #fff; border-radius: 100%; line-height: 50px; }
.videobg .close-video:hover {transform: scale(1.1, 1.1);} 
.full-banner .down-arrow {position: absolute; right: 50px; bottom: 50px; z-index: 3; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; display: inline-block; vertical-align: middle; height: 32px; width: 32px; text-align: center; line-height: 32px; color: #fff; font-size: 18px; background-color: #2a3a23; border-radius: 100%; text-decoration: none;}
.full-banner .down-arrow .icon {display: block; line-height: 0; line-height: inherit;}
.full-banner .down-arrow .icon:before {line-height: inherit;}
.full-banner .down-arrow:hover { bottom: 40px; text-decoration: none; color: #fff; }
.fancybox-lock .fancybox-overlay{overflow-y: hidden;}
a.fancybox-close.icon {display: inline-block; height: 50px; width: 50px; vertical-align: top; color: #fff; font-size: 24px; text-decoration: none; border: 3px solid #fff; border-radius: 100%; line-height: 50px; background-image: none; text-align: center; position: fixed; right: 40px; top: 30px; }
a.fancybox-close.icon:hover {transform: scale(1.1, 1.1);}