/*
Theme Name: NTI Custom Theme
Author: Brand-Eye-Dia
Author URI: http://www.brand-eye-dia.com
Developer: Sherri Ferritto
*/


/* ----------------------------------------------
THEME STYLES   
------------------------------------------------- */ 
body, html {
	margin: 0px;
	padding: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	background-color:#FFF;
	font-size: 16px;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
}
/*========= basic global font sizes =============*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
 margin-bottom: .5rem;
	font-weight: 400;
	line-height: 1.2;
	color:#000;
}
h1, .h1, .pageheader h2 {
	color:#000;
	font-size:36px;
	line-height: 118%;
	letter-spacing:-.02em;
}
h2, .h2 {
	font-size:38px;
	margin-top: 15px;
	margin-bottom: 8px;
}
h3, .h3 {
	font-size:30px;
 margin-bottom: .25rem;
}
p {
	font-size: 18px;
	line-height: 150%;
	margin: 0px;
	padding-bottom: 10px;
}
 @media only screen and (min-width: 768px) {
h1, .h1, .pageheader h2 {
 font-size:30px;
}
 h2, .h2 {
 font-size:24px;
}
 p {
 font-size: 15px;
 line-height: 150%;
 margin: 0px;
 padding-bottom: 10px;
}
}
 @media only screen and (min-width: 1200px) {
h1, .h1, .pageheader h2 {
 font-size:36px;
}
 h2, .h2 {
 font-size:26px;
}
}
 @media only screen and (min-width: 1400px) {
h1, .h1, .pageheader h2 {
 font-size:46px;
}
 h2, .h2 {
 font-size:30px;;
}
h3, .h3 {
 font-size:24px;
}
 p {
 font-size: 16px;
}
}
 @media only screen and (min-width: 1800px) {
h1, .h1, .pageheader h2 {
 font-size:52px;
}
 h2, .h2 {
 font-size:42px;
 margin-top: 15px;
 margin-bottom: 15px;
}
h3, .h3 {
 font-size:30px;
 margin-bottom: .25rem;
}
p {
 font-size: 19px;
px;
}
}
.content ul {
	margin-left:15px;
}
.content ul li {
	font-size: 18px;
	line-height: 125%;
	letter-spacing:-.015em;
	padding-bottom: 9px;
	list-style:none;
	font-weight:700;
}
.content ul li ul li {
	font-weight:400;
}
.content ul li:before {
	content: '\f111';
	font-family: 'FontAwesome';
	font-size: 6px;
	float: left;
	margin-left: -12px;
	color: #199e9b;
}
/* --------- other helpers and overrides ---------*/

ul, menu, dir {
	list-style:none;
	padding:0;
	margin:0;
}
a, a:visited {
	color:#125299;
	text-decoration: none;
	transition: all 0.12s ease-in-out 0s;
}
a:hover, a:focus {
	color: #00AEEF;
	text-decoration:  underline;
}
a:focus {
	outline: thin dotted;
}
a.read-more {
 padding-left:.5rem;
}
.no-brk {
	display:inline;
	white-space: nowrap;
}
.no-brk img {
	margin-left:8px;
}



/* telephone links */

a[href^="tel:"], a[href^="tel:"]:visited {
color: inherit;
font-weight:inherit;
}
 a[href^="tel:"]:hover {
color: inherit;
font-weight:inherit;
text-decoration: underline;
}
img {
	max-width: 100%;
	height: auto
}
img.fullwidth {
	width: 100%;
	height: auto
}
figure {
	padding: 0px;
	margin: 0px
}
.overflow {
	overflow:hidden;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
a#skiptocontent {
	padding: 6px;
	position: absolute;
	top: -60px;
	left: 0px;
	color:#FFF;
	background: #00AEEF;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100
}
a#skiptocontent:focus {
	position: absolute;
	left: 0px;
	top: 0;
	color:#FFF;
	background: #199e9b;
	outline: 0;
-webkit-transition: top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
	margin-bottom:200px;
}
.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin-bottom:20px;
}
.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}
.video-border, .photo-border {
	border: 3px solid #FFF;
	margin-bottom: 30px
}
@media only screen and (min-width: 768px) {
.video-wrapper {
margin-bottom: 0px
}
}
@media only screen and (min-width: 1200px) {
.iframe-responsive.map {
margin-top:30px;
}
}
.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}
.iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.error-message {
	color:#cc0000;
	font-weight:bold;
}
/* =========== CONTAINERS ================= */
.container {
	width:90%;
	max-width:90%;
}
 @media only screen and (min-width: 768px) {
.container {
 width:80%;
 max-width:1500px;
}
}



/*======================================
=            CUSTOM GUTTER CODE            =
======================================*/

.custom-gutters > [class*='col-'] {
 margin-bottom:30px;
}
 @media(min-width:1400px) {
 .custom-gutters {
 padding-right:-24px;
 padding-left:-24px;
}
 .custom-gutters > [class*='col-'] {
 padding-right:24px;
 padding-left:24px;
 margin-bottom:0;
}
}
.card {
	background-color: transparent;
	background-clip: border-box;
	border: none;
	border-radius: 0;
}
.card-img {
	border:none;
	border-radius:0;
}
.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	border-radius: 0;
}
/* =========== buttons and colors ================= */

.btn {
	font-family: 'Crete Round', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 1.42857143;
	text-align: center;
	white-space:  normal;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
 @media only screen and (min-width: 768px) {
.btn {
 font-size: 16px;
 padding: 10px;
padding-right: 16px;
 padding-left: 16px;
}
}
 @media only screen and (min-width: 1200px) {
.btn {
 font-size: 24px;
 padding-right: 22px;
 padding-left: 22px;
}
}
 @media only screen and (min-width: 1800px) {
.btn {
 font-size: 36px;
 padding-right: 32px;
 padding-left: 32px;
}
}
.btn-small {
	font-size: 16px;
	padding: 6px;
	padding-right: 12px;
	padding-left: 12px;
}
.btn-blue, .btn-blue:visited {
	color: #FFF;
	background-color: #00AEEF;
}
.btn-blue:hover, .btn-blue:focus {
	color: #FFF;
	background-color:#199e9b;
}
/* backgrounds and colors */

.bg-blue {
	background-color: #00AEEF;
}
.bg-dkblue {
	background-color: #125299;
}

.bg-gray {
	background-color: #666666;
}
.bg-pink {
	background-color: #FCF;
}
.blue {
	color: #00AEEF;
}
.dkblue {
	color: #125299;
}
.text-sans {
	font-family: 'Lato', sans-serif;
}
/* ================================================= */
/* ====================== header ================= */
/* =================================== ============== */


header {
	background-color:#125299;
	color:#FFF;
	padding-top:30px;
	padding-bottom:10px;
	position:relative;
	box-shadow: -1px 11px 10px 0px rgba(0, 0, 0, 0.36);
	-webkit-box-shadow: -1px 11px 10px 0px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: -1px 11px 10px 0px rgba(0, 0, 0, 0.36);
	z-index:1000;
}
 @media only screen and (min-width: 768px) {
header {
padding-top:30px;
 padding-bottom:20px;
}
}
 @media only screen and (min-width: 1200px) {
header {
 padding-top:36px;
}
}
 @media only screen and (min-width: 1800px) {
header {
 padding-top:38px;
}
}



header .container {
	position:relative;
	padding-bottom:40px;
}
 @media only screen and (min-width: 768px) {
 header .container {
 padding-bottom:0;
}
}

.header-row {
	-ms-flex-align: start;
    align-items: flex-start;
}



 @media only screen and (min-width: 768px) {
.header-row {
	-ms-flex-align: end;
    align-items: flex-end;
}

}
header .logo {
	z-index:9999;
	
}


header .tagline {
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	font-family: 'Lato', sans-serif;
	text-align:left;
	padding-left:15px;
	
}
 @media only screen and (min-width: 768px) {
 header .tagline {
 right:0;
 top:0;
 text-align:right;
padding-left:0;
	
}
}
header .tagline p {
	font-family: 'Lato', sans-serif;
	color:#E7BB20;
	font-weight:700;
	font-size:13px;
}
 @media only screen and (min-width: 1200px) {
header .tagline p {
 font-size:18px;
}
}
 @media only screen and (min-width: 1800px) {
header .tagline p {
 font-size:22px;
}
}
/* main menu navigation */
.mainmenu {
	display: none;
}
@media only screen and (min-width: 768px) {
.mainmenu {
display:inline;
}
}
.mainmenu ul {
	font-family: 'Lato', sans-serif;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:.02em;
	font-weight:700;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:20px;
	list-style:none;
}
@media only screen and (min-width: 1200px) {
.mainmenu ul {
font-size:14px;
}
}
 @media only screen and (min-width: 1400px) {
.mainmenu ul {
font-size:16px;
}
}
@media only screen and (min-width: 1800px) {
.mainmenu ul {
font-size:20px;
}
}
.mainmenu ul li {
	display:inline;
	margin-right:1.5rem;
}
.mainmenu ul li a:link, .mainmenu ul li a:visited {
	color:#FFF;
	border:none;
}
.mainmenu ul li.current_page_item a, .mainmenu ul li a:hover, .mainmenu ul li a:focus {
	color:#E7BB20;
	text-decoration: none;
}
.mainmenu li.current_page_item a:hover, .mainmenu li.active a:hover {
	color: #E7BB20;
}
.mainmenu li.current-page-ancestor a {
	color: #E7BB20;
}



/* mobile navigation takeover overlay */


header .mobile-tools {
	text-align:right;
}
.hamburger {
	display: inline-block;
	cursor: pointer;
	padding:0;
}
.hamburger:focus {
	outline:none;
	box-shadow:none;
}
.bar1, .bar2, .bar3 {
	display:block;
	width: 44px;
	height: 2px;
	background-color: #FFF;
	margin: 8px 0;
}
 @media only screen and (min-width: 1600px) {
.bar1, .bar2, .bar3 {
 width: 78px;
 height: 2px;
 margin: 15px 0;
}
}
.bar2 {
	transition: 0.3s;
}
.hamburger:hover .bar2 {
	width:100%;
	transition: 0.3s;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 6px);
	transform: rotate(-45deg) translate(-6px, 6px);
	background-color: rgba(0, 0, 0, 0.8);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-6px, -6px);
	transform: rotate(45deg) translate(-6px, -6px);
	background-color: rgba(0, 0, 0, 0.8);
}
/* close button */

.btn-close {
	position: absolute;
	top:15px;
	right:25px;
	z-index:9000;
	height:44px;
	width: 44px;
	background-color: transparent;
	padding:0;
}
 @media only screen and (min-width: 480px) {
.btn-close {
top:15px;
 right:45px;
}
}
.btn-close .bar1 {
	transition: 0.3s;
	-webkit-transform: rotate(-45deg) translate(-8px, 6px);
	transform: rotate(-45deg) translate(-8px, 6px);
	background-color: #FFF;
}
.btn-close .bar2 {
	opacity: 0;
}
.btn-close .bar3 {
	transition: 0.3s;
	-webkit-transform: rotate(45deg) translate(-6px, -6px);
	transform: rotate(45deg) translate(-6px, -6px);
	background-color: #FFF;
}
 @media only screen and (min-width: 1600px) {
.btn-close .bar1 {
 transition: 0.3s;
 -webkit-transform: rotate(-45deg) translate(-12px, 15px);
 transform: rotate(-45deg) translate(-12px, 15px);
 background-color: #FFF;
}
 .btn-close .bar3 {
 transition: 0.3s;
 -webkit-transform: rotate(45deg) translate(-11px, -11px);
 transform: rotate(45deg) translate(-11px, -11px);
 background-color: #FFF;
}
}
/* =================================================== */
/* ==============    MENU OVERLAY ======================= */

.overlay-bg {
	background: #125299;
}
.menu-overlay {
	position: fixed;
	width: 100%;
	height:100%;
	z-index: 9999;
	top: 0;
	left: 0;
	overflow-y: hidden;
	transition: 0.5s;
	display:none;
}
.overlay-header {
	width:100%;
}
.overlay-content {
	position: relative;
	width: 100%;
	height:100%;
	padding-bottom:96px;
	text-align: center;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.menu-overlay nav {
	color:#FFF;
	font-weight:400;
	padding-bottom:20%;
}
.menu-overlay nav ul {
	
	font-family: 'Lato', sans-serif;

	color:#FFF;
	text-transform:uppercase;
	letter-spacing:.02em;
	font-weight:700;
	
	
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: center;
}
.menu-overlay nav ul li {
	display: block;
	text-align: center;
	padding:0;
	margin:0;
	vertical-align: middle;
	line-height:100%;
}





.menu-overlay nav li a {
	display:block;
	font-size: 24px;
	line-height:150%;
	color:#FFF;
	font-weight:400;
	letter-spacing:.085em;
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
}
@media only screen and (min-width: 414px) {
.menu-overlay nav li a {
padding-top:8px;
padding-bottom:8px;
}
}
@media only screen and (min-width: 768px) {
.menu-overlay nav li a {
font-size: 24px;
padding-top:6px;
padding-bottom:6px;
}
}

.menu-overlay nav li a:visited {
	color: #FFF;
}
.menu-overlay nav li a.active, .menu-overlay nav li a:hover, .menu-overlay nav li a:focus {
	color: #199e9b;
	border:none;
}
/* ================================================= */
/* ====================== HOME PAGE ================= */
/* ================================================= */
.home-grid {
	padding-top:30px;
	padding-bottom:30px;
}
 @media only screen and (min-width: 1200px) {
.home-grid {
 padding-top:40px;
 padding-bottom:40px;
}
}


.home-grid .card-body{
	padding-left:0;
	padding-right:0;

}
.home-grid h2{
	margin-top:0;

}


/* ================================================= */
/* ====================== globals  ============= */
/* ================================================= */


.pageheader {
	position: relative;
}
.pageheader article {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top: 40px;
	padding-bottom:40px;
	text-align:left;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items:center;
	z-index:1;
	text-align: center;
}
/* pageheader typography */

.pageheader article h1, .pageheader article h2 {
	margin:0;
	padding:0;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	text-transform:uppercase;
}
.pageheader article h1 br, .pageheader article h2 br {
	display:none;
}
.pageheader article figure {
	margin:0;
	padding:0;
}
 @media only screen and (min-width: 768px) {
.pageheader article h1, .pageheader article h2 {
 margin:0;
 padding:0;
}
.pageheader article h1 br, .pageheader article h2 br {
 display:block;
}
 .pageheader article figure {
 margin-left:8%;
}
}
/* ================================================= */
/* ====================== INNER PAGES ================= */
/* ================================================= */



/* main section */



.content {
	padding:30px;
}
 @media only screen and (min-width: 768px) {
}
 @media only screen and (min-width: 992px) {
.content {
 padding:30px;
 padding-left:50px;
}
}
 @media only screen and (min-width: 1200px) {
}
.content .h1 {
	margin-top:0;
	margin-bottom:20px;
}
/* sidebar */


.sidebar {
	background: #666666;
	font-family: 'Lato', sans-serif;
	position:relative;
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.sidebar-text {
	padding:30px;
}
 @media only screen and (min-width: 992px) {
.sidebar-text {
 padding:30px;
 padding-left:30%;
}
}
.sidebar h2 {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:900;
	letter-spacing:.03em;
	color:#00AEEF;
	text-transform:uppercase;
}
 @media only screen and (min-width: 1800px) {
.sidebar h2 {
 font-size:22px;
}
}

.sidebar nav ul li {
	color:#00AEEF;
	margin-bottom:20px;
	margin-left: 17px;
	position:relative;
}
.sidebar ul li:before {
	content: '\003E';
	font-size:24px;
	font-weight:700;
	color: #00AEEF;
	position: absolute;
	left:0;
	margin-left:-17px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sidebar nav ul li a {
	color:#E7BB20;
	text-decoration:underline;
}

/* contact page */

.contact {
	text-align:center;
	
	
}

 @media only screen and (min-width: 768px) {
.contact {
	text-align: left;
	
	
}

}


.bg-gray h2, .bg-gray p {
	color:#FFF;
	
}

.bg-gray a, .bg-gray a:visited {
	color:#E7BB20;
	text-decoration:underline;
	
}

.bg-gray a:hover, .bg-gray a:focus {
	color:#00AEEF;
	text-decoration:underline;
	
}


.bg-gray a[href^="tel:"], .bg-gray a[href^="tel:"]:visited {
color: inherit;
font-weight:inherit;
text-decoration: none;
}
 .bg-gray a[href^="tel:"]:hover, .bg-gray a[href^="tel:"]:focus {
color: inherit;
font-weight:inherit;
text-decoration: underline;
}



/* ================================================= */
/* ====================== footer ================= */
/* ================================================= */

footer {
	color:#FFF;
	font-family: 'Lato', sans-serif;
	background: #125299;
	padding-top:60px;
	padding-bottom:100px;
}
footer p {
	font-size:16px;
	font-weight:700;
}
 @media only screen and (min-width: 1800px) {
footer p {
 font-size:20px;
}
}
footer p a, footer p a:visited {
	color:#E7BB20;
}
footer p a:hover, footer p a:focus {
	color:#E7BB20;
	text-decoration:underline;
}