/*-- Navbar
================================================== */
.navbar-default .navbar-toggle {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	border-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;

}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#add8e6;
	background-color: transparent;
}
@media (max-width:768px){
	nav{
		position: fixed;
		width: 100%;
		font-size:18px;
		text-align: center;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out; 
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
		background: #1f4e79 !important;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		border:0px;
	}
	.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
		color:#add8e6 !important;
	}
	nav.sticky .navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
		color:#add8e6 !important;
	}
	nav .navbar-nav li a {
		line-height: 25px;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
		color: #fff !important; 
	}
	nav .navbar-nav li a:hover,nav .navbar-nav li a:focus  {
		color:#c9c9c9 !important;
	}
	.navbar {
		  background-color: #99ccff; 
	  border: 0;
	}
}
@media (min-width:768px){
	nav{
		position: fixed;
		width: 100%;
		height: 55px;
		font-size:18px;
		text-align: center;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out; 
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		text-transform: uppercase;	
		background: #f8f8f8 !important;
	}
	nav .navbar-nav li a {
		color: #999 !important; 
		line-height: 25px;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
	}	
	nav .navbar-nav li a:hover,nav .navbar-nav li a:focus  {
		color:#1f4e79 !important;
	}
	.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
		color:#1f4e79 !important;
	}	
	nav.sticky .navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
		color:#1f4e79 !important;
	}
}
@media (max-width: 768px) { 
  .nav>li {
	text-align: center;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
}
nav.sticky .navbar-default .navbar-nav > .active > a, 
nav.sticky .navbar-default .navbar-nav > .active > a:hover, 
nav.sticky .navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
}
/*-- Header/Cover
================================================== */
@media (max-width:767px){
	.logo {
		max-width:90%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}	

}
@media (min-width:768px){
	.logo {
		max-width:75%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}	
}
	.cover {
		margin-top:55px;
	}
.cover .section-A {
	background: url(../img/gal/img01.jpg);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media (max-width:767px){
	.center {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
}
@media (min-width:768px){
	.center {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		max-width:90%;
	}
}
.banner {
	min-height:75px;
	background-color:#1f4e79;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
.banner h2, .banner a {
	color:#fff;
}
.banner p, .banner i {
	color:#fff;
	line-height:75px;
}
/*-- Text
================================================== */
h2 {
	color:#1f4e79;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
p {
	font-size:1.3em;	
	font-family: 'Montserrat', sans-serif;
}
/*-- Sections
================================================== */
@media (max-width:767px){
	.section-A {
		height:auto;
		background-color:#fff;
		min-height:300px;
	}
	.section-B {
		height:auto;
		background-color:#f8f8f8;
		padding:20px;
		margin-left:auto;
		margin-right:auto;
	}
	.section-C {
		height:auto;
		background: url(../img/bg.png);
		padding:20px;
	}
	.section-D {
		background-color:#1f4e79;
		min-height:300px;
	}
}
@media (min-width:768px){
	.section-A {
		height:500px;
		background-color:#fff;
		display: block;
		position: relative;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.section-B {
		height:500px;
		background-color:#f8f8f8;
		display: block;
		position: relative;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.section-C {
		height:500px;
		background: url(../img/bg.png);
		display: block;
		position: relative;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.section-D {
		background-color:#1f4e79;
		height:500px;
		display: block;
		position: relative;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
}
.section-D h2, .section-D p{
	color:#fff;
}
.section button {
	margin-left:auto;
	margin-right:auto;	
}
.gallery {
	padding-left: 0px !important;
    padding-right:0px !important;    
}
/*-- Section images
================================================== */
.section-1 .section-A {
	background: url(../img/gal/img02.jpg);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	min-height:300px;
}
.section-2 .section-A {
	background: url(../img/gal/preview.png);
	background-position: center;
    background-size:100% auto;
	background-repeat: no-repeat;
}
.section-3 .section-A {
	background: url(../img/gal/img04.jpg);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.section-4 .section-A {
	background: url(../img/gal/img05.jpg);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.section-5 .section-A {
	background: url(../img/gal/img06.jpg);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*-- Footer
================================================== */
.footer {
	width:100%;
	background-color:#1f4e79;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:25px;	
}
.footer p {
	color:#fff;
	font-size:1.2em;
}
.footer a {
	color:#fff;
}
.social {
    margin: 0;
    padding: 0;
}
.social ul {
    margin: 0;
    padding: 5px;
}
.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
	opacity:0.7;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 20px;
    text-align:center;
    padding-top: 12px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.social i:hover, .social-wrapper i:hover {
	color:#fff;
	opacity:1.0;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.social li .fa-facebook {
    background: #4060A5;
}
.social li .fa-twitter {
    background: #00ABE3;
}
.social li .fa-google-plus {
    background: #e64522;
}
.social li .fa-envelope {
    background: #539c51;
}
/*-- Map
================================================== */
#map_canvas {
	width: 100%;
	height: 750px;
	background-color: #CCC;
}
.cover .container {
	padding:0;
}
/*-- Buttons
================================================== */
.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	border-radius:0;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
	background: #2d4052;
}
.btn-primary {
    background: #1f4e79;
    color: #ffffff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #4f81af;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
}
.btn-primary:active, .btn-primary.active {
    background: #2d4052;
    box-shadow: none;
}
/*-- Hover Effect
================================================== */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}
.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}
.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
.hovereffect a.info, .hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}
.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*-- Show/Hide
================================================== */
@media (min-width:390px){
	.xs-hide{
		display:block;
	}
	.xs-show{
		display:none;
	}	
}
@media (max-width:390px){
	.xs-hide{
		display:none !important;
	}
	.xs-show{
		display:block;
	}
}
@media (min-width:445px){
	.xxs-hide{
		display:block;
	}
	.xxs-show{
		display:none;
	}	
}
@media (max-width:445px){
	.xxs-hide{
		display:none;
	}
	.xxs-show{
		display:block;
	}
}
@media (min-width:550px){
	.xs2-hide{
		display:block;
	}
	.xs2-show{
		display:none;
	}	
}
@media (max-width:550px){
	.xs2-hide{
		display:none;
	}
	.xs2-show{
		display:block;
	}
}
@media (min-width:768px){
	.sm-hide{
		display:block;
	}
	.sm-show{
		display:none;
	}	
}
@media (max-width:767px){
	.sm-hide{
		display:none;
	}
	.sm-show{
		display:block;
	}
}
@media (min-width:992px){
	.md-hide{
		display:block;
	}
	.md-show{
		display:none;
	}	
}
@media (max-width:992px){
	.md-hide{
		display:none;
	}
	.md-show{
		display:block;
	}
}
@media (min-width:1200px){
	.lg-hide{
		display:block;
	}
	.lg-show{
		display:none;
	}	
}
@media (max-width:1200px){
	.lg-hide{
		display:none;
	}
	.lg-show{
		display:block;
	}
}
@media only screen and (max-device-width : 420px) {
	.mobile-show{
		display:block;
	}
	.mobile-hide{
		display:none;
	}		
}
@media only screen and (min-device-width : 420px) {
	.mobile-show{
		display:none;
	}
	.mobile-hide{
		display:block;
	}	
}
@media only screen and (max-device-width : 1000px) {
	.tablet-show{
		display:block;
	}
	.tablet-hide{
		display:none;
	}		
}
@media only screen and (min-device-width : 1000px) {
	.tablet-show{
		display:none;
	}
	.tablet-hide{
		display:block;
	}	
}
.modal-backdrop.in {
    opacity: 0.75;
}
.modal-content {
	text-align:center;
}
.modal-content h2, .modal-content h3 {
	text-shadow: 0px 0px 0px #999;	
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color:#515846;
}