/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 0px;
      color: #5a5a5a;
    }

	.not_show{
		display: hidden;
		display: none;
	}
	
	.not_showmobile{
		display: block;
	}

    .navbar{
    margin:10px 0px 10px 0px;
    }
    
    .navbar-inner > .container{
    width:100%;
    }
    
    .navbar-inner{
    border-radius:0px;
    background: #3255A4 !important; 
    background-image: none;
    background-repeat: no-repeat;
    filter: none !important;
    border-top:1px solid #ffffff !important;
    border-bottom:1px solid #ffffff !important;
    border-left:0px !important;
    border-right:0px !important;
    }
    
    .navbar .btn{
    background:#3255A4 !important;  
    font-size:13px;
    padding:4px 10px;
    }
    
    .navbar .btn:hover{
    background: #3255A4 !important;
    }
    
    .navbar .caret{
    border-top-color:#fff !important;
    border-bottom-color:#fff !important;
    }
    /*
    .navbar .brand{
    color:#fff !important;
    text-shadow:none !important;
    }
    */
    .navbar .nav{
    border-left:1px solid #3255A4;
    border-right:1px solid #3255A4;
    }
    
    .navbar .nav > li > a{
    padding:12px 15px 12px;
    color:#fff !important;
    text-shadow:none !important;
    border-right: 1px solid #ffffff;
    border-left:1px solid #ffffff;
    -webkit-transition:background 1s ease;
    -moz-transition:background 1s ease;
    -o-transition:background 1s ease;
    transition:background 1s ease;
    }
    
    .navbar .nav > li > a:hover{
    background: #3255A4 !important;
    color:#ffffff !important;
    -webkit-transition:background 1s ease;
    -moz-transition:background 1s ease;
    -o-transition:background 1s ease;
    transition:background 1s ease;
    }
        
    .navbar .nav .active > a,
    .navbar .nav .active > a:hover,
    .navbar .nav .active > a:focus {
    color: #000000 !important;
    font-weight: bold !important;
    box-shadow:none;
    background: #ffffff !important;
    }
    
    .dropdown-toggle{
    background: #9e0f0f !important;
    }
    
    .nav-collapse a{
    font-weight:normal !important;
    text-shadow:none !important;
    }
    
    .dropdown-menu{
    background:#3255A4 !important;
    border-radius:0px !important;
    box-shadow:none !important;
    border-bottom:none !important;
    padding:0px 0px;
    margin:0px;
    }
    
    .dropdown-menu a{
    background:#3255A4 !important;
    padding:9px 10px;
    color:#fff !important;
    text-shadow:none !important;
    -webkit-transition:background 1s ease;
    -moz-transition:background 1s ease;
    -o-transition:background 1s ease;
    transition:background 1s ease;
    border-bottom:1px solid #e31818;
    }
    
    .dropdown-menu a:hover,.dropdown-menu a:focus{
    filter:none !important;
    background:#3255A4 !important;
    -webkit-transition:background 1s ease;
    -moz-transition:background 1s ease;
    -o-transition:background 1s ease;
    transition:background 1s ease;
    }
    
    .dropdown-menu::after, .dropdown-menu::before{
    border:none !important;
    }
    
    .menu-social{
    	float: right;
    }

	.header_logo{
		position: relative;
                float: left;
                margin: 10px;
		z-index: 999;
		background-color: white;
	}

    .carousel {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    .carousel-inner {
        overflow-y: auto;
        position:relative;
        height: auto!important;
    }
    
    .carousel .container {
      position: relative;
      z-index: 9;
      height: auto !important;
      overflow: auto !;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
     height: auto !important;
     
    }
    .carousel img {
      position: relative;
	  display: inline-block;
      top: 0;
      left: 0;
      min-width: 100%;
      height: auto !important;
    }

    .carousel-caption {
      position: absolute;	
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: -90px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }

	.content-wrapper{
		background: #646060 url('img/background-grey.jpg');
	}	

    .marketing .span4 {
	margin-top: 60px;
    text-align: left;
	border: 1px;
	border-color: #DF4128;
	background-color: #ffffff;
      -webkit-box-shadow: 0 2px 10px rgba(223,65,40,.9);
         -moz-box-shadow: 0 2px 10px rgba(223,65,40,.9);
              box-shadow: 0 2px 10px rgba(0,0,0,.50);      
    min-height: 350px;
    height: auto !important;     
    padding: 0;   
	}

	.marketing .span8 {
	margin-top: 60px;
	text-align: left;
	border: 1px;
	border-color: #DF4128;
	background-color: #ffffff;
	  -webkit-box-shadow: 0 2px 10px rgba(223,65,40,.9);
	     -moz-box-shadow: 0 2px 10px rgba(223,65,40,.9);
	          box-shadow: 0 2px 10px rgba(0,0,0,.50);      
	min-height: 350px;
	height: auto !important;     
	padding: 0;   
	}
	
	.marketing .span12 {
	margin-top: 60px;
	text-align: left;
	border: 1px;
	border-color: #DF4128;
	background-color: #ffffff;
	  -webkit-box-shadow: 0 2px 10px rgba(223,65,40,.9);
	     -moz-box-shadow: 0 2px 10px rgba(223,65,40,.9);
	          box-shadow: 0 2px 10px rgba(0,0,0,.50);      
	min-height: 350px;
	height: auto !important;     
	padding: 0;   
	}
	
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      padding-left: 10px;
      padding-right: 10px;
    }
	
	.marketing .span4 img{
		width: 100%;
	}
	
	.marketing .span8 img{
		width: 100% !important;
	}

	.image-float-right{
		align: right;
	}	

	.span-wrapper{
		margin-left: 0px;
		width: 100%;
	}
	
	.span-content{
		margin-left: 10px;
		margin-right: 10px;	
	}
	
	.span-content-large{
		width: 100% !important;
		margin: 0;
		padding: 0;
	}


    /* 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;
    }


	/* Footer
	------------------------- */

	.footer_spacer{
		padding-bottom: 50px;
	}

	.footer-container{
		background-color: #3255A4;
		position: relative;
		color: #ffffff;
		overflow: auto;
	}
	
	.footer-span{
	    display:inline-block;
		float: left;
		width: 250px;
		margin-left: 20px;
		margin-right: 20px;
		position: relative;
	}
	
	.footer-span h2{
		color: #ffffff;
		font-size: 12pt;
	}	
	
	.footer-span a{
		color: #ffffff;
		font-size: 10pt;
	}
	
	.footer-last{
		clear: both;
		padding-top: 20px;
		padding-left: 20px;
	}	

	.footer-last a{
		color: #ffffff;
	}	
	
	.breadcrumbs{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		background-color: #ffffff;
		overflow: auto;
	}
	
	.breadcrumbs a{
		color: grey;
	}

	.crumbs {
		float: left;
	}
	
	.back_up{
		margin-right: 20px;
		float: right;	
	}
	
	/* === Location lister === */
	
	
	location_list_container {
		width: 100%;
		display: inline-block;
	}
	
	.location_list_state {
		margin-top: 15px;
		float: left;
		min-height: 250px;
		height: 175px;
		height: auto!important;
			
	}
	
	.listener-line {
		margin-left: 250px;
	}
	
	.clear_listener{
		clear: both;
	}
	
	
	/* === Location info === */
	
	#location_info {
		float: left;
	}
	
	#location_map_small {
		position: relative;	
		float: right;
		margin-top: 35px;
		
	}
	
	.form-signin-wrapper{
		max-width: 300px;
		margin: 0 auto;
	}
	
	.form-signin {
		text-align: center;
		padding: 19px 29px 29px;
		margin: 0 auto 20px;
	  background-color: #fff;
	  border: 1px solid #e5e5e5;
	  -webkit-border-radius: 5px;
	     -moz-border-radius: 5px;
	          border-radius: 5px;
	  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	          box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.form-signin .form-signin-heading,
	.form-signin .checkbox {
	  margin-bottom: 10px;
	}
	.form-signin input[type="text"],
	.form-signin input[type="password"] {
	  font-size: 16px;
	  height: auto;
	  margin-bottom: 15px;
	  padding: 7px 9px;
	}
	
	.form-signin-below{
	}
	
	.form-signin-below a{
		color: #ffffff;
	}
	
	.signin-left {
		float: left;
	}
	
	.signin-right{
		float: right;
	}

	
@media (max-width: 979px){
	
	.form-signin-wrapper{
		min-width: 275px;
		margin: 0 auto;
	}
	
	.form-signin{
		text-align: center;
	}
	

	.signin-left {
		float: left;
		clear: both;
		width: 100%;
		text-align: center !important;
		margin-bottom: 10px;
	}
	
	.signin-right{
		float: left;
		width: 100%;
		text-align: center;
		clear: both;
		margin-bottom: 10px;
	}
 
 .form-signin-below a{
 	color: #000000;
 	text-align: center;
 }
}
	
	
	
    /* RESPONSIVE CSS
    -------------------------------------------------- */


 @media (max-width: 767px){
       .navbar{
       margin-left:-20px;
       margin-right:-20px;
       }
       .navbar .nav{
       border:0px !important;
       }
       .navbar .nav > li > a{
       border:0px !important;
       }
       .dropdown-menu a{
       border-bottom:none !important;
       }   
       .not_showmobile{
       	display: none;	
       }
       .not_show{
       	display: block;
       }
    }
    
    @media (min-width: 768px) and (max-width: 979px){
       .navbar .nav{
       border:0px !important;
       }
       .navbar .nav > li > a{
       border:0px !important;
       }
       .dropdown-menu a{
       border-bottom:none !important;
       }
       .not_showmobile{
       	display: none;	
       }
       .not_show{
       	display: block;
       }
    }


    @media (max-width: 979px) {
      .header_logo{
		display: auto;
	  }
	  .not_showmobile{
	  	display: none;	
	  }
	  
	  .menu-social{
	    float: left;	
	  }
  
      .carousel .item {
        height: auto;
      }
      .carousel img {
        width: auto;
        height: auto;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 10 auto 20px;
      }
      .content-wrapper{
      	background-color: #ffffff;
      }
      
      .footer-span{
      	float: left;
      	width: 215px;
      	margin-left: 20px;
      	margin-right: 20px;
      	position: relative;
      	overflow: auto;
      }	
      
	.footer-last{
		clear: both;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}	

	.footer-last a{
		color: #ffffff;
	}	  	

    }



    @media (max-width: 767px) {
    
      .not_show_mobile{
      	display: hidden;	
      }	
      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {
		display: none;
      }
      .carousel .item {
      	display: none;
      }
      .carousel img {
      	display: none;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 30px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }
      .carousel-control{
      	display: none;
      }
      
      .content-wrapper{
      	background-color: #ffffff;
      }

      .marketing .span4{
       padding-top: 5px; 	
       padding-right: 0px;
	   overflow-y: auto;
	   overflow-x: hidden;
      }
      
      .marketing .span12{
      	overflow-y: auto;
      	overflow-x: hidden;
      }
      
      .span-content{
      	padding-right: 20px;	
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }
	  .header_logo{
	  	display: auto;
	  }
	  .breadcrumbs{
	  	display: none;
	  }
	  
	  .footer-span{
	  	overflow-x: hidden;
	  }
	  
	  .back_up{
	  	margin-right: 0px;
	  	float: right;	
	  }
	  
	  .footer-span-no-mobile{
	    display: none;
	  }	

    }