@import url("//fonts.googleapis.com/css?family=Raleway:400,600,700,900");

body {
	font-family: "Raleway", "Arial", sans-serif;
	background: #011E3F;
}

	.img-responsive {
		display: inline-block;
	}

	a, 
	input, 
	img {
		transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -webkit-transition: all 0.3s ease-in-out;
	}

	strong {
		font-weight: 600;
	}

	a:focus,
	input:focus,
	textarea:focus,
	select:focus,
	button:focus {
	    outline: none;
	}

	a::-moz-focus-inner,
	input::-moz-focus-inner,
	textarea::-moz-focus-inner,
	select::-moz-focus-inner {
	    border: 0;
	}

/** header, navigation, search container styles **/

header {

}

	.toolbar {
		background: #1EA6CC;
		padding: 10px 0 10px 0;
	}

	.toolbar .container {
		position: relative;
	}

		.toolbar p {
			text-transform: uppercase;
			color: #fff;
			font-size: 12px;
			margin: 0;
		}

		.toolbar a {
			color: #fff;
			margin: 0 5px 0 5px;
		}

			.toolbar a:hover {
				color: #406BA8;
				text-decoration: none;
			}

		.text-social-icons {
			position: absolute;
			top: 0;
			right: 15px;
		}

			.text-right i,
			.text-social-icons i {
				font-size: 16px !important;
			}

	.header {
		background: #fff;
		box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.35);
		width: 100%;
		position: relative;
	}

	.header .container {
		position: relative;
		min-height: 124px;
	}

		.logo {
			margin: 35px 0 0 0;
		}

		.search {
			position: absolute;
			top: 20px;
			right: 15px;
		}

			.search i {
				position: absolute;
				top: 8px;
				left: 10px;
				color: #666;
			}

			.search-text {
				background-color: #fcfcfc;
				color: #666;
				display: block;
				min-width: 200px;
				padding: 5px 22px 4px 30px;
				font-size: 14px;
				border-radius: 15px;
				border: 1px solid #ddd;
				box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.17);
			}

		.main-nav {
			margin: 0;
			padding: 0;
			text-align: right;
			top: -5px;
			position: relative;
		}

			.main-nav li {
				display: inline-block;
				font-size: 12px;
				font-weight: 600;
				text-transform: uppercase;
				position: relative;
				list-style-type: none;
			}

			.main-nav a {
				color: #000;
				padding: 22px;
			}

			.main-nav a.active,
			.main-nav a:hover {
				color: #fff;
				background: #1EA6CC;
				text-decoration: none;
			}

		.sub-nav {
			position: absolute;
			top: 37px;
			left: 0;
			background-color: #fff;
			margin: 0;
			padding: 0;
			z-index: 999;
			min-width: 220px;
			text-align: left;
			display: none;
		}

			.sub-nav li {
				display: block;
				border-bottom: 1px solid #ccc;
				font-size: 11px;
			}

				.sub-nav li:last-child {
					border: 0;
				}

			.sub-nav a {
				padding: 11px;
				display: block;
			}
                       
            ul .sub-nav-child {
                display: none;
                position: absolute;
                background: #fff;
                margin-left: 220px;
                border: 1px solid #ccc;    
                min-width: 225px;        
                top: 0px;
                padding: 0; 
            }

	.icon-bar {
	  	background-color: #000;
	  	width: 32px !important;
	  	height: 7px !important; 
	}

	#navbar {
	  	margin: 0;
	  	padding: 0; 
	  	position: relative;
	}

	.navbar {
		min-height: 0;
		margin: 0;
		border: 0;
	}

	.navbar-toggle {
	  	position: absolute;
	  	top: -60px;
	  	right: -25px; 
	}

	.navbar-collapse {
		border: 0;
		box-shadow: none;
	}

		.mobile-search i {
			position: absolute;
			top: 27px;
			left: 10px;
			color: #666;
		}

		.mobile-search .search-text {
			width: 100%;
			margin: 20px 0 10px 0;
		}

		.mobile-nav {
			margin: 0;
			padding: 0 0 20px 0;
		}

		.mobile-nav li {
			display: block;
			font-size: 12px;
			font-weight: 600;
			text-transform: uppercase;
			position: relative;
			list-style-type: none;
			border-bottom: 1px solid #ddd;
		}

		.mobile-nav li:last-child {
			border: 0;
		}

		.mobile-nav a {
			padding: 11px;
			display: block;
		}

		.mobile-nav a:hover {
			color: #fff;
			background: #1EA6CC;
			text-decoration: none;
		}

		.mobile-nav .sub-nav {
			position: static;
		}

			.mobile-nav .sub-nav li {
				border-bottom: 0;
			}

/** content container styles **/

.home {
	min-height: 792px;
	padding-top: 100px;
	padding-bottom: 100px;
	/* background: url("../img/deep1.jpg") no-repeat center center; */
	background-size: cover;
	position: relative;
}

	.home-what {
		background: url("../img/deep2.jpg") no-repeat top center;
		background-size: cover;
		
	}

	.home-about {
		min-height: 640px;
		background: #011020;
		background-size: cover;
	}

	.home-how {
		background: url("../img/deep3.jpg") no-repeat top center;
		background-size: cover;
	}

	.home h1 {
		color: #fff;
		font-weight: 900;
		font-size: 120px;
		line-height: 60px;
		margin: 100px auto;
		width: 70%;
	}

		.home h1 span {
			color: #1FA6CC;
			font-size: 36px;
			line-height: 24px;
			font-weight: 600;
		}

	.home h2 {
		color: #1FA6CC;
		font-weight: 600;
		font-size: 48px;
		line-height: 58px;
		margin: 0 0 20px;
	}

	.home h3 {
		color: #fff;
		font-weight: 400;
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 20px;
	}

	.home h4 {
		color: #fff;
		font-weight: 700;
		font-size: 18px;
		line-height: 30px;
		margin: 20px 0 20px 0;
		text-transform: uppercase;
		text-align: center;
	}

	.home p {
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 20px 0;
	}

	.home ul {
		margin-left: 0;
		margin-bottom: 20px;
		padding-left: 15px;
	}

	.home li {
		font-weight: 600;
		color: #1FA6CC;
		font-size: 14px;
		line-height: 26px;
		list-style-type: none;
	}

		.home li:before {
			font-size: 16px;
			content: "• ";
		    color: #1FA6CC;
		    position: relative;
		    top: 0px;
		    left: -5px;	
		}

	.home a {
		color: #1FA6CC;	
	}

	.home a:hover {
		
	}

	.home .hook-lnk {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.hook-lnk a,
	.hook-lnk i {
		color: #0c4e60;
	}

		.hook-lnk i {
			font-size: 30px;
			line-height: 0;
		}

		.hook-lnk:hover a,
		.hook-lnk:hover i {
			color: #1FA6CC;
			text-decoration: none;
		}

	.home .learn-lnk,
	.form-button {
		border: 1px solid #fff;
		background-color: transparent;
		border-radius: 15px;
		color: #fff;
		display: inline-block;
		min-width: 140px;
		padding: 5px;
		text-transform: uppercase;
		text-align: center;
	}

		.home .learn-lnk:hover,
		.form-button:hover {
			background-color: #1FA6CC;
			text-decoration: none;
		}

	.contact-form {
		width: 65%;
		margin: 0 auto;
	}

	.contact-form-inner {
		width: 75%;
		margin: 0 auto;
	}

		.contact-form label {
			display: block;
			font-weight: 400;
			color: #fff;
			text-align: left;
		}

		.contact-form .form-text,
		.contact-form .form-textarea {
			width: 100%;
			border: 1px solid #ddd;
			padding: 5px;
			color: #000;
		}

		.contact-form .form-textarea {
			min-height: 120px;
		}

.page {

}

	.page-container {
		/* min-height: 245px; // removed to collapse the secondary page image div */
		background-color: #e2e2e2;
	}

	.page-title {
		background-color: #0173bc;
	}

		.page-title h2 {
			font-weight: 700;
			text-align: right;
			font-size: 58px;
			margin: 0;
			color: #fff;
			text-transform: uppercase;
			padding-right: 25px
		}

.body {
	padding: 60px 0 60px 0;
	background-color: #fff;
}

	.content h1 {
		color: #1FA6CC;
		font-weight: 600;
		font-size: 48px;
		line-height: 56px;
		margin: 0 0 20px;
	}

	.content h2 {
		color: #000;
		font-weight: 700;
		font-size: 28px;
		line-height: 38px;
		margin: 0 0 20px;
	}

	.content h3 {
		color: #000;
		font-weight: 700;
		font-size: 18px;
		line-height: 30px;
		margin: 20px 0 20px 0;
		text-transform: uppercase;
	}

	.content h4 {
		color: #000;
		font-weight: 700;
		font-size: 16px;
		line-height: 26px;
		margin: 0 0 20px 0;
	}

	.content p {
		color: #454545;
		font-weight: 400;
		font-size: 14px;
		line-height: 26px;
		margin: 0 0 20px 0;
	}

	.content ul {
		margin-left: 0;
		margin-bottom: 20px;
		padding-left: 15px;
	}

	.content li {
		font-weight: 600;
		color: #333;
		font-size: 14px;
		line-height: 26px;
		list-style-type: none;
		text-indent: -0.8em;
	}

		.content li:before {
		    content: "■ ";
		    color: #1FA6CC;
		    position: relative;
		    top: -2px;
		    left: -5px;	
		}

	.content blockquote {
		border-left: 10px solid	#666;
		width: 30%;
		font-size: 18px;
		line-height: 30px;
	}


/** footer container styles **/

footer {

}

	.footer {
		min-height: 245px;
		padding: 30px 20px 30px 20px;
	}

		.footer .col {
			border-right: 1px solid #406BA8;
			min-height: 235px;
			padding-top: 25px;
		}

		.footer .col:last-child {
			border-right: 0;
		}

	.footer h5 {
		font-size: 14px;
		color: #1EA6CC;
		text-transform: uppercase;
		font-weight: 700;
		margin: 0 0 20px 0;
	}

		.footer h5 a {
			color: #1EA6CC;
		}

	.footer p,
	.footer li {
		font-size: 12px;
		color: #406BA8;
	}

		.footer li {
			margin-bottom: 3px;
			list-style-type: none;
		}

			.footer li:before {
				content: "• ";
			    color: #406BA8;
			    position: relative;
			    top: 0px;
			    left: -5px;	
			}

		.footer p {
			margin: 0 0 20px 0;
		}

		.footer p a,
		.footer li a {
			color: #406BA8;
		}

		.footer p a:hover,
		.footer li a:hover {
			color: #1EA6CC;
		}


@media (max-width: 1200px) {

	.footer .col {
		min-height: 235px;
	}
}

@media (max-width: 992px) {
	
	.footer .col {
		border-right: 0;
		min-height: auto;
		padding-top: 25px;
	}

	.footer ul {
		margin-left: 0;
		padding-left: 15px;
	}

	.page-title h2 {
		font-size: 46px;
	}
}

@media (max-width: 768px) {
	
	.toolbar .text-center {
		text-align: left;
	}

	.text-social-icons a {
		display: inline-block !important;
	}

	.content blockquote {
		width: 100%;
	}

	.home h1,
	.contact-form,
	.contact-form-inner {
		width: 100%;
	}

	.page-title h2 {
		font-size: 36px;
	}
}

@media (max-width: 480px) {
	
	.page-title h2 {
		font-size: 36px;
	}

	video {
		display: none;
	}
}