/* 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;
}
/*--reset--*/

html { }
body {margin: 0 !important; padding: 0 !important; background-color:#fff;
}
a:link	{text-decoration:none; color:#fff;
}
a:visited	{text-decoration:none; color:#579fe8;
}
a:hover	{color:yellow;
}
a:active	{color:red;
}
a.b:link	{text-decoration:none; color:#0d06b6;
}
a.b:visited	{text-decoration:none; color:#3884e8;
}
a.b:hover	{color:red;
}
a.b:active	{color:red;
}
.wrapper	{max-width:1920px; width:100%; margin:0 auto; position:relative;
}
.header		{width:100%; float:left;
}
.logo		{width:96%; float:left; margin:1% 2%; text-align:center;
}
.menu	{width:100%; float:left; background:linear-gradient(to right, #7e99ac, #b1cee3); border-bottom:1px #000 solid; 
}
.pagename	{float:right; width:26%; margin:0.3% 4% 0 0;
}
.resp	{width:100%; position:relative; height:0; padding-bottom:56.25%; float:left;
}
.resp-in	{position:absolute; width:100%; height:100%; left:0; top:0;
}
.resp-L		{width:40%; position:absolute; left:2%; top:10%; background:rgba(255, 255, 255, 0.6); padding:4% 0;
}
.resp-T		{width:20%; position:absolute; left:40%; top:7%;
}
.resp-B		{width:65%; position:absolute; left:34%; top:78%;
}
.marg-1		{width:84%; padding:0 8%; float:left;
}
.wht		{width:84%; padding:2% 8% 0 8%; float:left; background:rgba(255, 255, 255, 0.7);
}
.ac-100		{width:100%; float:left;
}
.ac-90-ak	{width:60%; margin:2%;
}
.ac-70		{width:70%; float:left; margin:1% 15%;
}
.ac-60		{width:60%; padding:2%; margin:2% 0 2% 18%; float:left;
}
.ac-50		{width:50%; padding:2%; margin:2% 0 2% 33%; float:left;
}
.across-2		{width:100%; padding: 1% 0 2% 0; float:left; text-align:center;
				background:#e3e3e3; background:linear-gradient(#e3e3e3, #b6b6b6);
}
.materials	{width:500px; float:left; margin: 0 0 0 50px;
}
.half-left	{width:48%; float:left; margin-right:2%;
}
.half-right	{width:48%; float:left; margin-left:2%;
}
.hl-top	{width:96%; float:left; background:#3d6c91; padding:1% 2% 0.5% 2%; margin-bottom:4%;
}
.hl-top h3	{font-family:'Federo',sans-serif; font-size:200%;  color:#fff; margin:2% 0;
}
.pad-2	{width:100%; float:left; margin:0;
}
.l-pix {width:46%; float:left; padding:0; margin-right:15px;
}
.hse		{width:180px; float:left; 
}

.hse-in		{width:94%; float:left; margin:1% 0;
}
.ask		{width:530px; float:left; margin:2% 0 2% 20%; padding:5px; border:4px #b1cee3 solid; border-radius:8px;
}
.ask:hover	{background:#83a373;
}
.f-rt	{width:10%; position:absolute; top:30%; left:12%;
}
.main-f	{width:65%; margin:2% 0 2% 0; float:right; 
}
.across-grey	{width:100%; background:#97aab9; float:left; position:relative;
}
.hf-dk-grey	{width:42%; float:left; margin:2% 2% 2% 0; padding:2%; background:#b5b5b5; border:1px #fff solid;
}
.hf-dk-grey h4	{font-family:'Federo',sans-serif; font-size:140%;  color:#9f0000; margin:2% 0;
}
.footer		{width:100%; float:left; background:#7f7f7f;
}
.f-1	{width:300px; float:left; margin:30px 0 0 60px;
}
.f-1 p	{font-family:'Arial', sans-serif; font-size:20px; color:#fff;
}
.f-2	{width:90px; float:left; margin:10px 50px 10px 50px;
}
.half	{width:40%; float:left; margin:2% 0 2% 4%;
}
.fmb	{width:4%; float:right; margin: 0 10% 0 0;
}
.spacer	{width:100%; height:5px; margin:2% 0; float:left;
}
.spacer-2	{width:100%; height:5px; margin:4% 0; float:left;
}
.spacer-adj	{width:100%; height:5px; margin:3% 0; float:left; display:none;
}
.clear	{clear:both;
}
.portfolio	{width:70%; padding-left:2%; margin:2% 15% 1% 13%; float:left;
}

.build-50	{width:28%; margin:0 0 0 10%;
}
.build-60	{width:40%; margin-left:8%;
}
.mail	{width:59%; margin:1% 0 3% 0; 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;
}
.ask-visit	{width:36%; border-radius:7px; border:2px #0034c0 solid; background:#a1b3e5; margin-left:6%; padding:2%; float:left; text-align:center;
}
.third-port	{width:24%; margin:1% 0 1% 1%; float:left;
}
#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%;
}

.scrollToTop{
    width:5%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
.scrollToTop:hover{text-decoration:none;
}
.container	{width:100%; display:flex; float:left;
}
.container-cent, .container-cent-2	{width:100%; float:left; display:flex; align-items:center;
}
.container-cent-80	{width:80%; margin-left:10%; float:left; display:flex; align-items:center;
}
.container-port	{width:100%; padding:2% 0; float:left; display:flex; border-bottom:2px #adbfbf solid;
				background:linear-gradient(to right, rgba(86,71,60,0.5),  rgba(92,81,81,0.1),  rgba(86,71,60,0.5)); 
}
.trade-strip	{width:100%; background:#555; float:left;
}
.trade-cc	{width:250px; background:blue; border-radius:4px; padding:4px;float:left; margin:10px 0 5px 30px;
}
.trade-cc p	{font-family: 'Arial', sans-serif; color:#fff; font-size:14px;
}
.img-100	{width:100%; height:auto;
}
.img-P1	{width:48.3%; height:auto; margin:5px 3px 5px 0;
}
.img-P2	{width:31%; height:auto; margin:5px 3px 5px 0; 
}
.img-P4	{width:24%; height:auto; margin:5px 3px 5px 0; 
}
.img-50	{width:50%; margin: 0 auto; display:block;
}
.img-L	{width:54%; height:auto; float:left; margin-right:20px;
}
.img-L1	{float:left; margin: 0 5px 0 10px;
}
.img-L2	{float:left; margin: 0 5px 0 54px;
}
h1	{font-family:'Federo',sans-serif; font-size:400%; font-weight:700; color:#61727f; margin:2% 0;
}
h1.sub	{font-family:'Arial', 'Helvetica', sans-serif; font-size:200%; font-weight:normal; color:#00336c; margin:2% 0;
	 text-decoration:none; text-shadow:none;
}
h2	{font-family:'Federo',sans-serif; font-size:180%; font-style:italic; color:#61727f; margin:2% 0; line-height:120%
}
h2.sub	{font-family:'Federo',sans-serif; font-size:160%; font-weight:normal; color:#fff; margin:2% 0; text-align:center;
}
h2.gcon	{font-family:Georgia, "Times New Roman", Times, serif; font-size:500%; font-weight:normal; font-style:italic; color:#e3e3e3;
		text-align:left; 
}
h3	{font-family:'Federo',sans-serif; font-size:200%;  color:#9f0000; margin:2% 0;
}
h4	{font-family:'Federo',sans-serif; font-size:160%;  color:#9f0000; margin:2% 0;
}
h5	{font-family:'Arial', 'Helvetica', sans-serif;  color:#000; font-size:110%; font-weight:500;  line-height:120%; margin:0; padding-bottom:2%; 
}
h6 	{font-family:'Georgia', 'Times New Roman', serif; font-size:145%; font-weight:normal; color:#fff;  margin-top:1.5%; text-align:center;
}
h6.bl 	{font-family:'Georgia', 'Times New Roman', serif; font-size:245%; font-weight:normal; color:#000;  margin-top:1.5%; text-align:left;
}
h6.ital	{font-family:'Georgia', 'Times New Roman', serif; font-size:145%; font-weight:normal; color:#000; margin:2% 0 2% 4%; text-align:left;
		font-style:italic;
}
p	{font-family:'Play', sans-serif; color:#343434; font-size:100%; line-height:120%; margin:2% 0; padding:0; 
}
p.p2	{font-family:'Play', sans-serif; color:#343434; font-size:130%; line-height:140%; margin-botton:2%; padding:0; 
}
p.geo	{font-family:'Georgia', 'Times New Roman', serif; font-style:italic; color:#9d3e34; font-size:130%; line-height:100%; padding:0 0 0 2%;
}
p.w	{font-family:'Arial', 'Helvetica', sans-serif;  color:#fff; font-size:100%; line-height:120%; margin:2% 0; padding:0; 
}
p.r2	{font-family:'Federo', sans-serif; font-size:160%; margin:0 0 4% 0; color:#00336c;
}
p.r2a, p.r2aa	{font-family:'Federo', sans-serif; font-size:160%; margin:0 0 1% 0; color:#00336c;
}
p.foot	{font-family:'Arial', 'Helvetica', sans-serif; font-size:90%; color:#e3e3e3; 
}
p.con	{font-family:'Arial', 'Helvetica', sans-serif; font-size:160%; color:#000; margin:1% 0 0 0; padding:0; line-height:100%;
}
p.w-con	{font-family:'Arial', 'Helvetica', sans-serif;font-size:110%;
	
}
@media screen and (max-width: 1466px) {
	
	.ask	{margin:2% 0 2% 6%;
}
}
@media screen and (max-width: 1366px) {
	
	.materials	{widthy:200px;
}
	.hse		{width:180px;
}
	.resp-L		{width:40%; position:absolute; left:2%; top:2%; background:rgba(255, 255, 255, 0.6); padding:4% 0;
}	
}
@media screen and (max-width: 1280px) {
	
	.pagename	{display:none;
}
	.menu	{background:#fff;
}
	.resp-L		{width:42%; position:absolute; left:2%; top:0; background:rgba(255, 255, 255, 0.6); padding:3% 0;
}	
	.materials	{width:68%; float:left; margin-left:4%
}
	.ac-70		{width:90%; float:left; margin:1% 5%;
}
	.hse		{width:24.3%; float:left; 
}
	.ask, .hse-2	{margin:2% 0 2% 20%;
}
	h1	{font-size:300%;
}
}	
@media screen and (max-width: 1024px) {
	
	.fmb	{width:8%; margin:0.3% 20% 0.5% 0;
}
	.resp-L		{width:96%; position:absolute; left:2%; top:0; background:rgba(255, 255, 255, 0.4); padding:3% 0;
}	
	.resp-B		{width:80%; position:absolute; left:26%; top:74%;
}
	.ask	{width:90%; margin:4% 0 2% 5%;
}
	.container-cent, .container-cent-80, .container-port	{display:initial;
}
	.build-50	{width:60%; margin:1% 0 1% 20%; float:left; padding-top:6%;
}
	.build-60	{width:96%; margin:1% 0 1% 2%; float:left;
}

.scrollToTop{
    width:10%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
.ac-90-ak	{width:90%; margin:2%;
}

h2	{ font-size:160%;
}
}
@media screen and (max-width: 1000px) {
		
	.ac-60		{width:90%; padding:0; margin:2% 0 2% 5%; float:left;
}
	.ac-90-ak	{width:96%; margin:2%;
}
	.trades		{width:300px; float:left; margin:20px 0 20px 20px; padding:5px; border:4px #b1cee3 solid; border-radius:8px;
}
	.resp	{padding:0; float:left; height:auto
}	
	.resp-L		{position:initial; float:left; background:rgba(255, 255, 255, 1); padding:2%;
}
	.resp-in	{position:initial; width:100%; height:auto; float:left;
}
	.resp-B		{width:95%; position:absolute; left:3%; top:66%; text-align:center;
}
	.portfolio	{width:98%; padding-left:2%; margin:2% 0 1% 0%; 
}

	.ask, .hse-2	{width:70%; margin:2% 0 2% 10%; border:1px #b1cee3 solid; border-radius:3px;
}	
	.f-rt		{display:none;
}
	.container	{display:initial;
}
	.main-f	{width:100%; margin:0; float:left; 
}
	.hf-dk-grey	{width:90%; float:left; margin:2% 0 2% 2.5%; padding:2%; background:#b5b5b5; border:1px #fff solid;
}
	.ac-50		{width:90%; padding:2%; margin:2% 0 2% 3%; float:left;
}
	.half	{width:96%; float:left; margin:2% 0 2% 4%;
}
	.half-left, .half-right	{width:100%; margin:4% 0;
}
	#contact-area {
	width: 96%;
	margin-top: 25px;
}
	#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 90%;
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
	label {
	float: left;
	text-align:left;
	margin-right: 15px;
	width: 30%;
	padding-top: 5px;
	font-size: 100%;
}
	.spacer-adj	{display:inline;
}
	h2.sub	{font-size:140%; font-weight:normal; color:#fff; margin:1% 0;
}
	h3, .hl-top h3	{font-size:160%;  margin:2% 0;
}
	h4	{font-size:140%;
}
	p, p.p2	{font-size:100%; line-height:160%;
}
	.img-P4	{width:23%; height:auto; margin:5px 3px 5px 0; 
}
}
@media screen and (max-width: 640px) {
	
	.trades		{width:300px; float:left; margin:20px 0 20px 3px; padding:3px; border:2px #b1cee3 solid; border-radius:4px;
}
	.resp-B		{width:96%; position:initial; float:left; background:#7e99ac; padding:2%;
}
	.f-1	{width:96%; float:left; margin:2%; text-align:center;
}
	.f-2	{width:20%; margin:2% 40%;
}
	
	.hse2-L		{width:14%; margin-top:10%;
}
	h1	{font-size:160%;
}
	h2	{ font-size:140%;
}
	h2.sub	{font-size:120%; margin:3% 0;
}
	h3	{font-size:130%;
}
	h4	{font-size:110%;
}
}
@media screen and (max-width: 440px) {
	
	.fmb	{width:20%; margin:0.3% 40% 0.5% 0;
}
	.ask, .hse-2	{width:84%; margin:2% 0 2% 5%; border:1px #b1cee3 solid; border-radius:3px;
}