@charset "utf-8";
/* CSS Document */

/* CSS Document © 2021 Digimax.co.uk */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');

::-moz-selection {
background:#9a864f;
color:#fff;
text-shadow:none;
}
::selection { background: #9a864f; color: #fff; text-shadow: none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; font-family: 'Raleway', sans-serif; font-weight: 500; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { color: #000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: url(../images/bg-compressed.png) no-repeat center center / cover; }
a, input{ text-decoration: none; transition: all 0.25s ease-out 0s; }
img { border: 0px; }
ol, ul, li { list-style: none; }
strong, strong p { font-weight: 700; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { -webkit-appearance: none; }
.header-wrapper, .meet-agents, .getintouch, .footer-wrapper { float: left; width: 100%; }
.margin { width: 100%; max-width: 1164px; margin: auto }
.header-wrapper { padding: 55px 0 47px 0; height: 201px; }
.header-wrapper .lft, .header-wrapper .rht { margin-top: 40px; }
.header-wrapper .lft { float: left }
.header-wrapper .rht { float: right }
.header-wrapper .buttonborder { border: 1px solid #9a864f; padding: 13px 25px; color: #9a864f }
.header-wrapper .buttonborder:hover { background: #9a864f; color: #fff; }
.header-wrapper .rht .social-icon { float: left; margin-right: 13px; }
.header-wrapper .rht .social-icon img { max-width: 25px; margin-right: 10px; }
.meet-agents { padding: 35px 0; }
.meet-agents .box-wrapp { text-align: center }
.meet-agents h1 { font-size: 30px; text-transform: uppercase; letter-spacing: 10px; text-align: center; margin-bottom: 50px; }

.meet-agents .box-wrapp .box { background: #fff; width: 48%; padding: 3% 5%; display: inline-block; margin-right: 2%; }
.meet-agents .box-wrapp .box:last-child { margin-right: 0; }
.box-wrapp .box .thumb { margin-bottom: 15px; }
.box-wrapp .box h2 { margin-bottom: 20px; color: #9a864f; font-weight: 800; font-size: 21px; }
.box-wrapp .box p { font-size: 16px; line-height: 19px; width: 80%; margin: auto; font-weight: 500; margin-bottom: 20px; }
.box-wrapp .box a { color: #000 }
.box-wrapp .box .readmore { color: #9a864f; }
.box-wrapp .box .readmore:hover { color: #000; }
.meet-agents .box-wrapp .box:hover .thumb img{filter: grayscale(100%);
}




.getintouch { padding: 35px 0 40px 0; }
.getintouch h2 { font-size: 30px; text-transform: uppercase; letter-spacing: 10px; text-align: center; margin-bottom: 50px; }
.getintouch .fieldstyle { background: none; width: 23%; margin-right: 2%; border-bottom: 1px solid #747474; height: 40px; float: left; font-weight: 500; }
.getintouch .testarea { margin-right: 0; padding: 8px 0 0 0; }
.submit { background: #9a864f; color: #fff; font-weight: 500; padding: 13px 25px; display: block; margin: auto; margin-bottom: 50px; cursor: pointer }
.submit:hover { background: #000; }
.getintouch .checkbox { float: left; width: 100%; margin-bottom: 30px; margin-top: 15px; }
.logos { width: 100%; text-align: center }
.logos img { display: inline-block }
.logos img:first-child { margin-right: 15px; }
.footer-wrapper { background: #000; padding: 20px 0; color: #fff; font-size: 14px; text-align: center }
.footer-wrapper a { color: #fff; }
.footer-wrapper a:hover { color: #9a864f }
.logo { position: absolute; left: 0; right: 0; max-width: 367px; margin: auto; top:48px }
.logo img { width: 100%; height: auto; display: block }
.thumblft { float: left; width: 35%; }
.thumblft  img { width:100%; height:auto}
.lightbox { display: none; }
.contentrht { width:60%; float:right; padding:0 0;}
.contentrht h3 { font-size:30px; color:#9a864f; margin-bottom:20px;}
.contentrht p { line-height:20px; margin-bottom:20px;}
.contentrht p:last-child { margin-bottom:0;}


.fl-page h1,  .fl-page h3,  .fl-page h4 { font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: 100; letter-spacing: 1px; }
.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
.fl-page h1 i { font-style: normal; color: #ddd; }
.fl-page h1 span { font-size: 30px; color: #333; }
.fl-page h3 { text-align: right; }
.fl-page h3 { font-size: 15px; }
.fl-page h4 { font-size: 2em; }
.fl-page .jumbotron { margin-top: 2em; }
.fl-page .doc { margin: 2em 0; }
.fl-page .btn-download { float: right; }
.fl-page .btn-default { vertical-align: bottom; }
.fl-page .btn-lg span { font-size: 0.7em; }
.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em; }
.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em; }
.fl-page .github { margin: 2em 0; }
.fl-page .github a { vertical-align: top; }
.fl-page .marketing a { color: #999; }
/* override default feather style... */
.fixwidth { background: rgba(256,256,256, 0.8); }
.fixwidth .featherlight-content { width: 500px; padding: 25px; color: #fff; background: #111; }
.fixwidth .featherlight-close { color: #fff; background: #333; }

::-webkit-input-placeholder { color: #000;}
:-ms-input-placeholder {color: #000;}
::placeholder { color: #000;}
textarea {
  resize: none;
}

.mobileh { display:none; width:100%; text-align:center}



 @media(max-width: 768px) {
.fl-page h1 span { display: block; }
.fl-page .btn-download { float: none; margin-bottom: 1em; }
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
	.margin { width:90%;}
	.logo { position:relative; width:80%; top:inherit}
	.header-wrapper .lft { width:100%; text-align:center}
	.header-wrapper { height:auto}
	
	.meet-agents .box-wrapp .box { width:100%; margin:0 0 20px 0; padding:10%}
	.box-wrapp .box p { width:100%; font-size:14px;}
	.getintouch .fieldstyle { width:100%; margin-bottom:10px;}
	.header-wrapper .rht { width:100%; text-align:center; margin-top:10px;}
	.header-wrapper .rht .social-icon { float:none; display:inline-block}
	.meet-agents h1, .getintouch h2 { font-size:21px; letter-spacing:6px}
	
	.header-wrapper .rht .social-icon { display:none}
	.header-wrapper .mobileh .social-icon { display:block}
	.mobileh { display:block;}
	.header-wrapper .buttonborder { width:250px; display:block; margin:auto}
}
 @media screen and (min-width:481px) and (max-width:600px) {
	 .margin { width:90%;}
	.logo { position:relative; width:80%; top:inherit}
	.header-wrapper { height:auto}
	
	.meet-agents .box-wrapp .box { width:100%; margin:0 0 20px 0; padding:10%}
	.box-wrapp .box p { width:100%; font-size:14px;}
	.getintouch .fieldstyle { width:100%; margin-bottom:10px;}
	.header-wrapper .rht .social-icon { float:none; display:inline-block}
	.meet-agents h1 { font-size:24px; letter-spacing:6px}
	
	.header-wrapper .buttonborder { padding:10px 15px;}
	.header-wrapper .rht .social-icon { display:none}
	.header-wrapper .mobileh .social-icon { display:block}
	.mobileh { display:block;}
}
 @media screen and (min-width:601px) and (max-width:767px) {
	 .margin { width:90%;}
	.logo { position:relative; width:80%; top:inherit}
	.header-wrapper { height:auto}
	.meet-agents .box-wrapp .box { display:block; float:left}
	.box-wrapp .box p { width:100%; font-size:14px;}
}
 @media screen and (min-width:768px) and (max-width:900px) {
	  .margin { width:90%;}
	.logo { position:relative; width:80%; top:inherit}
	.header-wrapper { height:auto}
	.meet-agents .box-wrapp .box { display:block; float:left}
	.box-wrapp .box p { width:100%; font-size:16px;}
}
 @media screen and (min-width:901px) and (max-width:1023px) {
	 .logo { width:250px; top:65px}
	  .margin { width:94%;}
	  .header-wrapper .buttonborder { padding:10px 20px;}
}
 @media screen and (min-width:1024px) and (max-width:1240px) {
	 .margin { width:96%;}
}