@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%;
	background-color:#0b0b0b;
}
.modal-open {
	padding-right:0 !important;
}
@-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
----------------------------------------------------------------------*/
/*.parallax-mirror {
	z-index:200 !important;
}*/
#mobile-header {
	padding:0 0 5px;
}
#mobile-header span {
	padding-left:5px;
	padding-right:5px;
}
.btn-mobile {
	width:100%;
	border-radius:0;
	background-color:#66cc33;
	color:#fff;
	font-size:20px;
}

header {
	position:relative;
	height:auto;
}

#slider,
#slider .item {
	height:200px;
}
#slider:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(5,22,77,0.7);
	z-index:80;
}
.top-left,
.top-right,
.bottom-right {
	z-index:90;
}
.top-left {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	background:url(../img/top-left.png) no-repeat left top;
	background-size:contain;
	width:60px;
	height:43px;
}
.top-right {
	position:absolute;
	top:0;
	right:0;
	pointer-events:none;
	background:url(../img/top-right.png) no-repeat right top;
	background-size:contain;
	width:58px;
	height:123px;
}
.bottom-right {
	position:absolute;
	bottom:0;
	right:0;
	pointer-events:none;
	background:url(../img/bottom-right.png) no-repeat right top;
	background-size:contain;
	width:145px;
	height:128px;
	-webkit-opacity:0.1;
	opacity:0.1;
}

.site-logo {
	padding-top:15px;
	margin-bottom:15px;
	padding-left: 60px;
    padding-right: 60px;
}
.site-logo img {
	max-width:260px;
}
.top-line,
.bottom-line {
	height:80px;
	border-right:2px solid #63d33c;	
	margin-bottom:30px;
}
.bottom-line {
	margin-top:30px;
	margin-bottom:0;
}

/*-- Content Section
----------------------------------------------------------------------*/

#content,
#focus,
#bottom,
footer {
	position:relative;
	width:100%;
}

#content {
	background:#fff;
	padding:5% 0;
}
/*#left-box,
#right-box {
	padding:5% 15px;
}*/
#right-box {
	padding-top:0;
}
#left-box {
	padding-bottom:0;
}
#right-box span {
	padding-left:0;
	padding-right:0;
}
.header-box img {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
.header-box,
.text-box {
	padding-bottom:15px;
}

#focus {
	background:url(../img/bg-03.jpg) no-repeat center center;
	background-size:cover;
	padding:5% 0;
}

#focus-text {
	text-align:center;
}

/*-- Footer Section
----------------------------------------------------------------------*/
	
#bottom {
	position:relative;
	background-color:#fff;
	overflow:hidden;
}
.bottom-border {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:56px;
	z-index:100;
	background:url(../img/border-bottom.png) no-repeat center;
	background-size:cover;
	pointer-events:none;
}
#bottom,
.map-box,
.quickie-box,
.map-container {
	height:auto;
}
.quickie-box {
	padding:30px 0;
}
.address-bar {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(29,29,29,0.8);
	text-align:center;
	color:#fff;
	padding:10px;
	z-index:101;
	pointer-events:none;
	text-transform:uppercase;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1px;
	font-weight:300;
}

.quickie-box {
	display:table;
}

.social-links {
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
}	
footer {
	padding:2% 0;
	background-color:#0b0b0b;
}




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
header,
#slider,
#slider .item {
	height:90vh;
	min-height:900px;
}
.top-line,
.bottom-line {
	height:60px;
	border-right:2px solid #63d33c;	
	margin-bottom:30px;
}
.bottom-line {
	margin-top:30px;
	margin-bottom:0;
}
.site-logo {
	padding-top:0;
	margin-bottom:30px;
    padding-left: 15px;
    padding-right: 15px;
}
.top-left {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	background:url(../img/top-left.png) no-repeat left top;
	width:120px;
	height:87px;
}
.top-right {
	position:absolute;
	top:0;
	right:0;
	pointer-events:none;
	background:url(../img/top-right.png) no-repeat right top;
	width:156px;
	height:287px;
}
.bottom-right {
	position:absolute;
	bottom:0;
	right:0;
	pointer-events:none;
	background:url(../img/bottom-right.png) no-repeat right top;
	width:491px;
	height:457px;
	-webkit-opacity:0.1;
	opacity:0.1;
}
.header-box img {
	margin-top:-8px;
	margin-right:30px;
	float:left;
}
.header-box,
.text-box {
	padding-bottom:30px;
}
.quickie-box {
	padding:60px 0;
}

.address-bar {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(29,29,29,0.8);
	text-align:center;
	color:#fff;
	padding:15px;
	z-index:101;
	pointer-events:none;
	text-transform:uppercase;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1px;
	font-weight:300;
}
.bottom-border {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:56px;
	z-index:100;
	background:url(../img/border-bottom.png) no-repeat center;
	background-size:100% 56px;
	pointer-events:none;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
header,
#slider,
#slider .item {
	height:100vh;
	min-height:700px;
}
#content.home-page {
	background:#fff url(../img/bg-02.jpg) no-repeat right top;
	background-size:33% 100%;
}
#content {
	padding:5% 0;
}
/*#right-box {
	padding-top:5%;
}
#left-box {
	padding-bottom:5%;
}*/
#bottom,
.map-box,
.quickie-box,
.map-container {
	height:auto;
}
.quickie-box {
	padding:60px 0;
}
.quickie-wrap {
	padding-left:0;
	padding-right:0;
}
.header-box img {
	margin-top:0;
	margin-right:30px;
	margin-bottom:0;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
header,
#slider,
#slider .item {
	height:100vh;
	min-height:700px;
}
#slider {
	z-index:-100;
}
#slider,
#middle-menu {
	position:fixed;
	width:100%;
	/*z-index:-100;*/
}
.top-left,
.top-right,
.bottom-right {
	position:fixed;
	z-index:-100;
}
#content,
#focus,
footer {
	z-index:200;
}
#bottom,
.map-box,
.quickie-box,
.map-container {
	height:420px;
}
.quickie-box {
	padding:0 15px;
}
.header-box img {
	margin-top:0;
	margin-right:30px;
}
.top-line,
.bottom-line {
	height:60px;
	border-right:2px solid #63d33c;	
	margin-bottom:30px;
}
.bottom-line {
	margin-top:30px;
	margin-bottom:0;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
header,
#slider,
#slider .item {
	height:100vh;
	min-height:800px;
}
#bottom,
.map-box,
.quickie-box,
.map-container {
	height:620px;
}
.quickie-wrap {
	padding-left:0;
	padding-right:0;
	margin-left: 16.66666667%;
	width: 66.66666667%;
}
.header-box img {
	margin-top:-8px;
	margin-right:30px;
}
.top-line,
.bottom-line {
	height:80px;
	border-right:2px solid #63d33c;	
	margin-bottom:30px;
}
.bottom-line {
	margin-top:30px;
	margin-bottom:0;
}
}