/* Global */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, embed,  footer, header, hgroup, 
menu, nav, output,  section, summary,
time, mark, audio, video
 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, footer, header, hgroup, menu, nav, section {display: block;
}
body {line-height: 1;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;
}
table {border-collapse: collapse; border-spacing: 0;
}
strong	{font-weight:700;
}
#phone-text a{color:#fff; text-decoration:none;
}
img	{vertical-align:bottom;
}
i	{font-style:italic;
}
/*--reset--*/

html { }
body {margin: 0 !important; padding: 0 !important; background-color:#fff;
}
a:link	{text-decoration:none; color:#003f89;
}
a:visited	{text-decoration:none; color:#red;
}
a:hover	{color:#1d6f69;
}
a:active	{color:red;
}
a.x:link	{text-decoration:none; color:#000;
}
a.x:visited	{text-decoration:none; color:#000;
}
a.x:hover	{color:#1d6f69;
}
a.x:active	{color:red;
}
a.y:link	{text-decoration:none; color:#6980b1;
}
a.y:visited	{text-decoration:none; color:#a3674b;
}
a.y:hover	{text-decoration:none; color:#a3674b;
}
a.y:active	{text-decoration:none; color:#a3674b;
}
a.bl:link	{text-decoration:none; color:#0013b9;
}
a.bl:visited	{text-decoration:none; color:blue;
}
a.t:link	{text-decoration:none; color:#0013b9;
}
a.t:visited	{text-decoration:none; color:blue;
}
a.t:hover	{text-decoration:none; color:red;
}
a.t:active	{text-decoration:none; color:#0013b9;
}
a.w:link	{text-decoration:none; color:#fff;
}
a.w:visited	{text-decoration:none; color:#fff;
}
a.w:hover	{text-decoration:none; color:#fff;
}
a.w:active	{text-decoration:none; color:#fff;
}
#phone-text a	{color:#fff; text-decoration:none;
}
.wrapper	{max-width:1920px; width:100%; margin:0 auto; position:relative;
}
.header-wel	{width:100%; float:left; position:relative;
}
.header-well-hd	{width:100%; float:left; display:none; position:relative;
}
.header		{width:100%; float:left; position:relative;
}
.header-hd-1	{width:100%; float:left; position:relative; display:none;
}
.hd-in		{width:30%; position:absolute; top:6%; left:4%;
}
.hd-in-R	{width:28.3%; position:absolute; top:2%; right:0;
}
.hd-in-R h4	{font-family: 'Arial', sans-serif; font-size:140%; font-weight:300; color:#fff; margin:4% 0 6% 0;
}
.hd-in-R p	{font-family: 'Arial', sans-serif; font-size:130%; font-weight:300; color:#fff;
}
.mob-in	{width:70%; position:absolute; top:8%; left:2%; 
}
.sub-R2 h4	{font-family: 'Arial', sans-serif; font-size:140%; font-weight:300; color:#fff; margin:4% 0 6% 0;
}
.sub-R2 p	{font-family: 'Arial', sans-serif; font-size:130%; font-weight:300; color:#fff;
}
.ltgrey	{width:96%; padding:2% 2% 2% 2%; background:#aaaaaa; text-align:center; float:left; display:none;
}
.ltgrey h2	{font-family: 'Arial', sans-serif; color:#fff; font-size:20px; margin:0;
}
.logo	{width:100%; margin:0.5% auto;
}
.logo-2	{width:100%; border:1px #fff solid; 
}
.logsub	{width:100%; margin:3% auto; text-align:center;
}
.logsub h2	{font-family: 'Righteous', sans-serif; color:#fff; font-size:24px;
}
.sub-R	{width:90%; margin:30% auto; text-align:center;
}
.sub-R2	{width:44%; position:absolute; top:8%; left:38%; text-align:left;
}
.menu	{width:100%; float:left; background:#000;
}
.ac-100	{width:100%; float:left; margin:4% 0;
}
.ac-100-rel	{width:100%; float:left; margin:0; position:relative;
}
.ac-100-rel-in	{width:60%; position:absolute; right:20%; bottom:10%;
}
.ac-100-2	{width:100%; float:left;
}
.ac-100-grey	{width:100%; float:left; background:linear-gradient(to left, #e3e3e3, #8f8f8f); border-top:1px #000 solid; border-bottom:1px #000 solid;
}
.ac-96	{width:96%; float:left; padding:2% 2%; text-align:center;
}
.ac-961	{width:96%; float:left; margin:5% 0 1% 0; padding:2% 2%; text-align:center;
}
.ac-961-hd	{width:96%; float:left; padding:2% 2%; text-align:center; display:none;
}
.ac-98	{width:98%; float:left; padding:2% 1% 0 1%; text-align:left;
}
.ac-80	{width:80%; float:left; margin:3% 0 2% 10%;
}
.ac-70	{width:70%; float:left; margin:2% 15%;
}
.ac-501	{width:67%; float:left; margin:2% 11% 2% 18%;
}
.ac-50	{width:46%; float:left; margin:4% 2%;
}
.ac-60, .ac-61	{width:60%; float:left; margin:2% 20%;
}
.ac-20	{width:20%; float:none;
}
.panel	{width:1200px; margin:6% auto;
}
.feedback-L	{width:10%; float:left; margin:0;
}
.feedback-R	{width: 80%; float:left; margin:0 0 0 4%;
}
.feature	{width:28%; float:left; background: url(bluish.jpg); margin:2% 35%; padding:1%; text-align:center; border:1px #fff solid;
}
.feature h3	{font-family: 'Righteous', sans-serif; font-size:200%; color:#fff; letter-spacing:4px;
			text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}
.teal-100	{width:100%; float:left; background:url('teal.jpg');
}
.imgblock	{width:44%; float:left; margin:2% 0 2% 4%; border:1px #fff solid;
}
.imgblock-lwr	{width:98%; float:left; padding:1% 1%; text-align:center;
}
.imgblock-lwr p	{font-family: 'Raleway', sans-serif; font-size:18px; font-weight:300; color:#fff; margin:0;
}
#phone-text a	{color:#fff; text-decoration:none;
}
#phone-text-2 a	{color:#3f6673; text-decoration:none;
}
.phone h2	{font-family: 'Fahkwang', sans-serif; color:#fff; font-size:160%; margin-bottom:3%;
}
.just	{width:100%; text-align:justify;
}
.container-stretch-70	{width:70%; float:left; display:flex; align-items:stretch; margin:0 15%;
}
.container-cent-70	{width:70%;  float:left; display:flex; align-items:center;
}
.container-cent	{width:100%; margin:0; float:left; display:flex; align-items:center;
}
.half	{width:45%; margin:4% 0 0 5%; float:left;
}
.half-R	{width:34%; margin:4% 0 0 12%; float:left;
}
.half-dk	{width:44%; float:left; background: #474747; padding:1%; margin:4% 0 4% 4%;
}
.halfpix-L	{width:48%; float:left; margin:1% 2% 1% 0;
}
.halfpix-R	{width:48%; float:left; margin:1% 0 1% 2%;
}
.hide	{float:left; margin-top:1%;
}
.footer	{width:100%; float:left; background:#000; padding:1% 0;
}
.f-1	{width:60px; float:left; margin: 5px 0 0 50px;
}
.f-1a	{width:260px; float:left; margin: 27px 0 0 50px;
}
.f-1a h1	{font-family: 'Righteous', sans-serif; font-size:18px; color:#fff;
}
.f-2	{width:190px; float:left; margin:7px 0 0 70px;
}
.f-2 p	{font-family: 'Raleway', sans-serif; font-size:16px; font-weight:300; color:#fff; margin:0;
}
.f-hide-1	{width:100%; float:left; height:4px; margin:1px 0; display:none;
}
.f-3	{width:180px; float:left; margin:24px 0 0 40px;
}
.f-3 p	{font-family: 'Raleway', sans-serif; font-size:20px; font-weight:300; color:#fff; margin:0;
}
.f-4	{width:60px; float:left; margin:20px 0 0 70px;
}
.badge	{width:18%; float:left;
}
.reviews	{width:78%; float:left; margin:0 0 0 4%;
}
.clear	{clear:both;
}
.spacer	{width:100%; height:5px; margin:2% 0; float:left;
}
.spacer-sm	{width:100%; height:5px; margin:1% 0; float:left;
}
.spacer-adjust	{width:100%; height:5px; margin:4%;
}
.spacer-2	{width:100%; height:15px; margin:3% 0; float:left;
}
.line	{width:100%; float:left; height:1px; background:#000; margin:2% 0;
}
.but	{float:left;  background:url('teal.jpg'); border-radius:4px; border:2px #000 solid; padding:3px 6px;;
}
.but:hover	{border:2px red solid;
}
.times	{width:42%; padding:2% 4%; margin:2% 0 0 25%; border:1px #fff solid; background:#03475d; float:left; text-align:center;
}
.times-L	{width:50%; float:left;
}
.times-R	{width:50%; float:left;
}
.times p	{font-family: 'Raleway', sans-serif; color:#fff; font-size:100%; line-height:140%; margin:2% 0; padding:0; 
}

.scrollToTop{
    width:5%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
.scrollToTop:hover	{text-decoration:none;
}
.container-cent, .container-cent-2	{width:100%; float:left; display:flex; align-items:center;
}

.google-maps {
        position: relative;
        padding-bottom: 35%; 
        height: 0;
        overflow: hidden;
}
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

.portfolio	{width:80%; margin:3% 0 3% 10%; float:left;
}
.build-50	{width:28%; margin:0 0 0 10%; float:left;
}
.build-60	{width:50%; margin-left:4%; float:left;
}
.third-port	{width:30%; margin:1% 0 1% 1%; float:left;
}

.build-20	{width:20%; margin:2% 0 0 2%; float:left;
}
.build-40	{width:35%; margin:2% 0 0 2%; float:left;
}
.mail	{width:59%; margin:1% 0 3% 20%; border:1px #000 solid; border-radius:3px; background:lime; text-align:center; 
		float:left; padding-top:1%;
}
.cred	{width:45%; margin:2% 0 0.5% 3%; float:left;
}
.marg	{width:90%; margin-left:5%; float:left;
}
.ask	{width:20%; float:left; border:1px #000 solid; border-radius:5px 5px; margin-top:2%;
}
#contact-area {
	width: 80%;
	margin-top: 25px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 80%;
	font-family: 'Helvetica', sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#contact-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}
#contact-area input.submit-button {
	width: 100px;
	float: right;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 10%;
	padding-top: 5px;
	font-size: 100%;
}
#contact-area-2 {
	width: 98%;
	margin-top: 25px;
}
#contact-area-2 input, #contact-area textarea {
	padding: 5px;
	width: 98%;
	font-family: 'Helvetica', sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#contact-area-2 textarea {
	height: 90px;
	font-size: 18px;
}
#contact-area-2 textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}
#contact-area-2 input.submit-button {
	width: 100px;
	float: left;
}

.google-maps {
        position: relative;
        padding-bottom: 35%; 
        height: 0;
        overflow: hidden;
}
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
.trade	{width:250px; background:blue; border-radius:4px; padding:4px; float:left; margin:10px 0 5px 30px;
}
.trade p	{font-family: 'Arial', sans-serif; color:#3f6673; font-size:14px;
}

h1	{font-family: 'Righteous', sans-serif; font-size:60px; color:#fff;
}
h1.blk		{font-family: 'Righteous', sans-serif; font-size:400%; color:#383838;
}
h1.blk-2		{font-family: 'Righteous', sans-serif; font-size:200%; color:#000;
}
h2	{font-family: 'Righteous', sans-serif; color:#fff; font-size:30px; letter-spacing:1px;
}
h2.bord	{font-family: 'Righteous', sans-serif; color:#fff; font-size:180%; letter-spacing:1px; padding:1%; border-bottom:1px #fff solid; margin-bottom:2%;
}
h2.blk	{font-family: 'Righteous', sans-serif; color:#383838; font-size:200%; letter-spacing:1px;
}
h3	{font-family: 'Righteous', sans-serif; color:#fff; font-size:26px;
}
h3.blu	{font-family: 'Righteous', sans-serif; color:#037bd0; font-size:180%;
}
h3.rale	{font-family: 'Righteous', sans-serif; color:#037bd0; font-size:180%;
}
h4	{font-family: 'Righteous', sans-serif; color:#fff; font-size:26px;
}
h5	{font-family:'Arial', sans-serif; color:#000; font-size:140%; margin-bottom:2%;
}
h6	{font-family: 'Raleway', sans-serif; color:#fff; font-size:130%; line-height:140%; margin:2% 0; padding:0; 
}
h6.r100  {font-family: 'Raleway', sans-serif; color:#343434; font-size:130%; line-height:140%; margin:2% 0; padding:0; font-weight:700;
}
p	{font-family: 'Raleway', sans-serif; color:#343434; font-size:130%; line-height:140%; margin:2% 0; padding:0; 
}
p.list	{font-family: 'Raleway', sans-serif; color:#343434; font-size:115%; line-height:110%; margin:1% 0 1% 4%; padding:0; 
}
p.w	{font-family: 'Raleway', sans-serif; color:#fff; font-size:100%; line-height:140%; margin:2% 0; padding:0; 
}
p.wspac	{font-family: 'Raleway', sans-serif; color:#fff; font-size:100%; line-height:140%; margin:2% 0; padding:0; letter-spacing:2px;
}
p.p100	{font-family: 'Raleway', sans-serif; color:#343434; font-size:100%; line-height:140%; margin:2% 0; padding:0; 
}
p.p200	{font-family: 'Raleway', sans-serif; color:#343434; font-size:100%; line-height:140%; margin:0 0 2% 0; padding:0;
}
p.p200L	{font-family: 'Raleway', sans-serif; color:#343434; font-size:100%; line-height:140%; margin:0 0 0 0; padding:0;
}
p.p300	{font-family: 'Raleway', sans-serif; color:#343434; font-size:100%; line-height:130%; margin:0; padding-right:10px;
}
.img-100	{width:100%; height:auto;
}
.img-L	{width:30%; margin:3% 1% 0 0; float:left;
}
.img-L2	{width:30%; margin:3% 1% 0 0; float:left;
}

.img-LL	{width:30%; margin:0 1% 0 0; float:left;
}
.img-L50	{width:48%; float:left; margin-right:2%;
}
.img-P2	{width:31%; height:auto; margin:5px 3px 5px 0; 
}
.img-P2a	{width:32%; height:auto; margin:5px 2px 5px 3px; 
}
.img-P3	{width:23.8%; height:auto; margin:5px 2px 5px 3px; 
}
.img-P4, .img-P4c	{width:47%; height:auto; margin:5px 3px 5px 3px; 
}
.img-P5	{width:57%; height:auto; margin:5px 3px 5px 3px; 
}
.img-P6	{width:42.2%; height:auto; margin:5px 3px 5px 3px; 
}
.img-mid	{width:70%; margin:0 15%;
}
.img-G	{width:100px;
}
.img-R	{float:right; width:50%; margin-left:10px;
}

@media screen and (max-width: 1440px) {

	
}
@media screen and (max-width: 1366px) {
	
	.ac-61	{width:90%; float:left; margin:2% 5%;
}	
	.hd-in		{width:40%; position:absolute; top:6%; left:4%;
}
	.logsub h2	{font-size:18px;
}
	.sub-R2	{width:44%; position:absolute; top:8%; left:48%; text-align:left;
}
}
@media screen and (max-width: 1280px) {
	
	.sub-R2	{width:44%; position:absolute; top:8%; left:54%; text-align:left;
}
	.sub-R2 h4	{font-size:120%;
}
	.sub-R2 p	{font-size:110%;
}
	.logo	{width:70%;
}
	.hd-in		{width:50%; position:absolute; top:6%; left:2%;
}
	.feature	{width:38%;  margin:2% 30%;
}
	.spacer-adjust	{width:100%; height:5px; margin:1%;
}
	.hd-in-R p	{font-family: 'Arial', sans-serif; font-size:100%; font-weight:300; color:#fff;
}
	h1, h1.blk	{font-size:60px;
}
}
@media screen and (max-width: 1279px) {
	
	.panel	{width:1000px;
}
}
@media screen and (max-width: 1200px) {
	
	.f-hide-1	{display:inline;
	}
	
	.f-1	{width:5%; float:left; margin: 1% 0 1% 4%;
}
	.f-1a	{width:70%; float:left; margin: 3% 0 5% 5%;
}
	.f-1a h1	{font-family: 'Righteous', sans-serif; font-size:18px; color:#fff;
}
	.f-2	{width:60%; float:left; margin:2% 20%; text-align:center;
}
	.f-2 p	{font-family: 'Raleway', sans-serif; font-size:16px; font-weight:300; color:#fff; margin:0;
}
	.f-3	{width:40%; float:left; margin:2% 0 0 4%;
}
	.f-3 p	{font-family: 'Raleway', sans-serif; font-size:20px; font-weight:300; color:#fff; margin:0;
}
	.f-4	{width:60px; float:right; margin:20px 70px 0 0;
}
	
	h1	{font-size: 60px;
}
	h2	{font-size:24px; letter-spacing:1px;
}
	.img-P3	{width:23%; height:auto; margin:5px 2px 5px 3px; 
}
}
@media screen and (max-width: 1024px) {
	
	.portfolio	{width:96%; margin:3% 2%; float:left;
}
	h2	{font-family: 'Righteous', sans-serif; color:#fff; font-size:28px; letter-spacing:1px;
}
	h2.blk	{font-size:180%; letter-spacing:1px;
}
	.spacer-adjust	{display:none;
}
	.panel	{width:90%; margin:6% auto;
}

	h1	{font-size: 50px;
}
	h2	{font-size:22px; letter-spacing:1px;
}
	h3	{font-family: 'Righteous', sans-serif; color:#fff; font-size:18px;
}
	#contact-area-2 {
	width: 96%;
	margin-top: 25px;
}
	#contact-area-2 input, #contact-area-2 textarea {
	padding: 5px;
	width: 90%;
	font-family: 'Helvetica', sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

	.scrollToTop{
    width:10%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
}
@media screen and (max-width: 1020px) {
	
	.feature	{width:60%;  margin:2% 18%; 
}
	
	.ac-50	{width:70%; float:left; margin:2% 0 2% 15%; 
}
	.container-stretch-70	{width:98%; float:left; display:flex; align-items:stretch; margin:0;
}
	.times	{width:62%; padding:2% 4%; margin:2% 0 0 15%; border:1px #fff solid; background:#03475d; float:left; text-align:center;
}

	p, h6	{font-size:110%;
}	
	h1.blk		{font-family: 'Righteous', sans-serif; font-size:200%; color:#383838;
}
}
@media screen and (max-width: 800px) {
	
	.feature h3	{font-family: 'Righteous', sans-serif; font-size:160%; color:#fff; letter-spacing:4px;
			text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}
	.ac-80	{width:90%; float:left; margin:3% 0 2% 5%;
}
	.ac-60	{width:90%; margin:2% 5%;
}
	.ac-501	{width:90%; float:left; margin:2% 5%;
}
	.container-stretch-70	{display:initial; width:100%;
}
	.half-dk	{width:96%; float:left; background: #474747; padding:2%; margin:4% 0;
}
	.build-50, .build-60	{width:90%; margin:3% 5%;
	}
	.img-P4c	{width:100%; height:auto; margin:2% 0;
}
	p.list	{font-family: 'Raleway', sans-serif; color:#343434; font-size:100%; line-height:120%; margin:1% 0 1% 4%; padding:0; 
}
	#contact-area {
	width: 96%;
	margin-top: 25px;
}
	label {
	float: left;
	text-align:left;
	margin-right: 15px;
	width: 30%;
	padding-top: 5px;
	font-size: 100%;
}
	.google-maps {
        position: relative;
        padding-bottom: 65%; 
}
	.google-maps {
        position: relative;
        padding-bottom: 65%; 
}
}	
@media screen and (max-width: 667px) {
	
	.img-L2	{width:48%; margin:3% 1% 1% 0; float:left;
}
	
	
	.logsub	{display:none;
	}
	.sub-R2	{display:none;
	}
	.ltgrey	{width:96%; padding:2% 2% 2% 2%; background:#aaaaaa; display:inline;
	}
	.ltgrey h2	{font-family: 'Arial', sans-serif; color:#fff; font-size:16px;
	}
	.halfpix-L	{width:90%; float:left; margin:2% 5%;
}
	.halfpix-R	{width:90%; float:left; margin:2% 5%;
}
	
}
@media screen and (max-width: 480px) {
	
	.ac-100-rel-in	{right:20%; bottom:5%;
}
	
	.feature	{width:60%; float:left; background: url(bluish.jpg); margin:2% 19%; padding:1%; text-align:center;
}
	.times	{width:88%; padding:2% 4%; margin:2% 0 0 2%;
}
	.img-P3	{width:22%; height:auto; margin:5px 2px 5px 3px; 
}
	.f-1	{width:7%; float:left; margin: 1% 4% 1% 4%;
}
	.f-3	{width:40%; float:left; margin:2% 0 0 4%;
}
	.f-3 p	{font-size:16px;
}
	.f-4	{width:40px; float:right; margin:5px 70px 0 0;
}
}
@media screen and (max-width: 440px) {
	
	.feature h3	{font-size:130%;
	}
	.feature	{width:80%;  margin:2% 8%; padding:1%;
}
	.feedback-L	{width:15%; float:left; margin:0;
}
	.ac-50	{width:89%; float:left; margin:2% 0 2% 1%; padding:4%; border:1px #aeaeae solid;
}
	h1.blk-2	{font-size:26px;
}
	h2.blk	{font-size:160%; letter-spacing:1px;
}
	.f-1 h1	{font-family: 'Righteous', sans-serif; font-size:60px; color:#fff;
}
}
@media screen and (max-width: 414px) {
	
	.imgblock	{height:360px;
}
}
@media screen and (max-width: 360px) {
	
	.container-stretch-70	{display: initial;
}
	.imgblock	{width:90%; float:left; margin:2% 0 2% 5%; border:1px #fff solid; height:auto;
}
.times-L, .times-R {width:100%;
}