/* ==========================================================================

   Author's custom styles

   ========================================================================== */







h1,h2,h3,h4,h5,h6{

	font-family: "open_sansregular", Verdana, Geneva, sans-serif;

	font-weight: bold;

	}

	

img{

	max-width: 100%;

	}

	

.btn{

	border-radius: 0px;

	}



.navbar{

	background: #003b35;

	margin-top: 16px;

	margin-bottom: 0;

	border-radius: 0px;

	}

	

.navbar-nav{

	float: right;

	font-family: "open_sansregular", Verdana, Geneva, sans-serif;

	font-size: 16px;

	text-transform: uppercase;

	}

	

.navbar-brand{

	float: none;

	position: absolute;

	top: -14px;

	padding: 0;

	}

	

.navbar-collapse {

	padding-left: 0;

	padding-right: 0;

	}

	

.navbar-nav > li {

	margin: 14px 0;

	}

	

.navbar-nav > li > a {

	border-right: solid 1px;

	padding: 2px 13px;

	color: #fff;

	}

	

.navbar-nav > li > a:hover,

.navbar-nav > li > a:focus {

  text-decoration: none;

  background-color: transparent;

  color: #CCC;

}

	

.navbar-nav > li:last-child > a {

	border-right: none;

	}

	

.mrg-top{

	margin-top: 90px;

	}

	

.main h3{

	margin-top: 5px;

	margin-bottom: 15px;

	color: #003b35;

	}

	

.main h4{

	margin-top: 0;

	margin-bottom: 3px;

	color: #003b35;

	}

	

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

	margin-left: 0;

	}

	

.body-out img {

	position: absolute;

	right: 0;

	}

	

.g-color{

	color: #003b35;

	font-weight: bold;

	}



.grey-color{

	color: #757575;

	}

	

footer{

	background:  #003b35;

	color: #fff;

	text-align: center;

	position: fixed;

	width: 100%;

	bottom: 0;

	padding: 15px 0 8px;

	}

	

.navbar-toggle .icon-bar {

	background: #fff;

	transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	-o-transition: all ease 0.5s;

	}

	

.navbar-toggle:hover .icon-bar {

	background: #ccc;

	}



.list{

	padding-left: 18px;

	color: #003b35;

	font-size: 18px;

	width: 50%;

	float: left;

	}



.list li{

	padding: 8px 0;

	}

	

.popup-img a{

	color: #003b35;

	}

	

.popup-img a:hover{

	text-decoration: none;

	}



.popup-img h4{

	margin-bottom: 0;

	}	

	

.popup-img p{

	color: #666;

	}

	

.popup-img p{

	margin-bottom: 20px;

	}

	

.popup-img .thumb img{

	border: solid 1px #315752;

	border-bottom: solid 3px #315752;

	padding: 10px;

	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);

box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);

	}

	

.popup-img .thumb:hover img{

	border: solid 1px #666;

	border-bottom: solid 3px #666;

	}

	

.modal-backdrop {

	background-color: #315752;

	}

	

.modal-header {

	background: #5a8f7d;

	color: #fff;

	border: none;

	}

	

.close{

	color: #fff;

	filter: alpha(opacity=100);

	opacity: 1;

	}

	

.modal-body {

	background-color: #003b35;

	min-height: 430px;

	}

	

.modal-body img{

	border: solid #fff 8px;

	}

	

.modal-body h4{

	color: #fff;

	margin: 15px 0;

	font-weight: bold;

	}

	

.modal-body p, .modal-body ul, .modal-body h5{

	color: #fff;

	}

	

.modal-title{

	color: #5a8f7d;

	}

	

.modal-content {

	border: 8px solid rgba(255, 255, 255, 1);

	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);

-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);

box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);

	}

	

.cent-text{

	text-align: center;

	color: #003b35;

	font-weight: bold;

	}

	

.book-text{

	font-size: 20px;

	}

	

.book h3{

	color: #5a8f7d;

	}

	

.footer {

	position: static;

	margin-top: 20px;

	}

	

.min{

	min-height: 550px;

	}

.staff-page .modal-title {
	color: #fff;
}


#nstinfo .modal-header .close {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 27px;
}
#nstinfo .modal-title {
	color: #fff;
}
#nstinfo .modal-body.mx-3 {
	min-height: 180px;
	
}

#nstinfo .modal-dialog {
	margin: 100px auto;
}

.popup-img a img {
	max-width: 219px;
}
.modal-body img {
	max-width: 300px;
}

.popup-img a img {
	max-width: 192px;
	height: 160px;
	object-fit: cover;
	width: 100%;
}




	

@media (max-width : 991px) {

	

body{

	font-size: 14px;

	}

	

.navbar-brand {

	width: 29%;

	}

	

.navbar-nav {

	font-size: 14px;

	}



.navbar-nav > li > a {

	padding: 2px 10px;

	}

	

.mrg-top {

	margin-top: 30px;

	}

.ifrm {
	width: 100%;
}

}



@media (max-width : 767px) {



.navbar-brand {

	width: 60%;

	top: -64px;

	}

	

.navbar-collapse {

	padding-left: 15px;

	padding-right: 15px;

	}

	

.navbar-nav{

	text-align: right;

	}

	

.navbar-nav > li > a {

	border-right: none;

	}

	

.mrg-top {

	margin-top: 12%;

	}

	

.book-mrg{

	margin-top: 20px;

	}

	

footer {

	position: static;

	margin-top: 30px;

	}

	

.list {

	font-size: 14px;

	}

	

body{

	padding-bottom: 0px;

	}

.body-out img {
	position: relative;
	right: auto;
	margin: 0 auto;
	display: block;
	max-width: 190px;
}



}


@media (max-width : 480px) {

.contact-page  .col-xs-4.body-out {
	position: absolute;
	right: 15px;
	bottom: 220px;
}
.contact-page .col-xs-8.mrg-top.main.page {
	width: 100%;
}
#nstinfo .modal-dialog {
	margin-top: 80px;
	width:95%;
} 

}
@media (max-width : 380px) {

.contact-page  .col-xs-4.body-out {
	bottom: 200px;
}



}