/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
.mkt-pills{
background-color:#f0f0f0;  
padding-top: 30px;
padding-bottom: 30px;
}

body {
  color: #000000;
}
.thumbnail .caption h3 {
  color:#fff;
}
.intro-emm{
padding: 20px 100px 20px 40px;
  background: rgb(25,136,255);
background: linear-gradient(180deg, rgba(25,136,255,1) 0%, rgba(0,124,255,1) 83%, rgba(0,64,133,1) 100%);
}
.intro-emm h2{text-align: left;}

@-webkit-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}
@keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}
.thumbnail {
  /*background: rgba(20,77,183,1);
background: -moz-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,77,183,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144db7', endColorstr='#207ce5', GradientType=0 );*/
background-color: #007bff !important;
}
.thumbnail .caption p{
  color:#fff;
}

.img-shadow{
  -webkit-filter: drop-shadow(2px 2px 2px #222);
  filter: drop-shadow(2px 2px 2px #222);   
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    
background-color: #007bff !important;
  /*background: rgba(20,77,183,1);
background: -moz-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,77,183,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144db7', endColorstr='#207ce5', GradientType=0 );*/
    color: #fff;}

.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%; }

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.footer {   /* background: rgba(20,77,183,1);
background: -moz-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,77,183,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144db7', endColorstr='#207ce5', GradientType=0 );*/
background-color: #007bff !important;
  clear:both; 
  color:#fff; 
  font-size:9pt; 

  list-style: none;
  }

.footer a{
  color: #fff;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.nav-pills a:hover{
 background: red;
}

.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.navbar-header a {
  color: #fff;

}

.navbar-collapse a {
  color: #fff;
}


.navbar-collapse a:hover {
  color: orange;
}

.navbar-blue{background-color:#222;border-color:#428BCA}
.navbar-blue .navbar-brand{color:#fff}
.navbar-blue .navbar-brand:hover,.navbar-blue .navbar-brand:focus{color:#fff;background-color:transparent}
.navbar-blue .navbar-text{color:#fff}.navbar-blue .navbar-nav>li>a{color:#fff}
.navbar-blue .navbar-nav>li>a:hover,.navbar-blue .navbar-nav>li>a:focus{color:#fff;background-color:#428BCA}
.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.active>a:hover,.navbar-blue .navbar-nav>.active>a:focus{color:#fff;background-color:#428BCA}
.navbar-blue .navbar-nav>.disabled>a,.navbar-blue .navbar-nav>.disabled>a:hover,.navbar-blue .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}
.navbar-blue .navbar-toggle{background-color:#FFF;border-color:#333}
.navbar-blue .navbar-toggle:hover,.navbar-blue .navbar-toggle:focus{background-color:#428BCA}
.navbar-blue .navbar-toggle .icon-bar{background-color:#000}
.navbar-blue .navbar-collapse,.navbar-blue .navbar-form{border-color:#101010}
.navbar-blue .navbar-nav>.open>a,.navbar-blue .navbar-nav>.open>a:hover,.navbar-blue .navbar-nav>.open>a:focus{background-color:#428BCA;color:#fff}
@media (max-width:991px){.navbar-blue .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#428BCA}
.navbar-blue .navbar-nav .open .dropdown-menu .divider{background-color:#428BCA}.navbar-blue .navbar-nav .open .dropdown-menu>li>a{color:#fff}
.navbar-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}
.navbar-blue .navbar-nav .open .dropdown-menu>.active>a,.navbar-blue .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-blue .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}
.navbar-blue .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-blue .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-blue .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}
.navbar-blue .navbar-link{color:#fff}
.navbar-blue .navbar-link:hover{color:#fff}

.navbar-blue {/*
  background: rgba(20,77,183,1);
background: -moz-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,77,183,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(20,77,183,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144db7', endColorstr='#207ce5', GradientType=0 );*/

background-color: #007bff !important;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.img-responsive {
    margin: 0 auto;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 991px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}

.accordion {
  border-bottom: solid 1px #EEE;
  width: 100%; 
}

.accordion h3{ 
  background: #e9e7e7 url(img/arrow-square.gif) no-repeat right -51px;
  border: solid 1px #EEE;
  border-radius: 5px;
  color: #0033CC;
  cursor: pointer;
  font-size:8pt;
  font: Arial, Helvetica, sans-serif; 
  margin: 0;
  padding: 7px 15px;
}

.accordion h3:hover {
  background-color: #6C89A7;
}

.accordion h3.active {
  background-position: right 5px;
}

.accordion p {
  background: #f7f7f7;
  border-left: solid 1px #c4c4c4;
  border-right: solid 1px #c4c4c4;
  color: #333399; 
  font-size:8pt;
  margin: 0;
  padding: 10px 15px 20px;
}


@media (max-width: 1366px){
	h1 {
		font-size: 2.0vw;
	}
	h2{
    	font-size: 1.7vw;
    }
    h3{
    font-size: 1.5vw;	
    }
    h4{
    font-size: 1.3vw;	
    }
    h5{
    font-size: 1vw;	
    }
    h6{
    font-size: .8vw;	
    }
    p {
    	font-size: 1.0vw;
    }
 .carousel-caption h2 {
    font-size: 2vw!important}
.marketingbar h4 {
	font-size:1.3vw;
}
.marketingbar a {
    font-size: 1.3vw;}

}


@media (max-width: 990px) {
	h1 {
		font-size: 4vw;
	}
	h2{
    	font-size: 3.5vw;
    }
    h3{
    font-size: 3vw;	
    }
    h4{
    	font-size: 2.5vw;
    }
    h5{
    font-size: 2vw;	
    }
    h6{
    font-size: 1.8vw;	
    }
    p {
    	font-size: 2vw;
    }

 .carousel-caption h2 {
    font-size: 3.5vw}
.marketingbar a {
    font-size: 2.5vw;}

    
}


@media (max-width: 550px) {
	h1 {
		font-size: 7.8vw;
	}
	h2{
    	font-size: 7vw;
    }
    h3{
    font-size: 6vw;	
    }
    h4{
    	font-size: 5vw;
    }
    h5{
    font-size: 4vw;	
    }
    h6{
    font-size: 3vw;	
    }
    p {
    	font-size: 4vw;
    }

 .carousel-caption h2 {
    font-size: 7vw!important}
.marketingbar a {
    font-size: 4vw;}

    
}

.form-ui-bg{
  border-radius: 10px;
  background: #007bff;
  color: #fff;
  padding: 20px;
  margin-bottom: 10px;
}

.btn-vid-survey{
      background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #3fd628 0%, #258115 100%) repeat scroll 0 0;
    border-color: #ccc;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    height: 42px;
    width: 100%;
}