/* Navbar rules */
  #logo {width:100%; height:100%;}
  .navbar-default { border-color: transparent; background-color:white;}
  .navbar-default .navbar-collapse { border-color: rgba(255,255,255,.7);}
  .navbar-default .navbar-toggle { margin-right: 30px; border-color: #f05f40; background-color: #f05f40;}
  .navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #f05f40;}
  .navbar-default .nav li a { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #f05f40; font-size: 17px; }
  .navbar-default .nav li a:hover, .navbar-default .nav li a:focus { outline: 0; color: #3d7fb9;}
  .navbar-default .navbar-nav>.active>a { border-radius: 0; color: #fff; background-color: #fed136;}
  .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #fff; background-color: #fec503;}
  .nav li a { padding: 10px 10px;}
  #iconic:hover,#iconic:focus,#iconic:active {color: #3d7fb9;}
  .dropbtn {color: white;padding: 10px 15px;font-size: 14px;border: none;cursor: pointer;}
  .dropdown {position: relative;display: inline-block;}
  .dropbtn:hover, .navbar-default .nav li a:hover{ color: #f05f40!important}
  .dropdown:hover {text-decoration: underline!important;text-decoration-color: white!important}
  .dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4 {min-width:200px;}
  .dropdown-content a, .dropdown-content2 a, .dropdown-content3 a, .dropdown-content4 a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
  .dropdown-content a:hover, .dropdown-content2 a:hover, .dropdown-content3 a:hover, .dropdown-content4 a:hover {background-color: #f1f1f1}
  .dropdown:hover .dropdown-content,  .dropdown:hover .dropdown-content2,  .dropdown:hover .dropdown-content3,  .dropdown:hover .dropdown-content4 {visibility: visible;display: block;}
  .dropdown-content.colouriser, .dropdown-content2.colouriser, .dropdown-content3.colouriser, .dropdown-content4.colouriser { background-color: #80B2DD;}
  @media(min-width:939px) {
    .navbar-nav li a {padding-bottom: 23px;padding-top:20px;}
  }
  @media(min-width:938px) {
   .dropdown {padding-top: 19px;}
   .dropbtn {padding-top: 24px}
   .navbar-default:hover {}
   /*.navbar-default:hover .nav li a {color: white;}*/
   .speacer {padding-top:24px;}
   .dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4 { visibility: hidden;font-family: 'lato'; letter-spacing: 0.35;z-index: 10000;background-color:rgba(0,105,179,1);position: absolute;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}#contactbox{margin-left:-49px}
   .navbar-default .navbar-nav>.active>a { border-radius: 3px;}
   .navbar-default.navbar-shrink { background-color: white; }
   .navbar-default.navbar-shrink .nav li a {color:#f05f40;}
  }
  @media(max-width:938px) {
   .dropdown {padding: 10px 0;width: 300px;}
   .dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4 {display: none;font-family: 'lato'; letter-spacing: 0.35; z-index: 10000;rgba(0,105,179,1); position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left: 110px; height: 100vh;}
   .big-column {display: none;}
   #demilist td {font-size: 15px;}
   #servicebox {margin-top:-157px;}
   #toolbox {margin-top:-237px;}
   #contactbox {margin-top:-317px;}
   .navbar-fixed-top .navbar-collapse {overflow: hidden;}
   .navbar-default .navbar-toggle { margin-top:14px;}
   .navbar-header.page-scroll {border-bottom: 1px solid #f05f40;}
   nav.navbar.navbar-default.navbar-fixed-top {border-bottom: 1px solid #f05f40!important;}
   .navbar-default .nav li a {color: #f05f40;}
  }
  @media(max-width:500px) {
   .dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4 {margin-left: 135px;}
  }
/* Navbar Collapse rules */
@media (max-width: 938px) {
    .navbar-toggle { display: block; }
    .navbar-collapse.collapse { display: none!important; }
    .collapse.in{ display:block !important; }
    .navbar-header.page-scroll {margin-left: 0;margin-right:0;float:none;}
    .accommodate {padding:0;}
    .navbar-collapse {padding-left: 30px;}
}
/*Navbar Animation rules */
 .fronting { opacity: 1!important; z-index: 1000;}
 @media(min-width:938px) { .navbar-default { padding: 0px 0; border: 0; background-color: transparent; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; } }
/* Page Layout rules */
 body {}
.imaginos { max-width:100%;}
.wow {animation-duration: 2.5s;}
.stun {max-width:100%;}
.imgcircle {border-radius: 300px;overflow: hidden;width:75%; margin:auto}

@media(min-width:768px) {

}
@media(max-width:788px) {
  .stun, .imgcircle {width:250px}
  footer {float:left;}
}
.copyright a {
  color: #fff;
}
.copyright a:hover {
  color: #000;
}
.quicklinks a {
  color: #fff;
}
.quicklinks a:hover {
  color: #000;
}
/* Text Rules */
.appearing { font-family: 'Open Sans', sans-serif; font-size:40px; margin-top:0; margin-bottom: 20px;}
.discovery {font-family: 'Open Sans', sans-serif; font-size: 26px; margin: 10px 0 20px;}
.helo {font-family: 'Open Sans', sans-serif; font-size: 20px;color:rgba(255,255,255,0.9)}
.timeline-title { font-family: 'Open Sans', sans-serif; font-size: 24px;}
.text-primary {color:#f05f40;}
p {font-family: 'Open Sans', sans-serif; font-size: 16px;}
.shine, .shiner, .shone, .shoner {font-size:18px;}
.shine{color: rgba(240,95,64,1) }
.shiner {color:black;}
.shine:hover {color: rgba(234,69,34)}
.announcetext { font-size:16px;}
.renouncetext { font-size:18px; color:#302e2e!important;padding-top:10px;}
.archive p, .archive h4 {color: white;}
.archive .announcetext {color:#f05f40}
.largeshout {font-size: 18px; font-weight: 700;}
a {color: rgba(121, 36, 18, 0.7);}
a:hover, a:focus {color: rgba(60, 26, 19, 0.7);}
@media(max-width:768px) {
  .appearing {font-size: 30px;}
  .discovery {font-size:18px;}
  .timeline-title {font-size: 20px;}
  p {font-size:14px;}
  .helo {font-size: 16px;}
  .largeshout {font-size: 16px;}
}
@media(min-width: 938px) and (max-width: 1028px) {
  .navbar-default .nav li a {font-size: 15px!important;}
}
/* Header Rules */
 .fill {width:100%; background-attachment:scroll; background-position: center center; background-size:cover;background-color:#707070;background-blend-mode:multiply}
 .intro-text {text-align: center;padding: 250px 0; color:white;}
 hr {max-width: 50px; border-color: #f05f40; border-width: 3px;}

/* Section rules */
  .section1 { background-color: rgba(240, 95, 64, .9); color: white!important;  }
  .archive {background-color: rgba(240, 95, 64, .9);}
  .section2 { background-color: rgba(255,255,255,1); color: #f05f40;}
  .section2 .section-title { color: #f05f40; }
  .section1, .section2, .contact, .archive {text-align: center;}
  .section1 hr {border-color:white;}

  .section1 .butter { background-color: white; color: #f05f40!important; margin-bottom: 30px; }
  .section2 .butter { box-shadow: 0px 0px 3px #000;padding: 10px; border: 3px solid #f05f40; color: #f05f40; background-color: #fff; margin-bottom: 30px;}
  .section2 .butter:hover { padding: 10px; border: 3px solid #fff; color: #fff; background-color: #f05f40; margin-bottom: 30px;}
  
  .butter { text-align: center;border-radius: 5px; border: none; margin-top:15px; color: white; font-size:16px; }
  .frontButton { border: 2px solid #f05f40; background-color: #fff;color: #f05f40!important;margin-bottom: 30px; padding: 5px; }
  .frontButton:hover { border: 2px solid #fff;background-color: #f05f40; color: #fff!important;-moz-box-shadow:    inset 0 0 7px #000000;
   -webkit-box-shadow: inset 0 0 7px #000000;
   box-shadow:         inset 0 0 7px #000000;}
  .section1 .imgcircle {border:2px dotted white;}
  .section2 .imgcircle {border:2px dotted #f05f40;}
  .section1 .text-primary {color:white;}

  @media(min-width:768px) {
    .section1, .section2, .contact, .archive { padding: 50px 0 50px 0;min-height:350px;}
    .containment {display: flex;align-items: center;}
  }
  @media (max-width:768px) {
    .archive {float:left;margin-top:30px;}
    .section1, .section2, .contact, .archive { padding: 25px 0 25px 0;}


}
/* Calendar rules */
@media (max-width:768px) {
  .fc-scroller.fc-day-grid-container {height:281px!important;}
  .eventscalendar {min-height:400px;}
  .fc-left h2 {font-size:26px;}
}


/* Archive rules */
  .archive ul {text-align: left;}
  .archive .row {margin: 0;}
  .spacing p {text-decoration: underline;}
  .panel-default .panel-heading {border:1px solid #ddd;}
  .panel-group .panel + .panel {margin-top: 0;}
  .panel-body {padding:0; background-color:rgba(101,97,96,0.3);}
  .panel-group {margin-bottom: 10px;}
/* Resource rules */
.flier {width:100px;border:1px solid white;height:150px;}
.section2 .submess {color:#f05f40;}
.section1 .submess {color: white;}
.section1 .flier {border:1px solid white;}
.section2 .flier {border:1px solid #f05f40;}
.submess {margin-top: 10px;margin-bottom: 0px;font-size:16px;}
.resourcerow {margin-top:15px;}
@media(min-width:768px) {.firstrow {margin-top:30px;}}
@media(max-width:768px) { .doubled {  display: flex; width:100%;margin-top:15px;}}
/* Footer rules */
  footer { padding: 10px 0; text-align: center; }
  footer a {color: rgba(240,95,64,1) }
  footer a:hover {color: rgba(234,69,34)}
  footer span.copyright { text-transform: uppercase; text-transform: none; font-family: 'Montserrat', sans-serif; line-height: 40px; }
  footer ul.quicklinks { margin-bottom: 0; text-transform: uppercase; text-transform: none; font-family: 'Montserrat', sans-serif; line-height: 40px; }
  ul.social-buttons { margin-bottom: 0; }
  ul.social-buttons li a { display: block; width: 40px; height: 40px; border-radius: 100%; font-size: 20px; line-height: 40px; outline: 0; color: #fff; background-color: rgba(240,95,64,1) ; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active { background-color: rgba(234,69,34) ; }
  @media(min-width:992px) and (max-width:1199px) {
    .quicklinks {line-height: 24px!important;}
  }
  /*New menu bar*/
  .image { display: inline-block; position: relative; top: 50%;transform: translateY(-50%); padding-left: 20px;}
  .data1 { width: 260px;}
  .data1 {display: inline-block;position: relative;top: 50%;transform: translateY(-50%);padding-left: 20px;z-index: 999;padding-left: 0px;padding-right: 0px;width: 300px;}
  @media (max-width: 1199px){.data1 {width: 260px;}}
  .selectors { cursor: pointer;}
  .selectors:hover {background-color: #2c69b3;}
  /* Nave bar static*/
  #nav.affix { position: fixed; top: 0; width: 100%;z-index: 9999;}
  .padding { margin-top: 64px;}
  .navbar {margin-bottom: 0px; }
  .dropbtn:hover, .navbar-default .nav li a:hover {
    color: #000!important;
  }
  .selected {
    background-color: #f05f40;
    color: #fff;
  }
  .selected a {
    background-color: #f05f40!important;
    color: #fff!important;
  }
.navbar {
     border-radius: 0px;
}
.navbar {
  background-color: #fff;
}
/*Archive*/
.lenser {padding:10px 0}
.lensvideo {
  max-width: 100%;
}
.nav-pills > li > a {
    border-radius: 0px;
}
@media (min-width: 360px) {
  .tabWidth {
    width: 55px
  }
}
@media (min-width: 768px) {
  .tabWidth {
    width: 120px
  }
}
@media (min-width: 1210px) {
  .tabWidth {
    width: 70px
  }
}
.active > a {
  background-color: rgb(222, 66, 33)!important;
  color: #fff!important;
  border-radius: 0px!important;
  border: 1px solid rgb(222, 66, 33)!important;
}
.tabInfo {
  padding: 25px 10px 10px;
  min-height: 260px;
  max-height: 260px;
  overflow: hidden;
  overflow-y: auto;
}
#myTabs {
  background: white;
}
/*No padding*/
.pad-no {
  padding-left: 0px;
  padding-right: 0px;
}
.intro-text-NoneSlider {
    padding: 140px 0;
    color: white;
    height: 100%;
    text-align: center;
}
/*New Scroll Bar*/
::-webkit-scrollbar {
    width: 10px!important;
}
/* Track */
::-webkit-scrollbar-track {
    background: #e7e7e7;
}
.tab-content ::-webkit-scrollbar-track {
    background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(240, 95, 64, 0.7);
}
.tab-content ::-webkit-scrollbar-thumb {
    background: #f05f40;
}
.iframeID ::-webkit-scrollbar-track {
    background: #e7e7e7;
}
.iframeID ::-webkit-scrollbar-thumb {
    background: #f05f40;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(240, 95, 64, 0.8)!important;
}
.resources, .collection {
  max-height: 224px;
  min-height: 224px;
}
.resources:hover, .collection:hover {
  background-color: #f05f40;
  border-radius:15px;
}
.collection:hover .submess {
  color: #fff;
}
a:hover, a:focus {
    text-decoration: none;
}
.fc-title {
  background-color: rgba(240, 95, 64, .9);
}
.fc-event, .fc-event-dot {
  background-color: rgba(240, 95, 64, .9)!important;
}
.fc-event {
    border: 1px solid #f05f40!important;
}
.fc-state-default {
    background-color: rgba(240, 95, 64, .9)!important;
    /*background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);*/
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); */
    /* background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); */
    background-image: none!important;
    /* background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); */
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-default:focus {
  outline:0;
}
@media (max-width: 450px) {
  .clearfix {
    margin-left: 25%;
  }
}
/* Adjust nav collapse */
@media (min-width: 939px) {
  .navbar-nav { float: left!important; margin: 0!important; }
  .navbar-nav > li { float: left!important; }
  .navbar-left { float: left !important; }
  .navbar-right { float: right !important; margin-right: -15px!important; }
  .navbar-right ~ .navbar-right { margin-right: 0!important; }
}
.nomarg {
  margin-bottom: 0px
}
.videoSelect:hover {
  background-color: #e7e7e7;
}
.button_gal {
  max-height:210px; 
  overflow: hidden; 
  overflow-y: auto;
  margin-bottom: 15px; 
  padding-left:0; 
  padding-right: 0;
}
.text-left {
  text-align: left;
}
.subscribe {
  position: absolute;
  position: fixed;
    top: 255px;
    right: -79px;
    z-index: 1000;
    height: 85px;
    background-color: #fff;
    border: 3px solid rgba(240, 95, 64, 1);
    padding: 16px 10px 0px 10px;
    animation: 4s ease-out 0s 1 slideInFromLeft;
    transform: rotate(-90deg);
}
.subscribe:hover{
  background-color: rgba(240, 95, 64, 1);
  border: 3px solid #fff;
  cursor: pointer;
  color: #fff;
  -moz-box-shadow:    inset 0 0 7px #000000;
   -webkit-box-shadow: inset 0 0 7px #000000;
   box-shadow:         inset 0 0 7px #000000;
}
@keyframes slideInFromLeft {
  100% {
    transform: translateX(0%) rotate(-90deg);
  }
  0% {
    transform: translateX(100%) rotate(-90deg);
  }
}