﻿body {
	font-family: 'Open Sans', sans-serif;
}

form {
    margin-bottom: 0px;
}

.label{
    color:#004a68;
}

/*Logo*/
.tel-logo {
	display:block;
	max-width:210px;
	margin: 20px auto;
}
	.tel-logo img {
		width:100%;
	}
/*Navigation*/

.tel-navbar-fluid {
	background-color: rgba(255, 255, 255, 0.4);
	margin-left:-15px;
	margin-right:-15px;
	height: 49px;
}

.navbar {
    border:none;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-nav > li > a {
	color:#fff;
	font-size:18px;
	font-weight:200;
	padding: 15px 35px;
	transition:all .2s;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color:#004a68;
}

.navbar-toggle {
	background-color:#004a68;
}
	.navbar-toggle .icon-bar {
		background-color:#fff;
	}
.navbar .navbar-collapse{
	background-color:rgba(0, 74, 104, 0.82);
}
@media(min-width:768px) {
	.navbar .navbar-collapse{
		background-color: rgba(255, 255, 255, 0.3);
	}
}
/*banner*/
.tel-banner {
	margin-top: -70px;
	height: 415px ;
	width: 100%;
	background-color: #00212f;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
	
	.tel-banner .glow {
		position:absolute;
		opacity:0;
		transition:all 5s;
		transform: rotate(-20deg);
	}
		.tel-banner .glow.show {
			opacity:1;
		}
		.tel-banner .glow.glow-1.show {
			top: 0;
			right: 0%;
			transform: rotate(130deg);
		}
		.tel-banner .glow.glow-2.show {
			transform: rotate(0deg);
			top: 60%;
			left: 10%;
		}
		.tel-banner .glow.glow-3.show {
			transform: rotate(165deg);
			top: -20%;
			left: -10%;
		}
		.tel-banner .glow.glow-4.show {
			transform: rotate(175deg);
			bottom: 0%;
			left: 0%;
		}
.tel-banner-container {
	color:#fff;
	margin:0 auto;
	width:68%;
	margin-top:150px;
	position: relative;
}
.tel-banner-container h1{
	font-weight:200;
	border-bottom:1px solid #fff;
	padding-bottom:20px;
	font-size:32px;
}
	.tel-banner-container h2 {
		font-weight:200;
		font-size: 18px;
	}

 .tel-banner-title {
     margin-top:-128px;
     color:#fff;
 }

 .tel-banner-content-title{
    margin-top: 110px;
    color: #fff;
    position: relative;
    z-index: 61;
 }

  .tel-banner-content-title h1, .tel-banner-title h1 {
    font-weight:200;
	padding-bottom:20px;
	font-size:42px;
  }

  .tel-banner-push {
      margin-top:60px !important;
  }

.tel-banner.content {
	height: 215px ;
}
.tel-banner .glow {
	width:100%;
}
	.tel-banner.content .glow.glow-1.show {
		top: -40%;
		right: 0%;
		transform: rotate(130deg);
	}
	.tel-banner.content .glow.glow-2.show {
		transform: rotate(0deg);
		bottom: -10%;
		left: 35%;
		top: initial;
	}
	.tel-banner.content .glow.glow-3.show {
		transform: rotate(165deg);
		top: -20%;
		left: -10%;
	}
	.tel-banner.content .glow.glow-4.show {
		transform: rotate(125deg);
		bottom: -50%;
		left: 1%;
	}
@media(min-width:768px) {
	.tel-banner .glow.glow-1.show {
			top: 10%;
			right: 0%;
			transform: rotate(130deg);
		}
	.tel-banner .glow.glow-2.show {
		transform: rotate(0deg);
		top: -60%;
		left: 26%;
	}
	.tel-banner .glow.glow-3.show {
		transform: rotate(165deg);
		top: -20%;
		left: -10%;
	}
	.tel-banner .glow.glow-4.show {
		transform: rotate(125deg);
		bottom: -100%;
		left: 10%;
	}

	.tel-banner-container h1 {
		font-size: 48px;
	}
	.tel-banner-container h2 {
		font-size: 30px;
	}
	.tel-banner .glow {
		width:auto;
	}
	.tel-banner.content .glow.glow-1.show {
		top: -40%;
		right: 0%;
		transform: rotate(130deg);
	}
	.tel-banner.content .glow.glow-2.show {
		transform: rotate(0deg);
		bottom: -90%;
		left: 35%;
		top: initial;
	}
	.tel-banner.content .glow.glow-3.show {
		transform: rotate(165deg);
		top: -20%;
		left: -10%;
	}
	.tel-banner.content .glow.glow-4.show {
		transform: rotate(125deg);
		bottom: -100%;
		left: 11%;
	}
}

/*Home-blocks*/
.tel-home-block {
	width:100%;
	font-size: 18px;
	color: #004a68;
	line-height: 1.333;
	text-align: center;
	font-weight:200;
	margin-bottom:20px;
}
.tel-icon {
	height:auto;
}
	.tel-icon .glyphicons {
		border-width: 3px;
		border-color: rgb(0, 62, 87);
		border-style: solid;
		border-radius: 50%;
		background-color: rgb(255, 255, 255);
		width: 79px;
		height: 79px;
		margin-bottom:30px;
		margin-top:20px;
	}
	.tel-icon .glyphicons:before{
		font-size: 40px;
		width: 100%;
		height: 100%;
		margin-top: 24%;
		color:#004a68;
	}
@media (min-width:768px) {
	.tel-home-block {
		width:70%;
		margin:0 auto;
	}
	.tel-icon .glyphicons {
		margin-bottom:20px;
		margin-top:-38px;
	}
}

/*Were to meet*/
.tel-container-fluid-meet {
	margin-top:50px;
	background-color:#e3e3e3;
	background-image:url(Images/inset-shadow.png);
	background-repeat:no-repeat;
	background-position:center -25px;
	padding:25px 20px 15px 20px;
}
.tel-container-fluid-meet .title{
	font-size:24px;
	width:100%;
	text-align:center;
	display: block;
	color:#004a68;
	border-bottom:1px solid #fff;
	padding-bottom:20px;
	margin-bottom:30px;
}
.tel-container-fluid-meet .event{
	width: 100%;
	float: left;
	margin-bottom:20px;
}
	.tel-container-fluid-meet .event:hover {
		text-decoration:none;
	}
	.tel-container-fluid-meet .event .event-date, .tel-container-fluid-meet .event .event-location, .tel-container-fluid-meet .event .event-title {
		width:100%;
		display:block;
		text-align:center;
		padding:0 10px;
	}
	.tel-container-fluid-meet .event .event-date {
		font-size:18px;
		color:#004a68;
		margin-bottom:10px;
	}
	 .tel-container-fluid-meet .event .event-location, .tel-container-fluid-meet .event .event-title{
		 color:#0088bf;
	 }
@media (min-width:768px) {
	.tel-container-fluid-meet .event{
		width: 25%;
		float: left;
	}
}

/*Footer*/
.tel-container-fluid-footer{
	background-color:#004a68;
	text-align:center;
	padding:5px;
	color:#fff;
	font-size:12px;
}

/*Content*/
.tel-content {
	margin:0 auto;
	width:80%;
}
.tel-content *{
	line-height:20px !important;
	font-size:14px !important
}
	.tel-content img {
		margin:0 auto;
		display: block;
	}
/*Contact*/
.tel-container-contact {
	width:100%;
	margin:0 auto;
}

@media screen and (min-width:768px) {
	.tel-container-contact {
		width:100%;
		margin:0 auto;
	}
}

.required:after {
	content: '\002A';
	margin-left: 3px;
	display: inline;
	color: #900;
	font-weight:200;
}
.validation-error{
	position: absolute;
	color: #900;
	padding: 5px 8px;
	top: 4px;
	border-radius: 3px;
	z-index: 10;
    right:15px;
}
.validation-error:before{
	width: 0; 
	height: 0; 
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	
	border-top: 3px solid #f00;
}