/*
=============================================
	LEGACY / RESETS
=============================================
*/
a, img {
	border:none;
	outline:none
}

/*
=============================================
	MAIN STUFF
=============================================
*/

html, body {margin:0; padding:0; font-family:PT Sans;}
a {color:#68a6c5; transition:all 1s ease;}
a:hover {color:#000;}

h2 {text-transform:uppercase; font-size:1.2em;}
h2 strong {color:#68a6c5;}

.table-group-heading {font-weight:bold;}
.table-group-heading td {padding:1em 0;}
.table-group-subhead td {padding:0.5em 0; font-style:italic;}
.field-row {text-align:right;}
table {width:100%;}
th {text-align:left; font-weight:normal; font-style:italic; width:20%;}
table td input[type=text] {width:100%; border-radius:5px; padding:0.25em; border:1px solid #ccc;}
table td textarea {width:100%; border-radius:5px; padding:0.25em; border:1px solid #ccc;}

/*
=============================================
	REUSABLE STUFF
=============================================
*/

.button {
	font-family:Oswald;
	color:#fff;
	text-align:center;
	width:120px;
	font-size:0.8em;
	padding:0.5em;
	background-color:#314c61;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
}
.button:hover {color:#fff; background-color:#68a6c5;}

.col {
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}

/*.col img {width:100%;}*/
.col-fluid img {width:100%;}

.col-33 {
	width:33%;
	padding:4%;
	float:left;
}
.row:after {content:""; clear:both; display:table;}

.col-66 {
	width:66%;
	padding:4%;
}

.col-50 {
	width:49%;
	margin-right:-1px;
}

.col-16 {
	width:16%;
	/*padding-right: 3%;*/
}

.col-32 {
	width:33%;
	/*padding-right: 3%;*/
	padding-right:1%;
}

.fluid {}

.clear-float {clear:both;}

/*
=============================================
	LAYOUT TEMPLATE
=============================================
*/

/* HEADER */

.logo {width:auto;}

#logo1 {
    font-size:4.3em;
    font-family:Times New Roman;
    border-bottom:2px solid red;
    display:inline;
    color:blue;
}

#logo2 {
    font-size:1.7em;
    font-family:Times New Roman;
    display:inline;
    color:blue;
}

.branding {
	padding:9px 150px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.branding-right {
	float:right;
	width:235px;
	font-family:Arial;
	font-size:0.8em;
	text-align:right;
	line-height:1.5em;
}

.branding-right img {float:left;}

.tech-access-link {
	margin-bottom:0.25em;
	padding-bottom:0.25em;
}

.alert {
	padding:4px;
	background-color:#ffff00;
	text-align:center;
	font-weight:bold;
}

/* NAV MENU */

.nav {
	text-align:center;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220, 238, 250, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(220, 238, 250, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220, 238, 250, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220, 238, 250, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220, 238, 250, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220, 238, 250, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DCEEFA',GradientType=0 ); /* IE6-9 */
}
.nav>ul {list-style-type:none; margin:0; padding:0; line-height:3.5em;}
.nav>ul>li {
	display:inline;
	/*border-right:1px solid #ccc;*/
}
.nav>ul>li>a {
	display:inline-block;
	padding:0 1em;
	text-decoration: none;
	font-family:Oswald;
	text-transform:uppercase;
	font-weight:normal;
	/*color:#68a6c5;*/
}
.nav>ul>li>a:hover {
	/*color:#000;*/
}
.nav>ul>li>a:active {
	background:#fff;
}

/* FOOTER */

.footer-1 {
	color:#819EAB;
	background-color:#314c61;
	padding-left:100px;
	padding-right:100px;
	padding-top:1em;
	padding-bottom:1em;
}
.footer-1 h2 {color:#fff;}
.footer-1 a {color:#819EAB; text-decoration:none;}
.footer-1 a:hover {color:#fff;}

.footer-2 {
	color:#fff;
	background-color:#152938;
	padding-left:100px;
	padding-right:100px;
	padding-top:1em;
	padding-bottom:1em;
}
.footer-2 a {color:#819EAB; text-decoration:none;}
.footer-2 a:hover {color:#fff;}

.testimonial-statement {font-size:0.9em;}
.testimonial-name {text-align:right; color:#fff; margin-top:-1em; padding-right:2em;}

.social-icons {margin-top:0.5em;}
.social-icons img {width:32px;}

.meta-links {float:right;}

/* REUSABLE CONTENT SECTIONS */

.quick-links-section {
	box-shadow:0 0 30px #ccc;
	padding:1em 3em;
	border-radius:3em 0;
	margin-top:1em;
}
.quick-links {}
.quick-links a {
	color:#68a6c5;
	text-decoration:none;
}
.quick-links a:hover {
	color:#000;
}

/* GLOBAL PAGE */

.page-banner {
	height:200px;
	background-size:cover;
}

.content {
	/*
	padding-left:7%;
	padding-right:7%;
	*/
}
.inner-content {
	/*padding-top:4em;*/
	padding-bottom:2em;
	border-radius:163px / 100px 0 0 0;
	/*box-shadow: 0 0 30px #666;*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

/* SINGLE PAGE */

.marketing-video {float:right; margin-left:2em; margin-bottom:2em;}

.main-banner {
	background-image:url('img/banner.jpg');
	width:100%;
	height:500px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
}

.contact-bar {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,0) 100%);
}

.contact-info {
	box-sizing:border-box;
	padding:1em;
	float:left;
	font-family:arial;
	font-size:0.8em;
	text-align:left;
	line-height:1.5em;
	position:relative;
}
.contact-info img {float:left; margin-right:1em; margin-left:2em;}

.contact-number-1 {float:left; width:50%;}
.contact-number-2 {float:right; width:50%;}

.contact-address-1 {padding-left:3em; float:left;}
.contact-address-2 {padding-right:3em; float:right;}

.zoom-out {transition:all 1s ease; -webkit-transition:all 1s ease;}
.zoom-out:hover {transform:scale(0.8);}

@media screen and (max-width:1024px) {
	/*
	.col-50 {width:100%;}
	.col-33 {width:100%;}
	.col-66 {width:100%;}
	.col-16 {width:100%;}
	.col-32 {width:100%;}
	*/
	.branding {padding:16px 16px; text-align:center;}
	.branding-right {float:none; text-align:inherit; display:none;}
	.nav>ul {line-height:2.5em;}
	.nav>ul>li>a {padding:0 0.35em;}
	/*
	.footer-1 {padding:16px;}
	.footer-2 {padding:16px;}
	*/
}

@media screen and (max-width:640px) {
	.logo {width:75%;}
	.col-50 {width:48%;}
	.col-33 {width:100%;}
	.col-66 {width:100%;}
	.col-16 {width:100%;}
	.col-32 {width:100%;}
	.col {text-align:center;}
	.main-banner {display:none;}
	.page-banner {display:none;}
	quick-links {display:none;}
	ul {list-style-type:none; padding-left:0 !important;}
	.testimonial-name {text-align:center; padding-right:0;}
	.meta-links {float:none; display:block;}
	.footer-1 {padding-left:2%; padding-right:2%;}
	.footer-2 {padding-left:2%; padding-right:2%; text-align:center;}
}