/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 /* visual aid - design lines */
 .col-lg-4, .col-lg-6, .col-lg-5, .col-lg-7, .col-lg-8, .col-md-4, .col-md-6, .col-md-8{
    /*        border: 1px solid red;*/
}

body {
    width: 100%;
    height: 100%;
    font-family: font-family: 'Open Sans', sans-serif;
    font-size: 18px !important;
	.headline-fold { height: 100px; }
}

#header-section {
    background:url(../img/header-image-2.jpg) no-repeat top / 98% auto #ffffff;
    /*    padding-top: 100px;*/
    height: 585px;
    padding-left: 0px !important; 
    padding-right: 0px !important;
}


p, ul {font-family: 'Open Sans', sans-serif; color:#595959 !important; }

html {
    width: 100%;
    height: 100%;
}


.spotlight {
    background-color:#126fb7;
/*    min-height:200px;*/
    width:100%;
    border-radius:10px;
    padding:20px;
    margin-bottom:20px;
    text-align: center;
}

.clearspace {
    clear:both;
}


@media(min-width:768px) {
    .logo-exp img {
        height: 100px;
    }
    .logo-affiliate img {
        height: 100px;
    }
    .navbar {
        padding: 0px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

@media(max-width: 1999px) {
	#header-section {
        height: 300px !important;
    }
	
    .header-cta {
        float:left !important;
    }

    #left-col-a {
        height: 50px !important;
    }
    #left-col-c {
        height: 100px !important;
    }
}
@media(max-width: 991px) {

    #left-col-a {
        height: 50px !important;
    }
    #left-col-c {
        height: 50px !important;
    }
}

@media(max-width: 767px) {
	#header-section {
        height: 300px !important;
    }
    #left-col-a {
        height: 50px !important;
    }
    #left-col-c {
        height: 90px !important;
    }
}
@media(max-width: 699px) {
	#header-section {
        height: 300px !important;
    }
    #left-col-c {
        height: 50px !important;
    }
}
@media(max-width: 600px) {
    #header-section {
        height: 200px !important;
    }

    #headline {
        font-size:32px !important;
    }

    .logo-section {
        height:70px !important;
    }

    .logo-exp img {
        height: 60px;
    }
    .logo-affiliate img {
        height: 60px;
    }

    #left-col-a {
        height:36px !important;
        /*display: none !important;*/
    }

    #left-col-c {
        height: 100px !important;
    }

    .navbar {
        padding: 0px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

@media(max-width: 410px) {
	#header-section {
        height: 150px !important;
    }
    #left-col-c {
        height: 50px !important;
    }
}


@media(min-width: 330px) {
    .headline-fold {
        height: 40px !important;
		padding-top: 10px !important;
		padding-bottom:0px !important;
   }
	.banner-back {
		padding-top: 5px !important;
		padding-left: 20px !important;
		padding-bottom:0px !important;
		min-height: 120px !important;
 	}
}

@media(min-width: 350px) { 
	.banner-back {
		padding-top: 5px !important;
		padding-left: 20px !important;
		padding-bottom:0px !important;
		min-height: 60px !important;
 	}
}


@media(min-width: 540px) { 
    .headline-fold {
        height: 170px !important;
		padding-top: 30px !important;
    }
	.banner-back {
		min-height: 25px !important;
 	}
}

@media(min-width: 570px) { 
    .headline-fold {
        height: 160px !important;
		padding: 40px !important;
    }
	.banner-back {
		min-height: 45px !important;
		height: 80px; !important;
 	}
}


@media(min-width: 768px) {
    .headline-fold {
        height: 40px !important;
		padding-top: 210px !important;
		padding-bottom:220px !important;
   }
	.banner-back {
		padding-top: 15px !important;
		padding-left: 20px !important;
		padding-bottom:0px !important;
		min-height: 220px !important;
 	}
}

@media(min-width: 990px) { 
    .headline-fold {
        height: 40px !important;
		padding-top: 210px !important;
		padding-bottom:220px !important;
   }
	.banner-back {
		padding-top: 25px !important;
		padding-left: 20px !important;
		padding-bottom:0px !important;
		min-height: 195px !important;
 	}
}

@media(min-width: 1199px) { 
    .headline-fold {
        height: 40px !important;
		padding-top: 210px !important;
		padding-bottom:220px !important;
   }
	.banner-back {
		padding-top: 25px !important;
		padding-left: 20px !important;
		padding-bottom:0px !important;
		min-height: 150px !important;
 	}
}



@media(max-width: 571px) { 
    #headline {
        font-size:28px !important;
    }
	.headline-fold {
        height: 140px !important;
    }
}

@media(max-width: 540px) {

    #header-section h1 {
        font-size: 28px !important;
        margin-top: 16px !important;
    }
	
    #left-col-c {
        height: 95px !important;
    }

    #content-area-a {
        padding:20px !important;
    }
	
	.headline-fold {
        height: 110px !important;
    }

}

@media(max-width: 379px) { 
    #headline {font-size:10px !important;}
    #left-col-c {
        height: 52px !important;
    }
}

@media(max-width: 770px) { 
 	.banner-back {background-color:#004e9a80 !important;}
}


/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */


#content-area-a {
    padding:20px 0px 20px 20px;
}

.ico-arrow-right { 
   float: right;
   width: 21px;
   height: 18px;
   margin-left: 10px;
   margin-top: 5px;
   background: url(../img/ico-arrow-white@x2.png) no-repeat; 
}

.ico-arrow-spotlight { 
   float: right;
   width: 21px;
   height: 18px;
   margin-left: 0px;
   margin-top: 5px;
   background: url(../img/ico-arrow-white@x2.png) no-repeat; 
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
	color: #000000;
}

a:active {
    text-decoration: underline;
}

.advSearch
{	font-size: 15px;
	line-height: 1em;
	color: #ffffff;
	text-decoration: none;
}
a.advSearch:link
{	color: #ffffff;
}
a.advSearch:visited
{	color: #ffffff;
}
a.advSearch:hover
{	font-weight: bold;
}

input, button, select {
  margin-bottom: 14px;
  border-radius: .65rem;
  display: inline-block;
  /*  text-align: center;*/
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: .15rem .75rem;
  font-size: 1.2rem;
  line-height: 1.5;
}

select { 
  font-size: 1.2rem;
}

.partner-statement {
	font-size: 2.0rem;
	font-weight: 550;
	line-height: 1.1;
	padding-bottom: 16px;
	color: #af1685 !important;
}

.btn-orange {
  color: #ffffff;
  background-color: #ff9007;
  border-color: #FF9800;
  font-size:18px;
  font-weight: normal;
}

.btn-orange:hover {
  color: #ffffff;
  background-color: #e72887;
  border-color: #e72887;
  font-size:18px;
}