/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
.modal-header {
	height:100px;
}
.carousel {
	background-color:#d5f0ee;
    height: 50%;
	box-shadow:0px 10px 10px rgba(0,0,0,0.5);
	padding:20px;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.body a:link {
	color:#ec4142;
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-style:normal !important;
	text-align:right;
	display:block;
	
}


/* visited link */
.body a:visited {
    color: #ec4142;
	text-decoration:none;
}

/* mouse over link */
.body a:hover {
    color: #ec4142;
	text-decoration:underline;
}

/* selected link */
.body a:active {
    color: #ec4142;
	text-decoration:underline;
}

.header a:link {
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#015f6b;
	
	cursor:pointer;
	text-decoration:none;
	
}

/* visited link */
.header a:visited {
    color: #015f6b;
	text-decoration:none;
}

/* mouse over link */
.header a:hover {
    color: #65cbc9;
	text-decoration:none;
}

/* selected link */
.header a:active {
    color: #65cbc9;
	text-decoration:none;
}

footer {
    margin: 50px 0;
	text-align:center;
}

body {
  /*padding : 10px;*/
  
}


.header-bold-italic {
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#015f6b;
	padding-top:5px;
	padding-bottom:12px;
	position:absolute;
	right:20%;
	cursor:pointer;
	background-color:#d5f0ee;
	width:40%;
	height:40px;
	display:inline !important;
}





#exTab1 .tab-content {
  
  background-color: #FFFFFF;
  padding : 5px 15px;
  box-shadow:0px 10px 10px rgba(0,0,0,0.5);
}


#exTab1 li {
	float:none !important;
	margin-bottom:2px;
}


/* remove border radius for the tab */

#exTab1 .nav-pills>li>a {
  color:#ec4142;
  border-radius: 0;
  background-color:rgba(255,255,255,0.4);
  text-align:left;
  font-size:18px;

}

#exTab2 .nav-pills>li>a {
  color:#ec4142;
  border-radius: 0;
  background-color:rgba(255,255,255,0.4);
  text-align:left;
  font-size:24px;

}

.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li>a:hover {
	color:#ec4142;
	background-color:rgba(255,255,255,1) !important;
	list-style-type:none;
}

.nav-pills li img {
	margin-right:10px;
}

.circ-info-nav {
	padding-right:0px !important;
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	font-style:italic;
}



.circ-info {
	padding-left:0px !important;
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size:14px;
}

.table {
	border-color:#000000 !important;
}

.indent {
	margin-left:20px;
}

carousel-indicators{
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:right !important;
	list-style:none}
	
.carousel-indicators li{
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	  
	background-color:#4d4d4d;
	border:1px solid #fff;
	border-radius:10px;
}
		
.carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#ec4042 !important;
	}
	
.green-header {
	display:inline-block !important;
	color:#65cbc9;
	font-size:30px;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
}
.green-header2 {
	display:inline-block !important;
	color:#65cbc9;
	font-size:30px;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	float:left;
	position:relative;
}

.panel-body{
	font-size:18px;
	font-style:normal;
}
.green-header img {
	margin-right:40px;
}

.arrow-right {
	width:0;
	height:0;
	border-top:20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left:20px solid #4d4d4d;
	position:absolute;
	left:0;
	top:0;
	background-color:#d5f0ee;
}
.arrow-left {
	width:0;
	height:0%;
	border-top:20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right:20px solid #4d4d4d;
	background-color:#d5f0ee;
	position:absolute;
	right:0;
	top:0;
	float:left;
	
}

.logo {
	background-image:url(../images/circlogo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.header-text-grey {
	color:#CCCCCC;
	font-size:24px;
	font-style:italic;
}

.header-2 {
	position:relative;
	color:#CCCCCC;
	font-size:24px;
	font-style:italic;
	display:inline-block;
	text-align:center;
	float:right;
	margin-right:20px;
	margin-top: 10px;
	
}

.header-2 li {
	list-style-type:none;
}

.header-3 {
	position:relative;
	color:#CCCCCC;
	font-size:24px;
	font-style:italic;
	display:inline-block;
	float:right;
	padding-right:25%;
	padding-top: 10px;
	margin-top:10px;
}

.subhead {
	display:inline;
	list-style-type:none;
	background-color:#4d4d4d;
	width:99%;
	text-align:center;
	height:40px;
	
}

.greybox1 {
	display:inline-block;
	height:40px;
	
	
	
}
.greybox2 {
	width:22%;
	height:40px;
	background-color:#4d4d4d;
	float:right;
}

.subhead div {
	display:inline;
	text-align:center;
}



.tab-pane {
	min-height:400px !important;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.carousel-caption{
	position:absolute; 
	background-color:rgba(255,255,255,1); 
	max-width:25%;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding:30px;
	margin-left:50%;
	text-align:left;
	text-color:#000000; 
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	}
	
.carousel-caption .btn{
	text-shadow:none
	}
	
.lead {
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	text-align:right;
	font-size:14px;
	display:inline !important;
	line-height:120%;
	position:relative;
	
}

.form-items {
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	text-align:left;
	font-size:18px;
	margin-left:auto;
	margin-right:auto;
	max-width:60%;
	background-color:#ffffff;
	padding:20px;
	box-shadow:0px 10px 10px rgba(0,0,0,0.5);
	
	

}
.form-items li{
	list-style-type:none;
	line-height: 200%;
	
	
}
.form-text-center {
	font-family:"Myriad Pro", "DejaVu Sans Condensed","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:14px;
	vertical-align:bottom;
}	

#inputname, #inputname2, #inputname3, #inputnumber, #inputemail, #inputmessage {
	width:100%;
	
}


.btn-contact {
	background-color:#65cbc9;
	border-radius:8px;
	width:100px;
	height:40px;
	font-size:16px;
	font-style:inherit;
	color:#FFFFFF;
}
.seperator {
	display:none;
	font-size:18px;
}
	
@media screen and (min-width:768px){
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
width:30px;
height:30px;
margin-top:-15px;
font-size:30px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
margin-left:-15px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
margin-right:-15px
}
.carousel-caption{
right:20%;
left:20%;
padding-bottom:30px
}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width : 2000px) {
	.header-3 {
		padding-right:20%;
	} 
	#exTab2 {
		display:none;
	}
}
@media only screen and (max-width : 1300px) {
	.header-3 {
		padding-right:15%;
	} 
	
	.header-bold-italic {
		width:50%;
	}
}
 @media only screen and (max-width : 1150px) {
	.header-3 {
		padding-right:5%;
	} 
}
@media only screen and (max-width : 1050px) {
	.body {
		padding:0px !important;
	}
	.header-bold-italic {
		width:100%;
		padding-left:50%;
	}
	.header-3 {
		padding-right:3%;
	}
	.subhead {
		background-color:#d5f0ee;
		display: block !important;
		width:100% !important;
	}
	.arrow-right{
		display:none !important;
		position:absolute;
		z-index:none;
		
	}
	.arrow-left {
		display:none !important;
		position:absolute;
		z-index:none;
	}
	.carousel-caption {
		margin-left:0px !important;
		max-width:100% !important;
		width:100% !important;
		left:0px !important;
		right:0px !important;
		bottom:0px !important;
		padding-bottom:45px !important;
		padding-top:15px;
	}
	.header-bold-italic {
		width:100% !important;
		padding-left:0px;
		position: relative !important;
		padding-top:10px;
		margin-top: 5px !important;
		display:block !important;
  	}
	.subhead {
		position: relative !important;
	}
	.greybox1 {
		width:100% !important;
		position:relative !important;
	}
	.subhead div {
		display:inline-block;
		right:0px !important;
	}
	.arrow-right, .arrow-left {
		display: none !important;
	}
	
}
  /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  
  .body a:hover {
	  text-decoration:none !important;
	  text-shadow: 0px 0px 8px #000;
  }
  .header-3 {
	  padding-right:2%;
	  width:50%;
	  text-align:center;
  } 
  #exTab2{
	  display:block;
  }
  .form-items {
	  max-width:80%;
  }
  
  .logo {
	  top:70px;
  }
  .header-2 {
	  float:left !important;
	  display: block !important;
	  height: 70px;
	  background-color: #333;
	  width:100%;
	  margin:0px !important;
	  padding:0px !important;
  }
  
  .header-2 li {
	  display:inline-block !important;
	  float:none !important;	
	  padding:21px 10px;	
	  margin-right:10px;
  }
  .header-2 li a {
	  font-size:20px !important;
	  color:#fff !important;
  }
  .seperator {
	  display:inline-block !important;
  }
  .header-3 {
	  width:100% !important;
	  height:100px;
	  padding-left:230px !important;
	  padding-top:20px;
	  margin:0px;
  }
  .logo {
	  height:100px;
	  background-size:auto 100px;
  }
  .logo img {
	  height:100px;
  }
}

@media only screen and (max-width : 815px) {
	.header-bold-italic {
		width:100%;
		margin:auto;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 576px) {
	.header-3, .header-2 li a {
		font-size:18px;
	}
	.header-2 li {
		padding: 10px 5px;
	}
	.header-2 {
		height:45px;
	}
	.logo {
		top:45px;
	}
	.header a:link, .header-bold-italic {
		font-size: 18px;
	}
	.carousel-caption {
		display:block;
	}
	
	.lead {
		display:block;	
	}
	
	.form-items {
		max-width:100%;	
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 435px) {
	.header a:link, .header-2 li a  {
		font-size: 12px !important;
	}
	 .header-bold-italic  {
		font-size: 12px;
		padding: 5px 0 !important;
		height:auto !important;
	}
	.greybox1, .subhead {
		height:30px !important;
	}
	.carousel {
		padding-top:5px !important;
		height: 400px !important;
	}
	
	.logo {
	  height:80px;
	  background-size:auto 80px;
  	}
	.logo img {
		height:80px;
  	}
	.header-3 {
		padding-left: 180px !important;
		height: 80px;
		font-size:14px;
	}
	#exTab2 .nav-pills>li>a {
		font-size:16px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 386px) {
	.header-3 {
		padding-left: 180px !important;
		height: 80px;
		font-size:14px;
		padding-top: 10px;
	}
	.header-2 li {
		padding: 10px 2px !important;
}