@charset "utf-8";

/*-- Import CSS Section
----------------------------------------------------------------------*/

@import url('fonts.css');
@import url('nav.css');
@import url('middle-menu.css');
@import url('forms.css');
@import url('gallery.css');
@import url('modal.css');
@import url('slider.css');
@import url('slider-controls.css');
@import url('slider-multi.css');
@import url('additional.css');
@import url('../plugins/aths/style/addtohomescreen.css');

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/*-- Global
----------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	width: 100%;
}
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*-- Header Section
----------------------------------------------------------------------*/
body:not(.copyright_2016_webfrogStudios) {
    display: none;
}
#mobile-header {
	background-color:#111c25;
	padding:30px;
}
#mobile-links {
	padding:12px 15px;
	background-color:#111c25;
}
#mobile-links span {
	padding-left:5px;
	padding-right:5px;
}
.btn-mobile {
	background-color:#172d3f;
	border-radius:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:22px;
	padding-top:10px;
	padding-bottom:10px;
}
.btn-mobile[href^=tel] {
	color:#fff;
}
header {
	position:relative;
	/*background-color:#0b0b0b;*/
}
.site-logo {
	position:relative;
	width:100%;
	z-index:5;
}
.scroll-btn {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	z-index:50;
}
.home-page .header-box {
	color:#fff;
	margin-bottom:30px;
}
.inner-page .header-box {
	color:#111c25;
	margin-bottom:30px;
}
.subHeader-box,
.subText-box {
	text-align:center;
	color:#fff;
	margin-bottom:30px;
	text-transform:uppercase;
}
.subHeader-box h1:before,
.subHeader-box h2:before {
	content:'';
	position:absolute;
	bottom:-20px;
	left:30%;
	right:30%;
	height:100%;
	height:4px;
	background-color:#2b6c9f;
}
.header-box h1:before,
.subHeader-box h3:before {
	content:'';
	position:absolute;
	bottom:-10px;
	left:15px;
	right:70%;
	height:100%;
	height:4px;
	background-color:#2b6c9f;
}
.select-spacer {
	padding:15px;
}

.header-box2 h1:before,
.subHeader-box h3:before {
	content:'';
	position:absolute;
	bottom:-10px;
	left:15px;
	right:70%;
	height:100%;
	height:4px;
	background-color:#2b6c9f;
}


/*-- Content Section
----------------------------------------------------------------------*/

#content.home-page {
	background-color:#111c25;
	color:#fff;
	padding:30px 0;
}
#content.inner-page {
	background-color:#fff;
	color:#111c25;
	padding:30px 0;
}

#content .right-box {
	padding-top:15px;
}

.content-box {
	margin-top: 80px;
	padding-left:5px;
	
	
}

#focus {
	background-attachment:fixed;
	background-size:cover;
	padding:30px 0;
	position:relative;
	background-position:center center;
}
#focus:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#13232f;
	opacity:0.3;
}
.point-box {
	text-align:center;
	color:#fff;
	margin-top:30px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	font-size:14px;
	font-size:1.4rem;
}
.point-box img {
	margin-bottom:30px;
}
#photo-gallery {
	padding:30px 0 0;
	background-color:#111c25;
}
#testim-slider {
	padding:30px 0;
	background-color:#111c25;
}
#map-section {
	background-color:#111c25;
}
#map-section .left-box,
#map-section .right-box,
#map-section .gmap3 {
	height:300px;
}
#map-section .left-box {
	background-image:url(../img/bg-03.jpg);
	background-size:cover;
	background-position:center;
	display:table;
}
#map-section .left-box .inner-box {
	padding-left:0;
}
#map-section .left-box .inner-box a {
	font-weight:bold;
	color:#92ceff;
}
#map-section .left-box .subHeader-box {
	margin-bottom:30px;
}
#map-section .left-box .inner-box .subText-box {
	margin-bottom:0;
}

#location-bar {
	padding:10px 0;
	background-color:#1d384d;
	text-align:center;
}
.loc-item {
	display:block;
	padding:5px 15px;
	color:#fff;
	
}
.nifty1{
	
	background-color: #19476d;
	padding:15px;
	text-align: center;
	color: #fff;
	font-size:22px;
	border-right:2px solid #fff;;
	
}

.nifty2{
	
	background-color: #0087A8;
	padding:15px;
	text-align: center;
	color: #fff;
	font-size:30px;
	border-right:2px solid #fff;;
	
}

.designimage{
	
	height:200px;
	background-position: center center;
	background-size: cover;
}
	
.designname{
	 
	color: #fff;
	 background-color: #222532;
	padding:15px;
	font-size:14px;
	text-align: center;
}

.designpoints{
	
	background-color: #19476d;
	color: #fff;
	text-align: center;
	padding:10px;
	
}

.designpoints2{
	
	background-color: #0087A8;
	color: #fff;
	text-align: center;
	padding:10px;
	    font-size: 12px;
}


.designpoints2 b{
	
	 
	color: #fff;
	
}
	
.designname a{
	
	 font-size:12px;
}

/*-- Footer Section
----------------------------------------------------------------------*/

footer {
	background-color:#111c25;
	padding:3% 0;
}
#footer_text img {
	display:inline-block;
}
	
.social-links {
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
}	



body:not(.copyright_2016_webfrogStudios) {
    display: none;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#map-section .left-box .inner-box {
	padding-left:15px;
}
#map-section .left-box,
#map-section .right-box,
#map-section .gmap3 {
	height:300px;
}
.subText-box {
	margin-bottom:15px;
}
#location-bar {
	padding:20px 0;
	background-color:#1d384d;
	text-align:center;
}
.loc-item {
	display:inline-block;
	padding:5px 30px;
	border-right:2px solid #fff;
}
.loc-item:last-child {
	border-right:none;
}
.site-logo {
	position:absolute;
	top:130px;
	width:100%;
	z-index:5;
}
.scroll-btn {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	z-index:50;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#map-section .left-box .inner-box {
	padding-left:15px;
}
#map-section .left-box,
#map-section .right-box,
#map-section .gmap3 {
	height:300px;
}
.site-logo {
	position:absolute;
	top:130px;
	width:100%;
	z-index:5;
}
.scroll-btn {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	z-index:50;
}
.loc-item {
	padding:5px 45px;
}
#content .left-box {
	padding-right:25px;
}
#content .right-box {
	padding-top:0;
	padding-left:25px;
}
.point-box {
	margin-top:15px;
	font-size:12px;
	font-size:1.2rem;
}
#content.home-page {
	padding:6% 0;
}
#content.inner-page {
	padding:6% 0;
}
#focus {
	padding:6% 0;
}
#photo-gallery {
	padding:4% 0 0;
	background-color:#111c25;
}
#testim-slider {
	padding:4% 0;
	background-color:#111c25;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#map-section .left-box .inner-box {
	padding-left:20%;
}
#map-section .left-box,
#map-section .right-box,
#map-section .gmap3 {
	height:400px;
}
.site-logo {
	position:absolute;
	top:180px;
	width:100%;
	z-index:5;
}
.scroll-btn {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	z-index:50;
}
.loc-item {
	padding:5px 75px;
}
.subText-box {
	margin-bottom:30px;
}
.home-page .header-box {
	color:#fff;
	margin-bottom:50px;
}
.inner-page .header-box {
	color:#111c25;
	margin-bottom:50px;
}
.header-box h1:before,
.subHeader-box h3:before {
	content:'';
	position:absolute;
	bottom:-20px;
	left:15px;
	right:70%;
	height:100%;
	height:4px;
	background-color:#2b6c9f;
}
#map-section .left-box .subHeader-box {
	margin-bottom:40px;
}
.point-box {
	font-size:14px;
	font-size:1.4rem;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
#content .left-box {
	width:33.33333333%;
	margin-left:16.66666667%;
}
#content .right-box {
	width:33.33333333%;
}
.section-wrap {
	width:66.666666%;
	margin-left:16.66666667%;
}
#map-section .left-box .inner-box {
	padding-left:40%;
}
}