@charset "UTF-8";
/* CSS Document */

/* This stylesheet is only used for the non-logged-in pages such as signin, resetPassword, requestResetPassword and resetTwoFactorAuthentication. /*
/* It is not included in the list of .css files which are included when minifying as part of the Maven build. /*

/* CC specific ========================================= */
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
	html{ background-color: #e4eff4}
	body{ font-family:'Open Sans'; padding-bottom:0px}
	h4{color:#0060a8}
	.txt-white, .small.txt-white{ color:#FFF}
	.border{ border:solid 1px orange}
	#google-map{ border:solid 0px red; width:100%; height:350px; margin-bottom:20px}
	/* overwrites ======================================= */
	.center-block{ float:none}
	h1, h1 .small{ color:#0060a8}
	h1{ font-size:45px; font-weight:300}
	h2{font-size:45px; color:#0060a8; font-weight:300; padding-bottom:12px}
	h1 .small{ font-size:24px; color:#0060a8; display:inline-block; padding-bottom:10px}
	p{ font-size:15px; line-height:1.75em}
	.btn-lg{ border-radius:0px}
	.navbar{ background-color:#FFF}
	.navbar.navbar-fixed-top{ border-bottom: solid 1px #718491}
	.navbar-brand>img{ width:110px; height:auto; margin-top:0px}
	.img-responsive{ display:inline-block}
	.navbar-nav li a.active, .cc-blue{ color:#1d99d6}
	.cc-cover{ 
	/* background: url(../images/sign-in-background-small.jpg) no-repeat center center fixed; */
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	}
	/* banner advert =============================== */
	.cc-light-blue-bg{ background-color:#0060a8}
	#banner-ad a{ color:#FFF}
	#ad-button{ background-color:#35c546; margin:20px 0}
	
	iframe{ max-width:450px; width:100%}
	.modal-content{ background-color:black}
	.openVideoModal{ position:relative; display:block; padding-bottom:3px; overflow:hidden}
	.openVideoModal .play-overlay{ position:absolute; width:100% !important; height:100%}
	.openVideoModal i{padding-top:25%; font-size:90px; color:rgba(255,255,255,0.80); line-height:0em}
	
	
	/* #sign-in-form{ color:white} */
	
	/* carousel ======================================= */
	.carousel{ margin-bottom:18px}
	#myCarousel, .carousel .item{ height:350px}
	.carousel .item{ background-color:#e4eff4; border:0px}
	.carousel-inner .image{ display:block; text-align:center;}
	.carousel-inner .image img{ height:180px; width:auto; padding-top:30px}
	.carousel-caption{ text-shadow:none; color:#0060a8; text-align:center; bottom:20px; width:70%; margin:0 auto}
	.carousel-caption h2{ font-size:24px; padding-left:0px;}
	.carousel-caption p{ font-size:18px; font-weight:200; line-height:1em}
	.carousel-indicators{ bottom:0px}
	.carousel-indicators li{ background-color:#003ca6; width:15px; height:15px}
	.carousel-indicators .active{ background-color:#35c546; width:18px; height:18px}
	body{ margin-top:53px;}
	/* CC Specific =================================== */
	.cc-row-push{ margin-top:40px; margin-bottom:40px}
	.cc-intro-p{ color:#000; font-size:18px}
	.cc-quick-links{ background-color:#c2ddea; height:100px; margin-bottom:5px}
	.cc-quick-links a{ display:block; padding-top:18px; font-size:20px; height:100px}
	.cc-quick-links a:hover{ text-decoration:none; background-color:#0060a8; color:#FFF}
	footer{ border-top:solid 2px #718491; background-color:#e4eff4; padding:40px 0; text-align:center}
	footer .text-right{ text-align:center}
	.cc-faq-link{ color:#aaa; font-size:16px}
	.cc-faq-answer{ display:none}
	.cc-faq{ margin-bottom:38px}
	.error{ font-size:10px}
	
/* 	.showHideAdvanced[aria-expanded="false"]:before{
  		content:"Show Advanced Settings";
  	.showHideAdvanced[aria-expanded="true"]:before{
  		content:"Hide Advanced Settings"; */
	
	
	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) {
	.openVideoModal i{font-size:65px;}
	.navbar-brand>img{ width:200px; height:auto; margin-top:20px}
	.navbar-header{ height:120px}
	.navbar-right{ margin-top:36px}
	.navbar-right>li{ border-left:solid 1px #CECECE}
	/* carousel ======================== */
	.carousel-inner .image{ top:50px; left:10px; width:50%; text-align:center}
	.carousel-inner .image img{ height:auto; width:auto; padding-top:50px}
	.carousel-caption{ text-shadow:none; color:#0060a8; text-align:left; top:75px; width:50%; left:45%}
	.carousel-caption h2{ font-size:22px; padding-left:10px; font-weight:500}
	.carousel-caption p{ font-size:20px; font-weight:200; padding-left:10px; width:80%}
	
	body{ margin-top:123px}
	
	footer{ text-align:left}
	footer .text-right{ text-align:right}
	
	.cc-cover{ 
	 /* background: url(../images/sign-in-background.jpg) no-repeat center center fixed; */
  	}
	
	#sign-in-form label{ font-size:22px; font-weight:200}
	#request-reset-password-form label{ font-size:22px; font-weight:200}
	#reset-password-form label{ font-size:22px; font-weight:200}

	/* Medium devices (desktops, 992px and up) */
	@media (min-width: 992px){
	.openVideoModal i{font-size:85px;}
	/* navbar ======================================= */
	.navbar-brand>img{ width:auto; height:auto;}
	.navbar-header{ height:170px}
	.navbar-brand{ height:auto; margin-top:35px}
	.navbar-right{ margin-top:80px}
	.navbar-default .navbar-nav>.active>a{ background-color:#1d99d6; color:#FFF}
	.navbar-right{ font-size:16px; font-weight:500; color:#000}
	/* Carousel ================== */
	.carousel-caption{ text-shadow:none; color:#0060a8; text-align:left; top:25px; left:40%}
	.carousel-caption h2{ font-size:32px; padding-left:40px}
	.carousel-caption p{ font-size:30px; line-height:1.3em; padding-left:40px}
	
	/* CC Specific =================================== */
	.cc-quick-links{ Width:90%}
	/* helpers ======================================= */
	.border{ border:solid 1px orange}
	/* carousel ============================ */
	.navbar{}
	body{ margin-top:172px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	 .carousel-caption h2{ padding-left:90px}
	.carousel-caption p{ padding-left:90px}
	}