/* CSS Document */

/* 'Look2 Home Marketing v4 - 2022' */

/* Fonts */

@font-face {
    font-family: L2_font1;
    src: url(../fonts/Arial.woff);
	src: local('Arial'), url(../fonts/Arial.woff) format('woff');
	font-display: swap;
}

/* Base */
body {
    font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #000;
    background:#FFF;
}

.clear {
	clear: both; 
	margin: 0px;
	visibility:hidden;
}

.button {
	background-color: #BBB;
	border: none;
	color: white;
	font-weight: bold;
	padding: .75em 1.75em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
	-webkit-border-radius: 300px;
    border-radius: 300px;
	cursor: pointer;
}

.button:hover {
	border: none;
	color: white;
	font-weight: bold;
	padding: .75em 1.75em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
	-webkit-border-radius: 300px;
    border-radius: 300px;
	background: rgba(187,187,187,0.9);
	cursor: pointer;
}


.active_gallery {
	border-bottom: 2px solid #BBB;
	display: block;
    color: #000;
    text-align: center;
    margin: 0px 9px 0px 9px;
	padding: 0px;
    text-decoration: none;
}

.icon {
  padding: 10px;
  background: #6C6C6C; 
  color: white;
  min-width: 40px;
  text-align: center;
}

input[type=text] {
    padding:5px; 
    border:2px solid #6C6C6C; 
}

input[type=text]:focus {
    border-color:#73C953;
}


input[type=password] {
    padding:5px; 
    border:2px solid #6C6C6C; 
}

input[type=password]:focus {
    border-color:#73C953;
}


input[type=submit] {
    padding:5px 15px;
	margin: 0px 0px 10px 0px;
	color: #FFF;
	font-weight: bold;
    background:#73C953; 
    border:2px solid #FFFFFF; 
    cursor:pointer; 
}

img { border: 0; }

.input-container-ta {
	display: flex;
  	width: 96%;
	margin: 0px 2% 15px;
	float: left
}

.input-field {
	width: 90%;
	padding: 10px;
	outline: none;
	border:2px solid #6C6C6C; 
}

.input-field-ta {
	width: 90%;
	height: 200px;
	padding: 10px;
	outline: none;
	border:2px solid #6C6C6C; 
}

.logo_responsive {
	width: 100%;
	max-width: 192px;
	height: auto;
}

.zillow_responsive {
	width: 50%;
	max-width: 274px;
	height: auto;
}

.faq-heading{
	width: 96%;
    padding: 14px 0% 16px 0%;
	margin: 10px 2% 0px;
    background-color: #BBB;
}

.faq-heading h1 {
		font-family: L2_font1;
        font-size:20px;
		color: #FFF;
		width: 50%;
		position: relative;
		margin: 0px auto;
		padding: 0% 25%;
        text-align: center;
		text-shadow: 2px 1px 2px rgba(153, 153, 153, 1);
}

.hr-line{
  width: 90%;
  margin: auto;
}

.faq-page {
	font-family: L2_font1;
	font-size:14px;
    color: #444;
    cursor: pointer;
    width: 96%;
    border: none;
    outline: none;
    transition: 0.4s;
	padding: 1% 0%;
    margin: 1% 2%;
	text-align: left;
}

.faq-body {
	margin: auto;
	font-family: L2_font1;
	font-size:14px;
	width: 96%; 
	padding: auto;
}

.active,
.faq-page:hover {
    background-color: #F9F9F9;
}

.faq-body {
    padding: 0px 5%;
	width: 90%;
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-page:after {
    content: '\02795';
    font-size: 13px;
    float: right;
    margin-left: 5px;
	color: transparent;  
  	text-shadow: 0 0 0 #BBB;
}

.active:after {
    content: "\2796";
	color: transparent;  
  	text-shadow: 0 0 0 #BBB;
}

.email_error {
	font-family: L2_font1;
	font-size:14px;
	color: #B20000;
	font-weight: bold;
}

.gallery_3:before, .gallery_3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 16px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  will-change: border;
}

.gallery_3:hover:before {
  border-width: 16px;
}
.gallery_3:hover:after {
  border-width: 32px;
}

#loadBtn {
	background-color: #73C953;
	border: none;
    padding: 8px 17px;
    color: #fff;
    border-radius: 0px;
    font-size: 17px;
	cursor: pointer
}

.loadmore {
	font-family: L2_font1;
    text-align: center;
    margin-top: 12px;
}

@media only screen and (min-width: 300px) and (max-width: 767px){ 
	#centeredmenu {
		float:left;
		width:100%;
		background:#fff;
		position:relative;
		margin: 0px 0px 15px 0px;
	}

	#centeredmenu ul {
		font-family: L2_font1;
		font-size: 12px;
    	font-weight: bold;
		height: 18px;
		clear:left;
		float:right;
		list-style-type: none;
    	margin: 0 auto;
    	padding: 0px;
		color: #000;
		position:relative;
		right:50%;
		text-align:center;
	}

	#centeredmenu li {
		display:block;
		float:left;
		position:relative;
		left:50%;
	}

	#centeredmenu li a {
    	display: block;
    	color: #000;
    	text-align: center;
    	margin: 0px 9px 0px 9px;
		padding: 0px;
   		text-decoration: none;
		/* Black shadow with 2px blur */
		dtext-shadow: 2px 2px 2px #444;
	}

	#centeredmenu li a:hover {
		border-bottom: 2px solid #73C953; 
	}


	.input-container {
		display: flex;
  		width: 96%;
		margin: 0px 2% 15px;
	}
	
	.faq-container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: left;
		background: #FFF;
	}
	
	#overlay-button {
		position: absolute;
 		right: 2em;
		top: 3em;
		padding: 26px 11px;
		z-index: 5;
		cursor: pointer;
		user-select: none;
		text-align: left;
	}
	
	#overlay-button span {
		height: 4px;
		width: 35px;
		border-radius: 2px;
		background-color: white;
		position: relative;
		display: block;
		transition: all .2s ease-in-out;
	}
	
	#overlay-button span:before {
		top: -10px;
		visibility: visible;
	}
	
	#overlay-button span:after {
		top: 10px;
	}
	
	#overlay-button span:before, #overlay-button span:after {
		height: 4px;
		width: 35px;
		border-radius: 2px;
		background-color: white;
		position: absolute;
		content: "";
		transition: all .2s ease-in-out;
	}
	
	#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
		background: #FFF;
	}

	input[type=checkbox] {
		display: none;
	}

	input[type=checkbox]:checked ~ #overlay {
		visibility: visible;
	}

	input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
		background: transparent;
	}
	
	input[type=checkbox]:checked ~ #overlay-button span:before {
		transform: rotate(45deg) translate(7px, 7px);
		opacity: 1;
	}
	
	input[type=checkbox]:checked ~ #overlay-button span:after {
		transform: rotate(-45deg) translate(7px, -7px);
	}

	#overlay {
		height: 100vh;
		width: 100vw;
		background: #73C953;
		z-index: 2;
		visibility: hidden;
		position: fixed;
	}
	
	#overlay.active {
		visibility: visible;
	}
	
	#overlay ul {
		font-family: L2_font1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		height: 100vh;
		padding-left: 0;
		list-style-type: none;
	}
	
	#overlay ul li {
		padding: 1em;
	}
	
	#overlay ul li a {
		color: white;
		text-decoration: none;
		font-size: 1.5em;
	}
	
	#overlay ul li a:hover {
		color: white;
	}
	
    #horizon {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 320px;
		padding: 0px auto;
		margin: 0px auto;
	}
    
    #splash {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 320px;
		min-height: 224px;
		padding: 0px;
		margin: 0px auto;
		background: transparent;
		
	}
	
	#splash_services, #splash_faq, #splash_contact, #splash_port, #splash_about, #splash_term {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 320px;
		min-height: 180px;
		padding: 0px;
		margin: 0px auto;
		background: transparent;
	}
	
	#menu_container {
		min-width: 320px;
        width: 100%;
        min-height: 106px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 0px;
        background: rgba(187, 187, 187, 0.4)
	}
    
    #logo_header {
        width: 32%;
        height: 86px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 10px 2%;
        float: left;
	}
    
    #links_header {
        width: 60%;
        height: 86px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 10px 2%;
        float: left;
	}
    
    #login_container {
		display: none;
    }
	
	#menu {
		display: none;
	}
	
	#menu ul {
		font-family: L2_font1;
		font-size: 18px;
        font-weight: bold;
		height: 24px;
		list-style-type: none;
    	margin: 0px;
    	padding: 0px;
		overflow: hidden;
		color: #FFF;
	}

	#menu li {
		float: right;
	}

	#menu li a {
    	display: block;
    	color: #FFF;
    	text-align: center;
    	margin: 0px 0px 0px 18px;
		padding: 0px;
    	text-decoration: none;
		/* Black shadow with 2px blur */
		dtext-shadow: 2px 2px 2px #444;
	}

	#menu li a:hover {
		border-bottom: 2px solid #73C953; 
	}
    
	#splash_content {
        font-family: L2_font1;
        font-size:40px;
        height: 35px;
        overflow: hidden;
        font-weight: bold;
		width: 320px;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 160px 0px 0px 0px;
		margin: 0px auto;
        color: #FFF;
	}
	
	#splash_content_sub {
        font-family: L2_font1;
        font-size:40px;
        height: 35px;
        overflow: hidden;
        font-weight: bold;
		width: 320px;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 54px 0px 0px 0px;
		margin: 0px auto;
        color: #FFF;
	}
    
     #index_content_1 {
        font-family: L2_font1;
        font-size:12px;
        height: 200px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2%;
        overflow: hidden;
        background: url(../images/L2_med.jpg) no-repeat;
	}
    
     #ic1_header {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
	}
    
    #ic1_header h1 {
        font-family: L2_font1;
        font-size:20px;
        text-align: center;
		margin: 0px;
		padding: 0px;
	}
	
	 .ic1_content_5  {
        font-family: L2_font1;
        font-size: 14px;
        width: 20%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 20px 0% 30px 0%;
        float: left;
	}
    
    .ic1_content_5 h1 {
        font-family: L2_font1;
        font-size: calc(.90vw + .90vh + .4vmin);
        text-align: center;
		margin: 0px;
		padding: 6px;
	}
    
     .ic1_content_5 h2 {
        font-family: L2_font1;
        font-weight: normal;
        font-size: calc(.5vw + .5vh + .3vmin);
        text-align: center;
		margin: 0px;
		padding: 6px;
	}
	
	.content_full  {
        font-family: L2_font1;
        font-size: 14px;
        width: 100%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 0% 10px 0%;
        float: left;
	}
    
    .content_full_center  {
        font-family: L2_font1;
        font-size: 14px;
        width: 100%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 0% 10px 0%;
        float: left;
	}
    
    .content_2  {
        font-family: L2_font1;
        font-size: 14px;
        width: 46%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 4% 10px 0%;
        float: left;
	}
    
    .content_3  {
        font-family: L2_font1;
        font-size: 14px;
        width: 80%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 10% 10px 10%;
	}
	
	.content_3 h2 {
    	display: block;
    	font-size: 1.10em;
   		margin-block-start: 0.83em;
    	margin-block-end: 0.83em;
    	margin-inline-start: 0px;
   	 	margin-inline-end: 0px;
    	font-weight: bold;
	}
    
    .content_4  {
        font-family: L2_font1;
        font-size: 14px;
        width: 22%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
    
    .content_5  {
        font-family: L2_font1;
        font-size: 14px;
        width: 17%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
    
    #index_content_2 {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 270px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 20px 2% 20px 2%;
        background-image:url(../images/camera_black.jpg);
        background-repeat:no-repeat;
        background-position:right center;
        background-color: #000;
    }
    
    .img_full {
		width: 100%;
	}
    
    #splash_2 {
        height: 240px;
        overflow: hidden;
        width: 100%;
		min-width: 320px;
		position: relative;
		margin: 0px auto;
        padding: 0px;
	}
    
    #l2_break {
		width: 96%;
        height: 60px;
        margin: 0% 2%;
        padding: 0px;
        position: relative; 
		text-align: center;
        background-image:url("../images/l2_break_line.jpg");
        background-repeat: repeat-x;
	}
    
    #latest_content {
        font-family: L2_font1;
        font-size:12px;
        color: #BABABA;
        min-width: 280px;
		width: 80%;
		position: relative;
		margin: 0px auto;
		padding: 0px 10% 20px 10%;
        background-color: #FFF;
    }
    
    #latest_header {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0px 0px 9px;
	}
    
    #latest_header h1 {
        font-family: L2_font1;
        font-size:20px;
        text-align: left;
		margin: 0px;
		padding: 0px;
	}
    
    .latest_content_5i  {
        font-family: L2_font1;
        font-size: 16px;
        width: 95%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    #latest_content_5l  {
        font-family: L2_font1;
        font-size: 16px;
        width: 95%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    #latest_content_5r  {
        font-family: L2_font1;
        font-size: 16px;
        width: 95%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    .lc5_inner  {
        font-family: L2_font1;
        font-size: 14px;
        text-align: left;
        width: 96%;
		position: relative;
		padding: 2%;
		margin: 0%;
        color: #000;
	}
    
    .lc5_inner h2 {
        font-family: L2_font1;
        font-weight: bold;
        font-size: 16px;
		margin: 0px;
		padding: 0px;
        color: #00285A;
    }
	
	#services_bullet_content {
        font-family: L2_font1;
        font-size:12px;
        color: #BABABA;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 40px 2% 10px 2%;
        background-color: #FFF;
    }
	
	#what_offer, #questions, #contact, #portfolio, #gallery, #about {
        font-family: L2_font1;
        font-size:30px;
		font-weight: bold;
        color: black;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 30px 2% 20px 2%;
        background-color: #FFF;
    }
	
	#questions_sub, #contact_sub, #terms_sub {
        font-family: L2_font1;
        font-size:12px;
        color: black;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 10px 2% 10px 2%;
        background-color: #FFF;
    }
	
	#terms_sub {
        text-align: left;
    }
	
	.sbc_4  {
        font-family: L2_font1;
        font-size: 12px;
        width: 47%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 3% 20px 0%;
        float: left;
		clear: both;
		color: #000;
	}
	
	.sbc_4b  {
        font-family: L2_font1;
        font-size: 12px;
        width: 47%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 3% 20px 0%;
        float: left;
		color: #000;
	}
	
	.sbc_4 h1, .sbc_4b h1 {
        font-family: L2_font1;
        font-weight: bold;
        font-size: 14px;
		margin: 0px;
		padding: 0px;
		color: #000;
	}
	
	#services_content_photos {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/services/re_photo_bg.jpg");
        background-repeat:no-repeat;
        background-position:center;
    }
	
	 #services_content_3d {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 30px 2% 20px 2%;
    }
	
	.sc3_outter {
        font-family: L2_font1;
        font-size:14px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 0%;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.sc3_inner {
        font-family: L2_font1;
        font-size:14px;
		width: 96%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 2%;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.sc3i_sub_header {
        font-family: L2_font1;
        font-size:14px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 5px 0px;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.sc3i_sub_header h1 {
        font-family: L2_font1;
        font-size:20px;
		font-weight: bold;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	
	.sc3i_sub_content {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 5px 0px;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.services_content {
        font-family: L2_font1;
        font-size:12px;
		min-height: 365px;
		width: 41%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 3%;
		margin: 0px 5% 0px 50%;
        color: #000;
		background-color: #FFF;
		display: table;
	}
	
	.services_content_left {
        font-family: L2_font1;
        font-size:12px;
		min-height: 365px;
		width: 41%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 3%;
		margin: 0px 50% 0px 5%;
        color: #FFF;
		background-color: #000;
		display: table;
	}
	
	.sc_inner {
		position: relative;
		display: table-cell;
  		vertical-align: middle;
	}
	
	.sc_inner h1 {
        font-family: L2_font1;
        font-size:14px;
		font-weight: bold;
		text-align: center;
	}
	
	#services_content_fp {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
    }
		
	#services_content_twilight {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/services/twilight_photo.jpg");
        background-repeat:no-repeat;
        background-position:center;
    }
	
	#sct_content_header {
        font-family: L2_font1;
        font-size:20px;
        height: 18px;
        overflow: hidden;
        font-weight: bold;
		width: 30%;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 0px 5% 0px 65%;
		margin: 0px auto;
        color: #FFF;
	}
	
	#sct_content {
        font-family: L2_font1;
        font-size:14px;
		min-height: 300px;
		width: 28%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1%;
		margin: 0px 5% 0px 65%;
        color: #000;
		background-color: #FFF;
	}
	
	#portfolio_cont_exteriors {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_exteriors.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	#portfolio_cont_aerials {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_aerial.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	#portfolio_cont_interiors {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_interiors.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	#portfolio_cont_twilight {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 160px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_twilight.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	.port_content{
		font-family: L2_font1;
  		display: table-cell;
  		vertical-align: middle;
  		text-align: center;
	}
	
	.port_content h1{
		font-family: L2_font1;
  		font-size: 28px;
		font-weight: bold;
		padding: 0px;
		margin: 12px;
	}
	
	#contact_content, #gallery_content {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-width: 307px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
    }
	
	.gallery_3  {
        font-family: L2_font1;
        font-size: 14px;
        width: 80%;
		position: relative; 
		text-align: left;
		margin: 0% 10% 10px 10%;
		padding: 0px;
	}
	
	#contact_form {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2%;
    }
	
	#contact_form h1 {
        font-family: L2_font1;
		font-size: 14px;
        color: #000;
    }
	
	#contact_phone {
        font-family: L2_font1;
        font-size:14px;
        color: #FFF;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 10px 2%;
		background: #6C6C6C;
    }
	
	#contact_phone h1 {
        font-family: L2_font1;
        font-size:26px;
		font-weight: bold;
		text-align: center;
		padding: 6px;
		margin: 0px;
	}
	
	#contact_phone h2 {
        font-family: L2_font1;
        font-size:18px;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		margin: 0px;
	}
	
	#testimonials, #faq {
        font-family: L2_font1;
        font-size:30px;
        color: #BBB;
        overflow: hidden;
        font-weight: bold;
        height: 27px;
        min-width: 280px;
        bottom: 0;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 17px 2% 0px 2%;
        text-align: right;
    }
	
	#testimonials_content {
        min-height: 50px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
		color: #fff;
    }
	
	#faq_content {
        min-height: 50px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
		color: #fff;
		background-image:url(../images/pages/contact/faq.jpg);
        background-repeat:no-repeat;
        background-position:right 20% center;
		background-size: contain;
	}
	
	.tc_i, .fc_i {
		font-family: L2_font1;
        font-size:12px;
		width: 80%;
		position: relative;
		margin: 0px auto;
		padding: 0% 10%;
        text-align: center;
		text-shadow: 2px 1px 2px rgba(153, 153, 153, 1);
    }
    
    #our_clients {
        display: none;
    }
    
    #oc_logos {
        min-height: 50px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
    }
    
    .ocl_i {
		display: none;
    }
    
    #footer {
		font-family: L2_font1;
        min-height: 80px;
        min-width: 280px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        color: #BBB;
    }
    
    #footer_l {
        min-height: 80px;
		width: 65%;
		position: relative;
		margin: 0px;
		padding: 0%;
        text-align: left;
        float: left;
    }
    
    #footer_l ul {
		font-family: L2_font1;
		font-size: 12px;
		list-style-type: none;
    	margin: 0px;
    	padding: 0px;
        color: #BBB;
	}
    
    #footer_l li a {
    	color: #BBB;
    	text-align: center;
		padding: 0px;
    	text-decoration: none;
	}

	#footer_l li a:hover {
		border-bottom: 1px solid #BBB; 
	}
    
    #footer_l li { 
        display: inline; 
    }
    
    #footer_l li:after {
        content: '  |  ';
    }
    
    #footer_l li:last-child:after {
        content: '';
    }
	
	#footer_l a {
    	color: #BBB;
    	text-align: center;
		padding: 0px;
    	text-decoration: none;
	}
	
	#footer_l a:hover {
		border-bottom: 1px solid #BBB; 
	}

    
    #footer_r {
        min-height: 80px;
		width: 35%;
		position: relative;
		margin: 0px;
		padding: 0%;
        text-align: right;
        float: left;
    }	
	
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	#centeredmenu {
		float:left;
		width:100%;
		background:#fff;
		position:relative;
		margin: 0px 0px 15px 0px;
	}

	#centeredmenu ul {
		font-family: L2_font1;
		font-size: 18px;
    	font-weight: bold;
		height: 24px;
		clear:left;
		float:right;
		list-style-type: none;
    	margin: 0 auto;
    	padding: 0px;
		color: #000;
		position:relative;
		right:50%;
		text-align:center;
	}

	#centeredmenu li {
		display:block;
		float:left;
		position:relative;
		left:50%;
	}

	#centeredmenu li a {
    	display: block;
    	color: #000;
    	text-align: center;
    	margin: 0px 9px 0px 9px;
		padding: 0px;
   		text-decoration: none;
		/* Black shadow with 2px blur */
		dtext-shadow: 2px 2px 2px #444;
	}

	#centeredmenu li a:hover {
		border-bottom: 2px solid #73C953; 
	}

	.input-container {
		display: flex;
  		width: 46%;
		margin: 0px 2% 15px;
		float: left;
	}
	
	.faq-container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: left;
		width: 50%;
		float: left;
		background: #FFF;
	}
	
	input[type=checkbox] {
		display: none;
	}
	
	#overlay {
		display: none;
	}
	
    #horizon {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 768px;
		padding: 0px auto;
		margin: 0px auto;
	}
    
     #splash {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 768px;
		min-height: 504px;
		padding: 0px;
		margin: 0px auto;
		background: transparent;
		
	}
	
	#splash_services, #splash_faq, #splash_contact, #splash_port, #splash_about, #splash_term  {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 768px;
		min-height: 290px;
		padding: 0px;
		margin: 0px auto;
		background: transparent;
	}
    
    #menu_container {
		min-width: 768px;
        width: 100%;
        min-height: 136px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 0px;
        background: rgba(187, 187, 187, 0.4)
	}
    
    #logo_header {
        width: 15%;
        height: 116px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 10px 2%;
        float: left;
	}
    
    #links_header {
        width: 77%;
        height: 116px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 10px 2%;
        float: left;
	}
    
    #login_container {
        width: 100%;
        min-height: 92px;
        position: relative; 
		text-align: right;
		margin: 0px;
		padding: 0px;
    }
    
    #menu {
        width: 100%;
        min-height: 24px;
        position: relative; 
		text-align: right;
		margin: 0px;
		padding: 0px;
    }
    
    #menu ul {
		font-family: L2_font1;
		font-size: 18px;
        font-weight: bold;
		height: 24px;
		list-style-type: none;
    	margin: 0px;
    	padding: 0px;
		overflow: hidden;
		color: #FFF;
	}

	#menu li {
		float: right;
	}

	#menu li a {
    	display: block;
    	color: #FFF;
    	text-align: center;
    	margin: 0px 0px 0px 18px;
		padding: 0px;
    	text-decoration: none;
		/* Black shadow with 2px blur */
		dtext-shadow: 2px 2px 2px #444;
	}

	#menu li a:hover {
		border-bottom: 2px solid #73C953; 
	}
    
	#splash_content {
        font-family: L2_font1;
        font-size:80px;
        height: 74px;
        overflow: hidden;
        font-weight: bold;
		width: 768px;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 294px 0px 0px 0px;
		margin: 0px auto;
        color: #FFF;
	}
	
	#splash_content_sub {
        font-family: L2_font1;
        font-size:80px;
        height: 74px;
        overflow: hidden;
        font-weight: bold;
		width: 768px;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 104px 0px 0px 0px;
		margin: 0px auto;
        color: #FFF;
	}
    
     #index_content_1 {
        font-family: L2_font1;
        font-size:12px;
        height: 200px;
        min-width: 560px;
		width: 73%;
		position: relative;
		margin: 0px auto;
		padding: 0px 0px 0px 27%;
        overflow: hidden;
        background: url(../images/L2_med.jpg) no-repeat;
	}
    
     #ic1_header {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
	}
    
    #ic1_header h1 {
        font-family: L2_font1;
        font-size:26px;
        text-align: center;
		margin: 0px;
		padding: 0px;
	}
	
	.ic1_content_5  {
        font-family: L2_font1;
        font-size: 14px;
        width: 17%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 20px 2% 30px 0%;
        float: left;
	}
    
    .ic1_content_5 h1 {
        font-family: L2_font1;
        font-size: calc(1.05vw + 1.05vh + .5vmin);
        text-align: center;
		margin: 0px;
		padding: 6px;
	}
    
    .ic1_content_5 h2 {
        font-family: L2_font1;
        font-weight: normal;
        font-size: calc(.5vw + .5vh + .3vmin);
        text-align: center;
		margin: 0px;
		padding: 6px;
	}
	
	.content_full  {
        font-family: L2_font1;
        font-size: 14px;
        width: 100%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 0% 10px 0%;
        float: left;
	}
    
    .content_full_center  {
        font-family: L2_font1;
        font-size: 14px;
        width: 100%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 0% 10px 0%;
        float: left;
	}
    
    .content_2  {
        font-family: L2_font1;
        font-size: 14px;
        width: 46%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 4% 10px 0%;
        float: left;
	}
    
    .content_3  {
        font-family: L2_font1;
        font-size: 14px;
        width: 30%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
	
	.content_3 h2 {
    	display: block;
    	font-size: 1.10em;
   		margin-block-start: 0.83em;
    	margin-block-end: 0.83em;
    	margin-inline-start: 0px;
   	 	margin-inline-end: 0px;
    	font-weight: bold;
	}
    
    .content_4  {
        font-family: L2_font1;
        font-size: 14px;
        width: 22%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
    
    .content_5  {
        font-family: L2_font1;
        font-size: 14px;
        width: 17%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
    
    #index_content_2 {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 20px 2% 20px 2%;
        background-image:url(../images/camera_black.jpg);
        background-repeat:no-repeat;
        background-position:right center;
        background-color: #000;
    }
    
    .img_full {
		width: 100%;
	}
    
    #splash_2 {
        height: 420px;
        overflow: hidden;
        width: 100%;
		min-width: 768px;
		position: relative;
		margin: 0px auto;
        padding: 0px;
	}
    
    #l2_break {
		width: 96%;
        height: 60px;
        margin: 0% 2%;
        padding: 0px;
        position: relative; 
		text-align: center;
        background-image:url("../images/l2_break_line.jpg");
        background-repeat: repeat-x;
	}
    
    #latest_content {
        font-family: L2_font1;
        font-size:12px;
        color: #BABABA;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 20px 2%;
        background-color: #FFF;
    }
    
    #latest_header {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0px 0px 9px;
	}
    
    #latest_header h1 {
        font-family: L2_font1;
        font-size:20px;
        text-align: left;
		margin: 0px;
		padding: 0px;
	}
    
    .latest_content_5i  {
        font-family: L2_font1;
        font-size: 14px;
        width: 16%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    #latest_content_5l  {
        font-family: L2_font1;
        font-size: 14px;
        width: 16%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 0%;
        float: left;
        background-color: #E4E4E4;
	}
    
    #latest_content_5r  {
        font-family: L2_font1;
        font-size: 14px;
        width: 16%;
		position: relative;
		padding: 0px;
		margin: 9px 0% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    .lc5_inner  {
        font-family: L2_font1;
        font-size: 10px;
        text-align: left;
        width: 96%;
		position: relative;
		padding: 2%;
		margin: 0%;
        color: #000;
	}
    
    .lc5_inner h2 {
        font-family: L2_font1;
        font-weight: bold;
        font-size: 12px;
		margin: 0px;
		padding: 0px;
        color: #00285A;
    }
	
	#services_bullet_content {
        font-family: L2_font1;
        font-size:12px;
        color: #BABABA;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 40px 2% 10px 2%;
        background-color: #FFF;
    }
	
	#what_offer, #questions, #contact, #portfolio, #gallery, #about {
        font-family: L2_font1;
        font-size:60px;
		font-weight: bold;
        color: black;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 30px 2% 20px 2%;
        background-color: #FFF;
    }
	
	#questions_sub, #contact_sub, #terms_sub {
        font-family: L2_font1;
        font-size:12px;
        color: black;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 10px 2% 10px 2%;
        background-color: #FFF;
    }
	
	#terms_sub {
        text-align: left;
    }
	
	.sbc_4, .sbc_4b  {
        font-family: L2_font1;
        font-size: 14px;
        width: 22%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 3% 20px 0%;
        float: left;
		color: #000;
	}
	
	.sbc_4 h1, .sbc_4b   h1 {
        font-family: L2_font1;
        font-weight: bold;
        font-size: 14px;
		margin: 0px;
		padding: 0px;
		color: #000;
	}
    
    #services_content_photos {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/services/re_photo_bg.jpg");
        background-repeat:no-repeat;
        background-position:center;
    }
	
	 #services_content_3d {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 30px 2% 20px 2%;
    }
	
	.sc3_outter {
        font-family: L2_font1;
        font-size:14px;
		width: 33%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 0%;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
		float: left;
	}
	
	.sc3_inner {
        font-family: L2_font1;
        font-size:14px;
		width: 28%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 2%;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
		float: left;
	}
	
	.sc3i_sub_header {
        font-family: L2_font1;
        font-size:14px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 5px 0px;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.sc3i_sub_header h1 {
        font-family: L2_font1;
        font-size:20px;
		font-weight: bold;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	
	.sc3i_sub_content {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 5px 0px;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.services_content {
        font-family: L2_font1;
        font-size:12px;
		min-height: 365px;
		width: 26%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 3%;
		margin: 0px 5% 0px 65%;
        color: #000;
		background-color: #FFF;
		display: table;
	}
	
	.services_content_left {
        font-family: L2_font1;
        font-size:12px;
		min-height: 365px;
		width: 26%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 3%;
		margin: 0px 65% 0px 5%;
        color: #FFF;
		background-color: #000;
		display: table;
	}
	
	.sc_inner {
		position: relative;
		display: table-cell;
  		vertical-align: middle;
	}
	
	.sc_inner h1 {
        font-family: L2_font1;
        font-size:20px;
		font-weight: bold;
		text-align: center;
	}
	
	#services_content_fp {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
    }
		
	#services_content_twilight {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/services/twilight_photo.jpg");
        background-repeat:no-repeat;
        background-position:center;
    }
	
	#sct_content_header {
        font-family: L2_font1;
        font-size:20px;
        height: 18px;
        overflow: hidden;
        font-weight: bold;
		width: 30%;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 0px 5% 0px 65%;
		margin: 0px auto;
        color: #FFF;
	}
	
	#sct_content {
        font-family: L2_font1;
        font-size:14px;
		min-height: 300px;
		width: 28%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1%;
		margin: 0px 5% 0px 65%;
        color: #000;
		background-color: #FFF;
	}
	
	#portfolio_cont_exteriors {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_exteriors.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	#portfolio_cont_aerials {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_aerial.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	#portfolio_cont_interiors {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_interiors.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	#portfolio_cont_twilight {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
       	min-height: 380px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px 0px 8px;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_twilight.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
    }
	
	.port_content{
		font-family: L2_font1;
  		display: table-cell;
  		vertical-align: middle;
  		text-align: center;
	}
	
	.port_content h1{
		font-family: L2_font1;
  		font-size: 38px;
		font-weight: bold;
		padding: 0px;
		margin: 12px;
	}
	
	#contact_content, #gallery_content {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
    }
	
	.gallery_3  {
        font-family: L2_font1;
        font-size: 14px;
        width: 30%;
		position: relative; 
		text-align: left;
		margin: 0% 1.5% 10px 1.5%;
		padding: 0px;
        float: left;
	}
	
	#contact_form {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
		width: 68%;
		position: relative;
		margin: 0px auto;
		padding: 0px 1%;
		float: left;
    }
	
	#contact_form h1 {
        font-family: L2_font1;
		font-size: 18px;
        color: #000;
    }
	
	#contact_phone {
        font-family: L2_font1;
        font-size:14px;
        color: #FFF;
		width: 28%;
		position: relative;
		margin: 0px auto;
		padding: 0px 1%;
		float: left;
		background: #6C6C6C;
    }
	
	#contact_phone h1 {
        font-family: L2_font1;
        font-size:26px;
		font-weight: bold;
		text-align: center;
		padding: 6px;
		margin: 0px;
	}
	
	#contact_phone h2 {
        font-family: L2_font1;
        font-size:18px;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		margin: 0px;
	}
	    
    #our_clients, #testimonials, #faq {
        font-family: L2_font1;
        font-size:30px;
        color: #BBB;
        overflow: hidden;
        font-weight: bold;
        height: 27px;
        min-width: 728px;
        bottom: 0;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 17px 2% 0px 2%;
        text-align: right;
    }
    
    #oc_logos, #testimonials_content {
        min-height: 50px;
        min-width: 728px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
		color: #fff;
    }
	
	#faq_content {
        min-height: 50px;
        min-width: 728px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
		color: #fff;
		background-image:url(../images/pages/contact/faq.jpg);
        background-repeat:no-repeat;
        background-position:right 20% center;
		background-size: contain;
	}
	
	.tc_i, .fc_i {
		font-family: L2_font1;
        font-size:16px;
		width: 50%;
		position: relative;
		margin: 0px auto;
		padding: 0% 25%;
        text-align: center;
		text-shadow: 2px 1px 2px rgba(153, 153, 153, 1);
    }
	
	.fc_i h1 {
		font-family: L2_font1;
        font-size:20px;
        font-weight: bold;
		position: relative;
		margin: 0px auto;
		padding: 0px 0px 20px;
    }
    
    .ocl_i {
		width: 12.5%;
		position: relative;
		margin: 0px auto;
		padding: 0%;
        float: left;
        text-align: center;
    }
    
    #footer {
		font-family: L2_font1;
        min-height: 80px;
        min-width: 736px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        color: #BBB;
    }
    
    #footer_l {
        min-height: 80px;
		width: 65%;
		position: relative;
		margin: 0px;
		padding: 0%;
        text-align: left;
        float: left;
    }
    
    #footer_l ul {
		font-family: L2_font1;
		font-size: 12px;
		list-style-type: none;
    	margin: 0px;
    	padding: 0px;
        color: #BBB;
	}
    
    #footer_l li a {
    	color: #BBB;
    	text-align: center;
		padding: 0px;
    	text-decoration: none;
	}

	#footer_l li a:hover {
		border-bottom: 1px solid #BBB; 
	}
    
    #footer_l li { 
        display: inline; 
    }
    
    #footer_l li:after {
        content: '  |  ';
    }
    
    #footer_l li:last-child:after {
        content: '';
    }
	
	#footer_l a {
    	color: #BBB;
    	text-align: center;
		padding: 0px;
    	text-decoration: none;
	}
	
	#footer_l a:hover {
		border-bottom: 1px solid #BBB; 
	}

    
    #footer_r {
        min-height: 80px;
		width: 35%;
		position: relative;
		margin: 0px;
		padding: 0%;
        text-align: right;
        float: left;
    }
    
}

@media only screen and (min-width: 992px){ 
	#centeredmenu {
		float:left;
		width:100%;
		background:#fff;
		position:relative;
		margin: 0px 0px 15px 0px;
	}

	#centeredmenu ul {
		font-family: L2_font1;
		font-size: 18px;
    	font-weight: bold;
		height: 24px;
		clear:left;
		float:right;
		list-style-type: none;
    	margin: 0 auto;
    	padding: 0px;
		color: #000;
		position:relative;
		right:50%;
		text-align:center;
	}

	#centeredmenu li {
		display:block;
		float:left;
		position:relative;
		left:50%;
	}

	#centeredmenu li a {
    	display: block;
    	color: #000;
    	text-align: center;
    	margin: 0px 9px 0px 9px;
		padding: 0px;
   		text-decoration: none;
		/* Black shadow with 2px blur */
		dtext-shadow: 2px 2px 2px #444;
	}

	#centeredmenu li a:hover {
		border-bottom: 2px solid #73C953; 
	}


	.input-container {
		display: flex;
  		width: 46%;
		margin: 0px 2% 15px;
		float: left;
	}
	
	.faq-container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: left;
		width: 50%;
		float: left;
		background: #FFF;
	}
	
	input[type=checkbox] {
		display: none;
	}
	
	#overlay {
		display: none;
	}
	
    #horizon {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 992px;
		padding: 0px auto;
		margin: 0px auto;
	}
    
     #splash {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 992px;
		min-height: 564px;
		padding: 0px;
		margin: 0px auto;
		background: transparent;
	}
	
	#splash_services, #splash_faq, #splash_contact, #splash_port, #splash_about, #splash_term {
		position:relative;
		left: 0px;
		width: 100%;
		text-align: center;
		min-width: 992px;
		min-height: 350px;
		padding: 0px;
		margin: 0px auto;
		background: transparent;
	}
    
    #menu_container {
		min-width: 968px;
        width: 100%;
        min-height: 136px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 0px;
        background: rgba(187, 187, 187, 0.4)
	}
    
    #logo_header {
        width: 15%;
        height: 116px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 10px 2%;
        float: left;
	}
    
    #links_header {
        width: 77%;
        height: 116px;
		position: relative; 
		text-align: left;
		margin: 0px auto;
		padding: 10px 2%;
        float: left;
	}
    
    #login_container {
        width: 100%;
        min-height: 84px;
        position: relative; 
		text-align: right;
		margin: 0px;
		padding: 0px;
    }
    
    #menu {
        width: 100%;
        min-height: 32px;
        position: relative; 
		text-align: right;
		margin: 0px;
		padding: 0px;
    }
    
    #menu ul {
		font-family: L2_font1;
		font-size: 24px;
        font-weight: bold;
		height: 32px;
		list-style-type: none;
    	margin: 0px;
    	padding: 0px;
		overflow: hidden;
		color: #FFF;
	}

	#menu li {
		float: right;
	}

	#menu li a {
    	display: block;
    	color: #FFF;
    	text-align: center;
    	margin: 0px 0px 0px 28px;
		padding: 0px;
    	text-decoration: none;
		/* Black shadow with 2px blur */
		text-shadow: 1px 1px 2px #444;
	}

	#menu li a:hover {
		border-bottom: 2px solid #73C953; 
	}
    
    #splash_content {
        font-family: L2_font1;
        font-size:133px;
        height: 122px;
        overflow: hidden;
        font-weight: bold;
		width: 992px;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 306px 0px 0px 0px;
		margin: 0px auto;
        color: #FFF;
	}
	
	#splash_content_sub {
        font-family: L2_font1;
        font-size:133px;
        height: 122px;
        overflow: hidden;
        font-weight: bold;
		width: 992px;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 104px 0px 0px 0px;
		margin: 0px auto;
        color: #FFF;
	}
    
     #index_content_1 {
        font-family: L2_font1;
        font-size:12px;
        height: 343px;
        min-width: 595px;
		width: 80%;
		position: relative;
		margin: 0px auto;
		padding: 0px 0px 0px 20%;
        overflow: hidden;
        background: url(../images/L2_large.jpg) no-repeat;
	}
    
     #ic1_header {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
	}
    
    #ic1_header h1 {
        font-family: L2_font1;
        font-size:32px;
        text-align: center;
		margin: 0px;
		padding: 0px;
	}
    
    .ic1_content_5  {
        font-family: L2_font1;
        font-size: 14px;
        width: 17%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 30px 3% 50px 0%;
        float: left;
	}
    
    .ic1_content_5 h1 {
        font-family: L2_font1;
        font-size: calc(1.75vw + 1.75vh + .7vmin);
        text-align: center;
		margin: 0px;
		padding: 10px;
	}
    
     .ic1_content_5 h2 {
        font-family: L2_font1;
        font-weight: normal;
        font-size: calc(.6vw + .6vh + .3vmin);
        text-align: center;
		margin: 0px;
		padding: 10px;
	}
	
    .content_full  {
        font-family: L2_font1;
        font-size: 14px;
        width: 100%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 0% 10px 0%;
        float: left;
	}
    
    .content_full_center  {
        font-family: L2_font1;
        font-size: 14px;
        width: 100%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 0% 10px 0%;
        float: left;
	}
    
    .content_2  {
        font-family: L2_font1;
        font-size: 14px;
        width: 46%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 4% 10px 0%;
        float: left;
	}
    
    .content_3  {
        font-family: L2_font1;
        font-size: 14px;
        width: 30%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
	
	.content_3 h2 {
    	display: block;
    	font-size: 1.5em;
   		margin-block-start: 0.83em;
    	margin-block-end: 0.83em;
    	margin-inline-start: 0px;
   	 	margin-inline-end: 0px;
    	font-weight: bold;
	}
    
    .content_4  {
        font-family: L2_font1;
        font-size: 14px;
        width: 22%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
    
    .content_5  {
        font-family: L2_font1;
        font-size: 14px;
        width: 17%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0% 3% 10px 0%;
        float: left;
	}
    
    #index_content_2 {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 773px;
		width: 78%;
		position: relative;
		margin: 0px auto;
		padding: 20px 20% 20px 2%;
        background-image:url(../images/camera_black.jpg);
        background-repeat:no-repeat;
        background-position:right center;
        background-color: #000;
    }
    
    .img_full {
		width: 100%;
	}
    
    #splash_2 {
        height: 420px;
        overflow: hidden;
        width: 100%;
		min-width: 992px;
		position: relative;
		margin: 0px auto;
        padding: 0px;
	}
    
    #l2_break {
		width: 96%;
        height: 60px;
        margin: 0% 2%;
        padding: 0px;
        position: relative; 
		text-align: center;
        background-image:url("../images/l2_break_line.jpg");
        background-repeat: repeat-x;
	}
    
    #latest_content {
        font-family: L2_font1;
        font-size:12px;
        color: #BABABA;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 20px 2%;
        background-color: #FFF;
    }
    
    #latest_header {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative; 
		text-align: left;
		margin: 0px;
		padding: 0px 0px 9px;
	}
    
    #latest_header h1 {
        font-family: L2_font1;
        font-size:20px;
        text-align: left;
		margin: 0px;
		padding: 0px;
	}
    
    .latest_content_5i  {
        font-family: L2_font1;
        font-size: 14px;
        width: 16%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    #latest_content_5l  {
        font-family: L2_font1;
        font-size: 14px;
        width: 16%;
		position: relative;
		padding: 0px;
		margin: 9px 2.5% 0% 0%;
        float: left;
        background-color: #E4E4E4;
	}
    
    #latest_content_5r  {
        font-family: L2_font1;
        font-size: 14px;
        width: 16%;
		position: relative;
		padding: 0px;
		margin: 9px 0% 0% 2.5%;
        float: left;
        background-color: #E4E4E4;
	}
    
    .lc5_inner  {
        font-family: L2_font1;
        font-size: 12px;
        text-align: left;
        width: 96%;
		position: relative;
		padding: 2%;
		margin: 0%;
        color: #000;
	}
    
    .lc5_inner h2 {
        font-family: L2_font1;
        font-weight: bold;
        font-size: 14px;
		margin: 0px;
		padding: 0px;
        color: #00285A;
    }
	
	#services_bullet_content {
        font-family: L2_font1;
        font-size:12px;
        color: #BABABA;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 40px 2% 10px 2%;
        background-color: #FFF;
    }
	
	#what_offer, #questions, #contact, #portfolio, #gallery, #about {
        font-family: L2_font1;
        font-size:72px;
		font-weight: bold;
        color: black;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 30px 2% 20px 2%;
        background-color: #FFF;
    }
	
	#questions_sub, #contact_sub, #terms_sub {
        font-family: L2_font1;
        font-size:12px;
        color: black;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 10px 2% 10px 2%;
        background-color: #FFF;
    }
	
	#terms_sub {
        text-align: left;
    }
	
	.sbc_4, .sbc_4b {
        font-family: L2_font1;
        font-size: 14px;
        width: 22%;
		position: relative; 
		text-align: center;
		margin: 0px;
		padding: 0% 3% 20px 0%;
        float: left;
		color: #000;
	}
	
	.sbc_4 h1, .sbc_4b h1 {
        font-family: L2_font1;
        font-weight: bold;
        font-size: 14px;
		margin: 0px;
		padding: 0px;
		color: #000;
	}
    
    #services_content_photos {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/services/re_photo_bg.jpg");
        background-repeat:no-repeat;
        background-position:center;
    }
	
	 #services_content_3d {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 30px 2% 20px 2%;
    }
	
	.sc3_outter {
        font-family: L2_font1;
        font-size:14px;
		width: 33%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 0%;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
		float: left;
	}
	
	.sc3_inner {
        font-family: L2_font1;
        font-size:14px;
		width: 28%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 2%;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
		float: left;
	}
	
	.sc3i_sub_header {
        font-family: L2_font1;
        font-size:14px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 5px 0px;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.sc3i_sub_header h1 {
        font-family: L2_font1;
        font-size:26px;
		font-weight: bold;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	
	.sc3i_sub_content {
        font-family: L2_font1;
        font-size:12px;
		width: 100%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 5px 0px;
		margin: 0px auto;
        color: #000;
		background-color: #FFF;
	}
	
	.services_content {
        font-family: L2_font1;
        font-size:14px;
		min-height: 362px;
		width: 26%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 3%;
		margin: 0px 5% 0px 65%;
        color: #000;
		background-color: #FFF;
		display: table;
	}
	
	.services_content_left {
        font-family: L2_font1;
        font-size:14px;
		min-height: 362px;
		width: 26%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1% 3%;
		margin: 0px 65% 0px 5%;
        color: #FFF;
		background-color: #000;
		display: table;
	}
	
	.sc_inner {
		position: relative;
		display: table-cell;
  		vertical-align: middle;
	}
	
	.sc_inner h1 {
        font-family: L2_font1;
        font-size:26px;
		font-weight: bold;
		text-align: center;
	}
	
	#services_content_fp {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 773px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
    }
		
	#services_content_twilight {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 380px;
        min-width: 773px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/services/twilight_photo.jpg");
        background-repeat:no-repeat;
        background-position:center;
    }
	
	#sct_content_header {
        font-family: L2_font1;
        font-size:20px;
        height: 18px;
        overflow: hidden;
        font-weight: bold;
		width: 30%;
		position: relative;
        bottom: 0;
		text-align: center;
		padding: 0px 5% 0px 65%;
		margin: 0px auto;
        color: #FFF;
	}
	
	#sct_content {
        font-family: L2_font1;
        font-size:14px;
		min-height: 300px;
		width: 28%;
		position: relative;
        bottom: 0;
		text-align: left;
		padding: 1%;
		margin: 0px 5% 0px 65%;
        color: #000;
		background-color: #FFF;
	}
	
	#portfolio_cont_exteriors {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 400px;
        min-width: 448px;
		width: 43%;
		position: relative;
		margin: 0px 0.5% 12px 2%;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_exteriors.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
		float: left;
    }
	
	#portfolio_cont_aerials {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 400px;
        min-width: 448px;
		width: 43%;
		position: relative;
		margin: 0px 0.5% 12px 2%;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_aerial.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
		float: left;
    }
	
	#portfolio_cont_interiors {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 400px;
        min-width: 448px;
		width: 43%;
		position: relative;
		margin: 0px 0% 12px 0.5%;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_interiors.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
		float: left;
    }
	
	#portfolio_cont_twilight {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-height: 400px;
        min-width: 448px;
		width: 43%;
		position: relative;
		margin: 0px 0%  12px 0.5%;
		padding: 0px 2% 0px 2%;
        background-image:url("../images/pages/portfolio/port_twilight.jpg");
        background-repeat:no-repeat;
        background-position:center;
		display: table;
		float: left;
    }
	
	.port_content{
		font-family: L2_font1;
  		display: table-cell;
  		vertical-align: middle;
  		text-align: center;
	}
	
	.port_content h1{
		font-family: L2_font1;
  		font-size: 48px;
		font-weight: bold;
		padding: 0px;
		margin: 12px;
	}
	
	#contact_content, #gallery_content {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 0px 2% 0px 2%;
    }
	
	.gallery_3  {
        font-family: L2_font1;
        font-size: 14px;
        width: 30%;
		position: relative; 
		text-align: left;
		margin: 0% 1.5% 10px 1.5%;
		padding: 0px;
        float: left;
	}
	
	#contact_form {
        font-family: L2_font1;
        font-size:12px;
        color: #FFF;
		width: 68%;
		position: relative;
		margin: 0px auto;
		padding: 0px 1%;
		float: left;
    }
	
	#contact_form h1 {
        font-family: L2_font1;
		font-size: 18px;
        color: #000;
    }
	
	#contact_phone {
        font-family: L2_font1;
        font-size:14px;
        color: #FFF;
		width: 28%;
		position: relative;
		margin: 0px auto;
		padding: 10px 1%;
		float: left;
		background: #6C6C6C;
    }
	
	#contact_phone h1 {
        font-family: L2_font1;
        font-size:26px;
		font-weight: bold;
		text-align: center;
		padding: 6px;
		margin: 0px;
	}
	
	#contact_phone h2 {
        font-family: L2_font1;
        font-size:18px;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		margin: 0px;
	}
	
    #our_clients, #testimonials, #faq {
        font-family: L2_font1;
        font-size:30px;
        color: #BBB;
        overflow: hidden;
        font-weight: bold;
        height: 27px;
        min-width: 952px;
        bottom: 0;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 17px 2% 0px 2%;
        text-align: right;
    }
    
    #oc_logos, #testimonials_content {
        min-height: 80px;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
		text-align: center;
		color: #fff;
    }
	
	#faq_content {
        min-height: 80px;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        background-color: #BBB;
		color: #fff;
		background-image:url(../images/pages/contact/faq.jpg);
        background-repeat:no-repeat;
        background-position:right 20% center;
		background-size: contain;
	}
	
	.tc_i, .fc_i {
		font-family: L2_font1;
        font-size:20px;
		width: 50%;
		position: relative;
		margin: 0px auto;
		padding: 0% 25%;
        text-align: center;
		text-shadow: 2px 1px 2px rgba(153, 153, 153, 1);
    }
	
	.fc_i h1 {
		font-family: L2_font1;
        font-size:24px;
        font-weight: bold;
		position: relative;
		margin: 0px auto;
		padding: 0px 0px 20px;
    }
    
    .ocl_i {
		width: 12.5%;
		position: relative;
		margin: 0px auto;
		padding: 0%;
        float: left;
        text-align: center;
    }
    
    #footer {
		font-family: L2_font1;
        min-height: 80px;
        min-width: 952px;
		width: 96%;
		position: relative;
		margin: 0px auto;
		padding: 24px 2% 16px 2%;
        color: #BBB;
    }
    
    #footer_l {
        min-height: 80px;
		width: 65%;
		position: relative;
		margin: 0px;
		padding: 0%;
        text-align: left;
        float: left;
    }
    
    #footer_l ul {
		font-family: L2_font1;
		font-size: 16px;
		list-style-type: none;
    	margin: 0px;
    	padding: 0px;
        color: #BBB;
	}
    
    #footer_l li a {
    	color: #BBB;
    	text-align: center;
		padding: 0px;
    	text-decoration: none;
	}
	
	#footer_l a {
    	color: #BBB;
    	text-align: center;
		padding: 0px;
    	text-decoration: none;
	}
	
	#footer_l a:hover {
		border-bottom: 1px solid #BBB; 
	}

	#footer_l li a:hover {
		border-bottom: 1px solid #BBB; 
	}
    
    #footer_l li { 
        display: inline; 
    }
    
    #footer_l li:after {
        content: '  |  ';
    }
    
    #footer_l li:last-child:after {
        content: '';
    }
    
     #footer_r {
        min-height: 80px;
		width: 35%;
		position: relative;
		margin: 0px;
		padding: 0%;
        text-align: right;
        float: left;
    }
    
}