/*!
 * Custom.css
 * Sensov/ Event Marketing
 * This stylesheet contains all the customization for the project.
 * It overwrites some Bootstrap styles and defines new styles.
 */

/** GLOBAL
--------------------------------------
*
*/
body {	
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 0 !important;
} 

/**  CARROUSEL
--------------------------------------
*
*/
#myCarousel {
  height: 418px !important;	 
}
.carousel { 
  margin-bottom: 0 !important;	
}
.carousel-inner {
}
.carousel-inner .over-slide{
  margin: 0 auto;
  padding: 45px 0 0 0;
  width: 70%;
}
.carousel-inner .over-slide h2{
  font-weight: bold;
  color: #fff;
  font-size: 45px;
}
.carousel-inner .over-slide .button-calendar{
  padding: 10px;
  margin: 15px 0 0 0;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background: #d4382d;
  font-weight: bold;
  font-size: 13px;
}
.carousel .item {
  height: 418px !important;	
}
.carousel-inner > .item > a > img {
  height: auto !important;
  margin: 0 auto;
  width: 726px;
}
.carousel-indicators {
  display: none;
}
.carousel-caption h1 {
  text-align: right;
}
.carousel-caption p {
  text-align: right;
}
@media all and (max-width: 768px) {
  .carousel { 
    margin-top: 0; 	
  }
}


/** HEADER
--------------------------------------
*
*/
.menuLogo {
  float: left;
  margin-right: 8px;
  width: auto;
  height: 101px;
  margin-top: 25px;
}
.menuLogoSmall {
  float: left;
  margin-top: 25px;
  margin-right: 4px;
  width: 260px;		
}
#division-header{
  height: 5px;
  background: #cc3333;
  width: 100vw;
  position: absolute;
  left: calc((100vw - 100%)/-2);
}
#top-header{
  float: right;
  margin: 37px 0 0 0;
  text-align: right;
  font-weight: bold;
  text-transform: none;
}
#top-header-1{
  color: #000;
  font-size: 24px;
}
#top-header-2{
  color: #77cbfd;
  padding: 0 0 8px 0;
  display: inline-block;
}
#top-header-3{
  color: #000;
  font-weight: normal;
}
#top-header-3 .red{
  color: #cc3333;
  font-weight: bold;
}
.topMenu { 
  background: #e8e7e7;
  color: #4d4d4f;
  height: 36px;
}
.topMenu p {
  margin: 8px 0;
} 
.topMenu p a {
  color: #4d4d4f;
  font-size: 0.85em;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;		
}
.topMenu p a:hover {	
  color: #73cc35;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.navbar {	
  margin-bottom: 0 !important;
  font-weight: lighter;
  text-transform: uppercase;	
  height: 50px;
}
.navbar-collapse .navbar-nav{	
  margin: 5px 0 0 0;
}
.navbar-wrapper {
  position: relative !important;
  background-color: #fff;
  margin-top: 0 !important;

}
.navbar-inverse .navbar-nav > li > a {
  height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 50px;
}
.nav > li > a {
  padding-right: 24px;
  padding-left: 24px;
  color: #000 !important;
  font-weight: 600;	
}
.navbar-inverse { 
  background-color:  #fff;
  border: none !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #3d3d3d !important;
  background-color: inherit !important;
}
div.navbar-collapse.collapse.in .navbar-nav>li>a:hover, div.navbar-collapse.collapse.in .navbar-nav>.active>a:hover, div.navbar-collapse.collapse.in .navbar-nav>li>a:focus {
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: 20% 100%;
}
div.navbar-collapse .navbar-nav>li>a:hover, div.navbar-collapse .navbar-nav>.active>a:hover, div.navbar-collapse .navbar-nav>li>a:focus {
  background-image: url('../img/hover-menu-shape.png') !important;
  background-repeat: no-repeat;
  background-position: 20% 100%;
}
div.navbar-collapse .navbar-nav>li.dropdown.home>a:hover {
  background-image: none !important;
}
.navbar-inverse .navbar-nav>li.active, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  background-color: #78cafd;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #becbd4;
  color: #fff;
}
.dropdown-menu {
  padding: 0;
  margin-top: -1px !important;
}
.dropdown-menu>li>a {
  padding: 10px 20px;
  background-color: #2a2f31 !important;
  color: #fff !important;
}
.dropdown-menu>li>a:hover {
  color: #d4382d !important;
  background-image: url('../img/menu-hover-1.png');
  background-repeat: no-repeat;
  background-position: 4px;
}
.navbar-toggle {
  position: relative;
  top: 15px;	
}
.navbar-inverse .navbar-toggle:focus, .navbar-toggle:hover, .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #d4382d !important;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #fff !important;
}
.navbar-inverse .navbar-toggle {	
  border: inherit !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border: inherit !important;
}

/** CONTENT
--------------------------------------
*
*/
.red{
  color: #cc3333;
}
#chair-image{
  float:left; margin: 0 15px 15px 0;
}
.text-nowrap{
  white-space: nowrap;
}
.bannerCopyright {
  text-align: center;
  color: #565656;
  font-size: 0.7em;
  margin-top: -60px;	
} 
.hpbox {
  padding-right: 0 !important;
  padding-left: 12px !important;	 
}
.pageContent {
  min-height: 734px;
  padding-top: 20px;
  padding-bottom: 60px;
  background: #ebf7ff;
    padding-left: 15px;
}
.homepageBox {
  background-color: #fff;
  padding: 15px 12px;
  min-height: 247px;
}
.homepageBoxAside {
  background-color: #fff;
}
.homepageBoxAside.transparent {
  background-color: transparent;
}
.homepageBoxAside.transparent.twitter {
  background-color: transparent;
  padding: 0 !important;
}
.homepageBoxAside a:not(.btn) {
  text-decoration: none;
  color: #5a5a5a;
}
.homepageBoxAside h2 {
  font-weight: bold;
  color: #01a3eb;
  font-size: 1.2em;
}
.homepageBoxAside  p {
  text-align: center;
}
.homepageBoxAside ul.line, .homepageBox ul.line{
  padding: 0;
  list-style-type: none;
}
.homepageBoxAside ul.line li, .homepageBox ul.line li{	
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 6px;
  padding-bottom: 6px;
  font-size: 0.85em;
}
.homepageBoxAside ul.line li:last-child, .homepageBox ul.line li:last-child{
  margin-bottom: 20px;
}
.aside-joinrfg{
  background: #77cbfd;
}
.aside-joinrfg h3{
  font-size: 19px;
}
.aside-joinrfg ul.line{
  list-style-type: none;
  padding: 0;
}
.aside-provisionaltimeline{
  background: #b3e1fe;
  margin: 0 0 12px 0;
}
.aside-provisionaltimeline h3{
  font-size: 19px;
}
.aside-provisionaltimeline ul{
  list-style-type: none;
  padding: 0;
}
.aside-provisionaltimeline ul li{
  border-bottom: 1px solid #fff;
  padding: 7px 0;
}
.aside-provisionaltimeline ul li:last-of-type{
  border-bottom: none;
}
ul.line a {
  color: #5a5a5a !important;
  text-decoration: none !important;
}
ul.line a:hover {
  color: #2a6496 !important;
}
.homepageBox ul {
  padding-left: 20px;	
}
.homepageBox ul li {	
  text-align: left;
}
.homepageBox h2 {
  text-align: left;
  color: #5a5a5a;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 20px;
  font-weight: bold;
  background: url("../img/header_stripes.png") 0 100% repeat-x;
}
.homepageBox p {
  text-align: left;
  position: absolute;
  bottom: 4px;
  left: 25px;
  margin-left: 0 !important;
}
.homepageBox p.description {	
  text-align: left;
  margin-bottom: 25px;
  position: inherit !important;
  margin-left: 0 !important;
}
.homepageBoxImg {
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

/** BUTTON
--------------------------------------
*
*/
.btn {
  border-radius: 1px;
}
.btn-default {
  border: inherit !important;
  background-color: #f17200;
  font-weight: bold;
  color: #fff;
}
.btn-main {
  
}
.btn-main a {
  border: inherit !important;
  background-color: #d4382d;
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42857;
  margin-bottom: 0;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  padding: 15px 0;
  text-transform: uppercase;
}
/** TOP FOOTER
--------------------------------------
*
*/
.topFooter {
  background-color: #d4382d;
  padding-bottom: 30px;	 
}
.topFooter h3{
  text-transform: uppercase;
  color: #fff; 
}
.topFooter p{
  color: #fff;
  margin:0;
}
.topFooter ul {
  padding-left: 0;
}
.topFooter ul li {
  list-style-type: none;
  border-bottom: 1px solid #aaa;
  padding: 4px 0; 
}
.topFooter ul.quicklinks li {
  padding-left: 35px;
  background: url('../img/footer-li.png') no-repeat bottom left;
  padding-left: 35px;
  width: 100%;
}
.topFooter ul.contactus li {
  background: url('../img/footer-li-horizontal.png') no-repeat bottom right;
  width: 100%;
  padding-right: 35px
}
.topFooter ul.directors li {
  width: 100%;
}
.topFooter ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 0.9em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.topFooter ul li a:hover {
  color: #00a9e4;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
/** MIDDLE FOOTER
--------------------------------------
*
*/
.middleFooter{
  height: auto;
}
.middleFooter ul{
  list-style-type: none;
  padding: 0 0 30px 0;
  position: relative;
}
.middleFooter ul li{
  position: relative;
  display: inline-block;
  height: 50px;
}
.middleFooter ul li img{
  position: absolute;
  bottom: 0px;

}
.middleFooter h3{
  font-weight: bold;
  font-size: 18px;
}
@media (max-width: 768px){
  .middleFooter .left-half{
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
  }
  .middleFooter .right-half{
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
  }
}
/** BOTTOM FOOTER
--------------------------------------
*
*/
.bottomFooter {
  background-color: #d4382d;
  padding: 15px 0 24px 0;
}
.bottomFooter .container {
  position: relative;	
}
.bottomFooter .container p:last-child {
  margin: 8px 0 0 0;
}
.bottomFooter a {
  color: #fff;
  font-size: 0.85em;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;	
}
.bottomFooter a:hover {
  color: #00a9e4;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.bottomFooter span {
  color: #00a9e4;
}
#totop-scroller {
  background-image: url('../img/totop_scroller.png');
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-decoration: none;	
}
#totop-scroller:hover {
  background-position: 0 -30px;
}
.keepmepostedform {
  color: #ffffff;
  font-weight: lighter;
}
.keepmepostedform p {
  margin: 15px 0;
}
.keepmepostedform label {
  font-weight: lighter;
}
.keepmepostedform input {
  float: right;
  border: none;
  background: #cccccc;
  padding: 7px;
  margin-left: 10px;
  width: 150px;
  color: #4c4c4c;
}
.keepmepostedform input[type="submit"] {
  float: right;
  width: 80px;
  cursor: pointer;
  -webkit-appearance: button;
  border-radius: 3px;
  background-color: #b2b2b2;
}
.keepmepostedform input[type="submit"]:hover {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.6),inset 0 0 5px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.1);
  text-shadow: 0 1px 0 rgba(255,255,255,0)	
}
#map {
  height: 220px;
  margin-top: 20px;	
}
.socialWrap {
  margin-top: 25px;
}
.socialWrap h3 {
  text-transform: uppercase;
  color: #cccccc;
}
a.twitter, a.twitter:hover, a.linkedin, a.linked:hover, a.facebook, a.facebook:hover {
  display: inline-block;
  width: 60px;
  height: 60px;
}
a.twitter {
  width: 60px;
  height: 60px;
  background-image: url("../img/twitter.png");
  background-position: 0px 183px;
  padding: 22px 30px;
  margin-right: 7px;
}
a.twitter.small {
  width: 25px;
  height: 25px;
  background-image: url("../img/twitter.png");
  background-position: 0px 176px;
  padding: 16px 18px;
  margin-right: 0;
  background-size: 35px auto;	
}
a.twitter:hover {
  background-position: 0px 183px;
}
a.twitter.small:hover {
  background-position: 0px 176px;
}
a.linkedin {
  width: 60px;
  height: 60px;
  background-image: url("../img/linkedin.png");
  background-position: 0px 182px;	
  padding: 22px 30px 21px 30px;
}
a.linkedin.small {
  width: 25px;
  height: 25px;
  background-image: url("../img/linkedin.png");
  background-position: 0px 176px;
  padding: 16px 18px;
  margin-right: 0;
  background-size: 35px auto;	
}
a.linkedin:hover {
  background-position: 0px 182px;	
}
a.linkedin.small:hover {
  background-position: 0px 176px;	
}
a.facebook {
  width: 60px;
  height: 60px;
  background-image: url("../img/facebook.png");
  background-position: 0px 182px;
  padding: 22px 30px 21px 30px;
  margin-right: 7px;	
} 
a.facebook.small {
  width: 25px;
  height: 25px;
  background-image: url("../img/facebook.png");
  background-position: 0px 176px;	
  padding: 16px 18px;
  margin-right: 0;
  background-size: 35px auto;	
}
a.facebook:hover {
  background-position: 0px 182px;
}
a.facebook.small:hover {
  background-position: 0px 176px;	
}
.copyrightFooter {
  color: #fff;
  font-size: 0.8em;
  text-align: center;
  font-size: 11px;	
}
.copyrightFooter a {
  text-decoration: none;
  color: #cdcdcd;
  font-size: 11px;
}
/** MEDIA QUERIE
--------------------------------------
*
*/
@media all and (min-width: 768px) and (max-width: 992px){
  .carousel { 
    margin-top: 0; 
  }
}
 @media all and (min-width: 768px) and (max-width: 1200px) {
	 
	 div.navbar-wrapper > div.container { padding-left: 0 !important; padding-right: 0 !important;}
	 div.navbar-wrapper > div > div > div.container { padding-left: 8px !important; padding-right: 0 !important;}
	 .navbar-inverse .navbar-nav > li > a { font-size: 0.75em; }
	 .nav > li > a { padding-left: 8px; padding-right: 8px; }
	
	 .navbar-wrapper .container { width: 100% !important; }
	 .navbar-nav { float: right !important; }
	 
 }
 @media all and (min-width: 768px) and (max-width: 992px) {
  .homepageBox { min-height: 268px; }
 }
 @media all and (max-width: 768px) { 
  .homepageBox {min-height: 0;}
  .navbar-wrapper { background-color: transparent !important;}
  .navbar-inverse { background-color: transparent !important; }
  .navbar-wrapper > div > div > div > div.navbar-collapse.collapse{overflow:hidden;height:0}
  .navbar-wrapper > div > div > div > div.navbar-collapse.collapse.in { margin-top: 15px; width: 200px; float: right; background-color: #fff; overflow: visible;height:auto }
  .navbar-wrapper > div > div > div > div.navbar-collapse.collapsing { float: right; background-color: #fff; margin-top: 15px; width: 200px; overflow: hidden;height:auto}
  .navbar-inverse .navbar-nav > li > a { height: 35px; line-height: inherit;}
  .dropdown-menu { display: none; top:0; left: auto}
  .dropdown-menu.mobile-expanded{display:block}
  .dropdown-menu li a{font-size:10px}
  .navbar-wrapper .navbar {padding-right: 0 !important; padding-left: 0 !important; }
  .navbar-collapse {padding-right: 0; padding-left: 0; }
  .container>.navbar-collapse { margin-left: 0; }
  .container>.navbar-header { 
    margin-right: 15px !important;    position: absolute;
    right: 0px;
    top: 20px;
  }
  .navbar-nav { margin: 0 !important; }
  .nav > li > a { padding-left: 12px !important; }
  .menuLogoSmall { margin-left: 5px; }
  .carousel-inner > .item > a > img { float: inherit !important; margin: 0 auto;}
  .carousel-inner { background-position: center; }	 
  .carousel-inner .over-slide h2{font-size: 30px;}
 }
  @media all and (max-width: 1200px) {

  }

/** SPONSORS BLOCK
--------------------------------------
*
*/
.block-sponsors {
  margin-top: 30px;
  margin-bottom: 0 !important;
}
.block-sponsors .slick-dots li a {
  background: url('../img/bullet.png') 0 0;
  padding: 0;
  height: 15px;
  width: 14px;
}
.block-sponsors .slick-dots .slick-active a {
  background-position: 0 15px;
}
.block-sponsors .slick-dots li a:before {
  content: "";
}