@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i');

@font-face {
	font-family: "AdobeGaramondProRegular";
	src: url("../fonts/AdobeGaramondProRegular.eot");
	src: url("../fonts/AdobeGaramondProRegulard41d.eot?#iefix") format("embedded-opentype"),
	url("../fonts/AdobeGaramondProRegular.woff") format("woff"),
	url("../fonts/AdobeGaramondProRegular.woff2") format("woff2"),
	url("../fonts/AdobeGaramondProRegular.ttf") format("truetype"),
	url("../fonts/AdobeGaramondProRegular.svg#AdobeGaramondProRegular") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "AdobeGaramondProItalic";
	src: url("../fonts/AdobeGaramondProItalic.eot");
	src: url("../fonts/AdobeGaramondProItalicd41d.eot?#iefix") format("embedded-opentype"),
	url("../fonts/AdobeGaramondProItalic.woff") format("woff"),
	url("../fonts/AdobeGaramondProItalic.woff2") format("woff2"),
	url("../fonts/AdobeGaramondProItalic.ttf") format("truetype"),
	url("../fonts/AdobeGaramondProItalic.svg#AdobeGaramondProItalic") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/****base css*********/

	body { font-family: "Raleway"; font-size:16px; font-weight: 300; color: #000; line-height: 24px; -webkit-font-smoothing: antialiased; max-width: 1500px; margin: 0 auto; /*display: table;*/ position: relative; }

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 { margin:0px; padding:0px; font-family: "Segoe UI"; }   
	h1, .h1 { font-size:60px; margin:0px 0px 30px; padding:0px; line-height: 1.2; }
	h2, .h2 { font-size:50px; margin:0px 0px 30px; padding:0px; line-height: 1.2; }
	h3, .h3 { font-size:40px; margin:0px 0px 30px; padding:0px; line-height: 1.2; }
	h4, .h4 { font-size:20px; margin:0px 0px 15px; padding:0px; }
	h5, .h5 { font-size:20px; margin:0px 0px 15px; padding:0px; }

	.fl{ float:left;}
	.fr{ float:right;}
	p { margin:0; padding:0 0 25px 0; }
	p.p-head { font-size: 20px; font-weight: normal; padding: 0 0 30px 0; line-height: 30px; }
	article, aside, figure, footer, header, hgroup,menu, nav, section { display: block; }
	.clearfix:after, .grid-block:after, .deepest:after {    clear: both;}
	.clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {    content: "";    display: 		table;}
	.cl{ clear:both; height:0; }
	a { color: #000; outline:none !important; transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s; text-decoration: none; }  
	a:hover , a:focus { color: #000; text-decoration: none; outline:none !important; }
	.no-padding{ padding:0px; }
	input , button { transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s; }
	ul,ol { padding-left: 15px; margin-bottom: 15px; }
	ul.arrow-list { position: relative;}
	ul.arrow-list li { list-style-type: none; }
	ul.arrow-list li::before { color: #444444;content: "";  display: inline-block; font-family: "FontAwesome"; font-size: 16px;  left: 0;  position: absolute; }
	input::-moz-placeholder { color: #000; opacity: 10; }
	input::-webkit-input-placeholder { color: #000; }
	textarea::-moz-placeholder { color: #000; opacity: 10; }
	textarea::-webkit-input-placeholder { color: #000; }
	img { outline: none !important; max-width: 100%; height: auto; }

	.container { max-width: 1180px; width: 94%; padding: 0; }

/************************* Header *********************************/
header { width: 100%; float: left; padding: 0 50px; position: absolute; top: 0; left: 0; right: 0; z-index: 11; } 
header .container { width: 100%; max-width: 100%; }
header .logo { float: left; margin-top: 60px; }
header .header-right { float: right; }
header .header-social { float: left; margin-top: 25px; }
header .header-social ul { margin: 0; padding: 0; }
header .header-social ul li { list-style-type: none; float: left; } 
header .header-social ul li + li { margin-left: 20px; } 
header .header-social ul li a { color: #000; }
header .call-us-header { float: left;  margin: 0 20px; color: #fff; font-weight: normal; padding: 6px 30px; } 
header .here-help { float: left; background: #b54261; color: #fff; font-weight: normal; padding: 6px 30px; }
header .call-us-header a , header .here-help a { display: block; color: #fff; font-size: 35px; line-height: 1; font-family: "AdobeGaramondProRegular"; }

/************************* Navigation ******************************/
.navigation { float: right; margin-top: 10px; clear: right; position: relative; z-index: 11; padding-right: 100px; }
.navigation ul.nav { margin: 0; padding: 0; }
.navigation ul.nav > li { list-style-type: none; float: left; } 
.navigation ul.nav > li + li { margin-left: 20px; }
.navigation ul.nav > li > a { color: #000; font-size: 16px; font-weight: bold; padding: 10px 0; border-bottom: solid transparent 2px; }
.navigation ul.nav > li > a:hover , .navigation ul.nav > li > a:focus , .navigation ul.nav > li.active > a , .navigation ul.nav > li:hover > a { background: transparent; border-bottom: solid 2px #000; }

.navigation ul.nav ul { display: none; position: absolute; width: 240px; background: #F2F2F2; margin: 0; padding: 10px 0; }
.navigation ul.nav li:hover > ul { display: block; } 
.navigation ul.nav ul li { list-style-type: none; position: relative; }
.navigation ul.nav ul li + li { margin-top: 1px; }
.navigation ul.nav ul li a { padding: 4px 20px; display: block; width: 100%; font-weight: normal;  font-size: 16px; }
.navigation ul.nav ul li a:hover , .navigation ul.nav ul li a:focus , .navigation ul.nav ul li.active > a , .navigation ul.nav ul li:hover > a { background: #000; color: #fff; }
.navigation ul.nav ul ul { left: 240px; top: 0; padding: 5px 0; }

/************************* Slider ******************************/
.slider { width: 100%; float: left; position: relative; z-index: 1; }
/*.slider:after { background: rgba(255,255,255,0.80); position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; }*/
.slider .slide-desc-bg-default { background: rgba(255,255,255,0.80); }
.slider .djslider-default .slide-desc { top: 0; }
.slider .djslider-default .slide-desc-in { height: 100%; }
.slider .slide-desc-text-default { padding: 0; height: 100%; }
.slider .slide-text { position: absolute; top: 45%; width: 100%; text-align: center; }
.slider .slide-text h1,  .slider .slide-text .h1{ color: #000; font-size: 70px; position: relative; margin: 0 0 25px 0; padding: 0 0 10px 0; display: inline-block; }
.slider .slide-text h1:after, .slider .slide-text .h1:after { width: 58%; height: 1px; background: #000; content: ""; bottom: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position: absolute; }
.slider .slide-text a.find-more { font-weight: bold; font-size: 20px; }

.slider .slider-bottom-box { position: absolute; bottom: 60px; text-align: center; width: 100%; }

/************************* Private Commercial International ******************************/
.private-commercial { width: 100%; float: left; color: #fff; font-weight: normal; }
.private-commercial .col-4 .padd { width: 33.33%; float: left; position: relative; background-size: cover; z-index: 1; padding: 70px; background-position: center center;}
.private-commercial .col-4 .padd:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: -1; }
.private-commercial .col-4 .private:after { background: rgba(0, 68, 143, 0.70); }
.private-commercial .col-4 .commercial:after { background: rgba(169, 5, 48, 0.70); }
.private-commercial .col-4 .international:after { background: rgba(82, 86, 83, 0.70); }
.private-commercial h3 { font-size: 50px; display: inline-block; border-bottom: solid 1px #fff; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.private-commercial h3 a { color: #fff; }
.private-commercial a.read-more { color: #fff; font-size: 0; width: 50px; height: 50px; background: url(../images/left-arrow.png) no-repeat center center; display: block; border: solid 1px #fff; float: left; }
.private-commercial p { padding:  0 0 25px 0; } 

/************************* We Pride Ourselves ******************************/
.we-pride-ourselves { width: 100%; float: left; background: #f2f2f2; padding: 70px 0; text-align: center; }
.we-pride-ourselves .container { max-width: 765px; }
.we-pride-ourselves article { font-size: 30px; font-family: "AdobeGaramondProItalic"; line-height: 1.2; }
.we-pride-ourselves .we-pride-img { margin-top: 40px; }

/************************* Welcome ******************************/
.welcome-adams { width: 100%; float: left; padding: 80px 0; }
.welcome-adams .welcome-content { max-width: 780px; margin: 0 auto; } 
.welcome-adams h1, .welcome-adams h2, .welcome-adams .h2 { text-align: center; display: block; font-size: 50px;}
.welcome-adams center { font-size: 20px; line-height: 30px; margin: 0 0 25px 0; }
.welcome-box { float: left; width: 100%; margin-top: 80px; color: #fff; }
.welcome-box .col-3 { width: 23.5%; float: left; background: #8c938e; padding: 30px; }
.welcome-box .col-3 + .col-3 { margin-left: 2%; }
.welcome-box .col-3 h3 { font-size: 30px; line-height: 1.2; margin: 0; min-height: 90px; }
.welcome-box .col-3 h3 a { color: #fff; }
.welcome-box a.read-more { color: #fff; font-size: 0; width: 50px; height: 50px; background: url(../images/left-arrow.png) no-repeat center center; display: block; border: solid 1px #fff; float: right; }

/************************* Latest News Twitter ******************************/
.latest-news-twitter { width: 100%; float: left; background: #f2f2f2; padding: 70px 0; }
.latest-news-twitter .latest-news { float: left; width: 570px; }
.latest-news-twitter h2 { margin: 0 0 20px 0; }
.latest-news-twitter h4 { font-family: "Raleway"; font-weight: bold; font-size: 20px; margin: 0 0 5px 0; }
.latest-news-twitter a.read-more { color: #fff; font-size: 0; width: 50px; height: 50px; background: url(../images/left-arrow-2.png) no-repeat center center; display: block; border: solid 1px #000; }
.latest-news-twitter div#fd.eb .mod-item  + .mod-item { border-top: medium none;  margin-top: 50px;  padding-top: 0; }
.latest-news-twitter div#fd.eb .eb-mod-title, .latest-news-twitter div#fd.eb .eb-mod-body, .latest-news-twitter div#fd.eb .eb-mod-hold, .latest-news-twitter div#fd.eb .eb-mod-action, .latest-news-twitter div#fd.eb .eb-mod-foot { padding-top: 0; }

.latest-news-twitter .twitter { float: right; width: 380px; }
.latest-news-twitter .twitter h2 { display: inline-block; } 
.latest-news-twitter .twitter .follow-us { float: right; margin-top: 22px; }
.latest-news-twitter .twitter .follow-us a { margin: 0 0 0 10px; font-size: 20px; }
.latest-news-twitter .twitter-box { float: left; width: 100%; background: #fff; padding: 30px; }
.latest-news-twitter .twitter-box a { text-decoration: underline; }

.latest-news-twitter div#fd.eb.eb-mod * { line-height: 24px; } 

/************************* Footer ******************************/
footer { width: 100%; float: left; background: #000; padding: 80px 0 0 0; color: #fff; border-bottom: solid 1px #cfcfcf; }
footer .footer-call-us { display: table; margin: 0 auto; font-size: 30px; font-weight: normal; border-bottom: solid 1px #cfcfcf; padding:  0 0 15px 0; line-height: 1; }
footer .footer-call-us a { font-weight: bold; color: #fff; }
footer .footer-middle { width: 100%; float: left; margin: 70px 0; }
footer .col-6 { width: 48%; }
footer a { color: #fff; }
footer ul.nav li a { padding: 0; }
footer ul.nav li a:hover , footer ul.nav li a:focus { background: transparent; }
footer a:hover , footer a:focus { color: #fff; }
footer h3 { font-size: 30px; }
footer ul.footer-social { margin: 0; padding: 0; }
footer ul.footer-social li { list-style-type: none; float: left; }
footer ul.footer-social li + li { margin-left: 20px; }
footer ul { margin: 0; padding: 0; }
footer ul li { list-style-type: none; }
footer .footer-right { width: 48%; }
footer .footer-right h3 { margin: 0; }
footer .copyright { float: left; width: 100%; font-size: 12px; text-align: center; margin-bottom: 30px; line-height: 18px; }
footer .copyright p { padding: 0; }
footer .footer-logo { float: left; width: 100%; text-align: center; }

/************************* Landing Page ******************************/
.inner-banner { width: 100%; float: left; position: relative; text-align: center; }
.inner-banner:after { background: rgba(255,255,255,0.80); position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; } 
.inner-banner .banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 100%; z-index: 1; }
.inner-banner .banner-text h1 { display: inline-block; margin: 0; padding: 0 0 5px 0; border-bottom: solid 1px #000; }

.content-box { width: 100%; float: left; padding: 50px 0 75px 0; }
.content-side.right { float: left; width: 58.5%; }
.content-side.left { float: right; width: 76%; }
.content-side.both { float: left; width: 42%; }
.content-side.full { float: left; width: 100%; }
.buying-selling-business { width: 100%; float: left; background: #8c938e; color: #fff; padding: 25px 45px 30px 30px; font-size: 20px; line-height: 30px; }
.buying-selling-business p { padding: 0; }

.right-side { float: right; width: 32%; }
.right-side .right-col { float: left; width: 100%; }
.right-side .right-col + .right-col { margin-top: 20px; }

.left-side { float: left; width: 23%; padding-right: 25px; }
.left-side .left-col { float: left; width: 100%; }
.left-side .left-col + .left-col { margin-top: 15px; }

.right-form h3 { margin: 0 0 20px 0; }
.get-in-touch-form .in { margin-bottom: 20px; position: relative; }
.get-in-touch-form .input-text { width: 100%; border: none; height: 50px; padding: 0 20px; background: #f2f2f2; }
.get-in-touch-form .input-textarea { width: 100%; border: none; height: 210px; padding: 20px; resize: none; background: #f2f2f2; }
.right-form .col-6 { width: 100%; }
.get-in-touch-form .send-btn { background: #000000 url(../images/send-left-arrow.png) no-repeat 95% center; width: 100%; height: 60px; padding: 0 20px; color: #fff; border: none; text-align: left; font-size: 30px; font-weight: bold; }
 
.get-in-touch-form .capcha { height: 67px; } 
#g-recaptcha-6 { transform: scale(0.85) !important; -webkit-transform:scale(0.85) !important; transform-origin: 0 0 0 !important; -webkit-transform-origin:0 0 !important; }

.get-in-touch-form .formError { position: absolute; left: 0; bottom: -22px; font-weight: normal; }
.get-in-touch-form .formField { overflow: unset; }

/************************* Service Page ******************************/
.service-box .col-4 { width: 32%; float: left; background: #8c938e; padding: 30px; color: #fff; margin-bottom: 20px; }
.service-box .col-4 + .col-4 { margin-left: 2%; }
.service-box .col-4 h3 { font-size: 30px; line-height: 1.2; min-height: 90px; margin: 0; }
.service-box .col-4 h3 a { color: #fff; }
.service-box a.read-more { color: #fff; font-size: 0; width: 50px; height: 50px; background: url(../images/left-arrow.png) no-repeat center center; display: block; border: solid 1px #fff; float: right; }

/************************* Team Page ******************************/
.team-content { float: left; width: 100%; }
.team-content .team-head { font-size: 20px; max-width: 650px; line-height: 30px; margin: 0 0 65px 0; }
.team-content .team-head p { padding: 0; }
.team-content .col-3 { float: left; width: 20.5%; margin-bottom: 20px; }
.team-content .col-3 + .col-3 { margin-left: 6%; }
.team-content .col-3 .image-col { float: left; width: 100%; } 
.team-content .col-3 .dec-col { float: left; width: 100%; padding: 15px 0; }
.team-content .dec-col .name { font-weight: 500; font-size: 20px; }
  
/************************* Contact Page ******************************/  
.contact-content { width: 100%; float: left; margin-top: 35px; }
.contact-p { max-width: 660px; }
.contact-form  { max-width: 580px; float: left; }
.contact-form .col-6 { width: 48%; }
.contact-form .input-textarea { height: 180px; }
.contact-form .capcha { float: left; width: 48%; }
.contact-form .send-button { float: right; width: 48%; } 
.contact-head-office { float: left;  margin: 83px 0 0 120px; line-height: 30px; }
.contact-head-office h3 { font-size: 30px; margin: 0 0 20px; }
.find-us { float: left; width: 100%; margin-top: 50px; }
.map { width: 100%; float: left; }
.map iframe { width: 100%; float: left; }
.contact-page .content-box { padding-bottom: 0; }

/********************/
.breadcrumb { padding: 25px 0 10px; background:transparent; border-radius: 0; margin: 0; }
.breadcrumb > li:first-child{ display: none; }
.breadcrumb .divider { margin:0 2px; }
.breadcrumb > li + li:before { content:''; padding: 0; }
.breadcrumb > .active { color: #000000; }
.fluid {
  padding-left: 25px;
}

img[src$='slider-bottom-img.png'] {mix-blend-mode:multiply;}