/*
Theme Name: Crimson Fox
Author: Crimson Fox
Author URI: http://www.crimsonfox.com.au/
Description: Custom theme for Arnold Group Developed By Crimson Fox Creative Studios
Version: 1.0
Text Domain: crimsonfox
*/

/* FONTS */

@font-face {
	font-family: BauhausBold;
	src: url('fonts/bauhaub.ttf');
}

/* GLOBAL */

a:hover {
	text-decoration: none !important;
}

:root {
	--main-color: #f5821d;
	--main-gradient: background: -moz-linear-gradient(top, #f37020 0%, #fbb314 100%);
	--main-grey: #6d6e71;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'arial', sans-serif;
	font-size: 16px;
	color: #6d6e71;
overflow-x: hidden;
}


.outerwrap {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

.content {
	width: 100%;
	max-width: 1080px;
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

h2 {
	font-size: 26px;
	color: #6d6e71;
}

p {

}

a {
	text-decoration: none;
}

.entry-title, .entry-content h1 {
    color: var(--main-color);
    font-family: BauhausBold;
    font-size: 40px;
    letter-spacing: 2px;
    margin: 30px 0;
}

.feature-image {
	width: 100%;
	height: auto;
	margin-top: 108px;
}



.entry-content h2 {
	margin-top: 25px;
	font-size: 28px;
	color: #6d6e71;
	margin-bottom: 20px;
}





.entry-content h3 {
	margin-bottom: 3px;
    color: var(--main-color);
	font-size: 20px;
	font-weight: bold;
}

.entry-content h4{
	font-weight:bold;
	font-size: 18px;
    margin-bottom: 3px;
}


p {
	font-family: 'arial', sans-serif;
	font-size: 16px;
	color: var(--main-grey);
}



.entry-content a{
	color: var(--main-color);
}

.entry-content a:hover{
	color: var(--main-color);
	opacity: 0.5;
}




a {
	text-decoration: none;
	cursor: pointer;
}

.btn {
	padding: 10px 30px;
	border-radius: 50px;
	cursor: pointer;
	transition: 0.3s;
	border: 1px solid #fff;
}

.btn:hover {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000 !important;
}

.btn-highlight {
	border: 1px solid var(--main-color);
}

.btn-highlight:hover {
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: #fff !important;
}

.btn-learn-more {
	color: var(--main-color);
	position: relative;
}

.ag-btn-learn-more {
	color: #16ae4b !important;
}

.ag-btn-learn-more::after {
	background-color: #16ae4b !important;
}

.btn-learn-more::after {
	width: 30px;
	height: 3px;
	background-color: var(--main-color);
	display: block;
	position: absolute;
	content: '';
	left: 90px;
	top: 9px;
}

.btn-learn-more span {
	width: 10px;
	height: 1px;
	color: red;
}

.custom-file-upload {
	width: 100%;
	/*max-width: 230px;*/
	margin-bottom: 10px;
	border: 1px solid var(--main-color);
	padding: 12px 13px;
	height: 50px;
	border-radius: 3px;
	color: var(--main-color);
	cursor: pointer;
	margin: 10px -10px 15px 0;
	float: left;
	background-color: #fff;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	transition: 0.2s;
	text-indent: 60px;
}

.wpcf7-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

@media screen and (max-width: 580px) {
	.agupload-wrapper {
		width: 50%;
	}

	.submit_btn {
		width: 50%;
	}

	.page-id-53 .submit_btn input[type="submit"] {
		margin: 0 -10px 15px 0;
	}
}

@media screen and (max-width: 442px) {
	.custom-file-upload {
		text-indent: 42px;
	}
}

@media screen and (max-width: 375px) {
	.custom-file-upload {
		text-indent: 24px;
	}
}

.agupload-info { font-size: 10px; }

.page-id-31 .submit_btn input {
	margin-top: 0;
}

/* TESTIMONIALS */

.testimonial {
  display: table;
  position: relative;
  height: auto;
  max-width: 445px;
  border: 4px solid var(--main-color);
  padding: 15px 25px;
  border-radius: 15px;
  font-family: 'arial', sans-serif;
  font-style: italics;
  color: #6d6e71 !important;
}

.testimonial::after {
	display: block;
	content: '';
	background-image: url('images/icons/quote.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: #116cb6;
	font-size: 70px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(50%,-50%);
	background-color: #fff;
	height: 71px;
	width: 40px;
	text-align: center;
}

.testimonial span {
	color: var(--main-grey);
}

/* HOMEPAGE */

.homepage-background {
	width: 100%;
	height: auto;
	background: url('images/saf-arrow.png');
	background-size:  auto 100vh;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	display: block;
	top: 15px;
	transition: 0.3s;
}

.top {
	height: auto;
	width: 100%;
	z-index: 3;
}

/* MAIN NAVIGATION */

.main-nav {
	width: 100%;
	height: 145px;
}

.main-nav .logo {
	width: 335px;
	height: 110px;
	background: url('images/saf-logo.png');
    background-repeat: repeat;
    background-size: auto auto;
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	transition: 0.3s;
	margin-top: 21px;
	left: 10px;
}

.main-nav ul {
	padding: 0;
	margin: 60px 0 0 0;
	position: absolute;
	right: 30px;
}

.main-nav ul li {
	list-style-type: none;
	display: inline-block;
	margin-left: 15px;
	position: relative;
}

.main-nav ul li a {
	color: #6d6e71;
}

.sub-menu .current_page_item {
	border-bottom: none;
}

.current_page_item {
	padding-bottom: 10px;
	border-bottom: 3px solid var(--main-color);
}

.main-nav ul li a.btn-highlight {
	color: var(--main-color);
}

/*
.main-nav li:last-of-type a {
	padding: 10px 40px;
	border-radius: 50px;
	cursor: pointer;
	transition: 0.3s;
	border: 1px solid var(--main-color);
}


.main-nav li:last-of-type a:hover {
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: #fff !important;
}
*/

/* Sub menu */

.main-nav ul li .sub-menu {
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	width: 220px;
	z-index: 5;
	transition: 0.3s;
}

.main-nav ul li:hover .sub-menu {
	display: block;
	background-color: #231f20;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.main-nav ul li .sub-menu li {
	list-style-type: none;
	display: block;
	margin-left: 0px;
}

.main-nav ul li .sub-menu li:hover {
	background-color: var(--main-color);
}

.main-nav ul li .sub-menu li a {
	color: white;
	padding: 10px;
	display: block;
}

/* Sub sub menu */

.main-nav ul li .sub-menu li .sub-menu {
	position: absolute;
	left: 220px;
	display: none;
	top: 0px;
}

.main-nav ul li .sub-menu li:hover .sub-menu {
	display: block;
}


/* MOBILE NAVIGATION */

.mobilemenutoggle {
	background: url(images/mobilemenutoggle.png) no-repeat center center;
	width: 68px;
	height: 68px;
	background-size: 60%;
	position: absolute;
	right: 40px;
	top: 20px;
	cursor: pointer;
	z-index: 999;
	text-indent: -9999px;
	transition: 0.2s;
	display: none;
}

.mobilemenutoggle:hover {
	transform: scale(1.05);
}

.mobilemenuclose {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 20px;
	cursor: pointer;
	z-index: 999;
	text-indent: -9999px;
	background: url(images/mobilemenuclose.png) no-repeat center center;
	background-size: 100%;
}

.mobilemenuclose:hover {
	transform: scale(1.05);
}

.menu-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: -300px;
    width: 0px;
    height: 100%;
    background: -moz-linear-gradient(top, #f37020 0%, #fbb314 100%);
	background: -webkit-linear-gradient(top, #f37020 0%, #fbb314 100%);
	background: -o-linear-gradient(top, #f37020 0%, #fbb314 100%);
    transition: 0.3s;
    z-index: 895;
	overflow-y: scroll;
}

.mobile-logo {
	width: 100%;
	height: 120px;
	background-image: url('images/saf-logo.png');
	background: url('images/saf-logo.png') center;
	background-repeat: repeat;
	background-size: auto auto;
	background-size: 90%;
	background-repeat: no-repeat;
	display: block;
}

.menu-wrapper ul {
	padding: 0;
	margin: 100px 0 0 0;
}

/* Get rid of margin in mobile menu UL */
#menu-mobile-menu ul {
	margin: 0;
}

#menu-mobile-menu .current_page_item {
	padding: 0;
	background-color: #fff;
}

#menu-mobile-menu .current_page_item a {
	color: var(--main-color);
}

.menu-wrapper ul li {
	list-style-type: none;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.menu-wrapper ul li:first-of-type {
	border-top: 1px solid #fff;
}

.menu-wrapper ul li a {
	font-size: 18px;
	color: #fff;
	padding: 20px 80px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	transition: 0.2s;
	font-weight: 300;
}

.shadow {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 888;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

/* INTRO */

.intro {
	height: auto;
	width: 100%;
	max-width: 1080px;
	position: relative;
	margin: 0 auto;
	display:flex;
}

.intro-man {
	width: 65%;
	height: 750px;
	background: url('images/facing-man.png') center bottom no-repeat;
	background-size: 100%;
	display: inline-block;
	position: relative;
	left: -95px;
	background-position: bottom center;
}

.intro .title {
	font-size: 60px;
	font-family: 'BauhausBold', sans-serif;
	color: var(--main-color);
	margin: 50px 0 5px 0;
	font-weight: normal;
	line-height: 0.9;
}

.intro-content {
	position: relative;
	right: 30px;
	width: 35%;
	float: right;
	left: -55px;
	margin-top: 30px;
	height: 100%;
	transition: 0.2s;
}

.page-id-498 .intro-content {
	position: relative;
	top:-70px;
	right: 30px;
	width: 35%;
	float: right;
	left: -55px;
	margin-top: 30px;
	height: 100%;
	transition: 0.2s;
}

.intro-content p {
	line-height: 1.6;
}

/* LATEST ROLES SWIPER */

.latest-roles{
	position: relative;
	max-width: 1080px;
	width: 100%;
	color: #000;
	border-top: 1px solid #6d6e71;
	margin-top: 20px;
	padding-top: 20px;
}

.recent-articles{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #6d6e71;
display:block;

}
.recent-articles h3{
margin-bottom:20px;
}

.recent-articles li, .recent-articles ul{
list-style:none;
padding:0;
margin:0;
}

.recent-articles li{
margin-bottom:10px;
background-color:#DCDCDC;
padding:10px;

}

.recent-articles a{
color:#808080;

}

.recent-articles a:hover{
color:#000;

}

.wp-post-image{
float:right;
margin:0 0 20px 20px;
}

.latest-roles-heading {
	color: var(--main-color);
	font-size: 18px;
	margin-bottom: 10px;
	display: inline-block;
}

.latest-roles-heading, .job-title {
	margin: 0;
}


.latest-roles .job-title {
	font-size: 30px;
}

.latest-roles .job-info {
	height: 100%;
	text-align: left;
	width: 90%;
	display: inline-block;
	padding: 0;
}

.latest-roles .job-info ul {
	width: 100%;
	display: block;
	padding: 0;
}

.latest-roles .job-info ul li {
	list-style-type: none;
	color: #6d6e71;
}

.latest-roles .swiper-container {
	width: 100%;
	height: auto;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

.latest-roles .swiper-slide {
	text-align: left;
	font-size: 16px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide-inner {
	max-width: 905px;
	width: 100%;
}

/* FOOTER */

.footer {
	width: 100%;
	height: 300px;
	background-color: #231f20;
	padding: 20px 0 0;
    color: #fff;
	margin-top: 50px;
	clear: both;
}

.footer-home {
	margin-top: 0 !important;
}

.footer-left {
	height: 200px;
	width: 50%;
	display: inline-block;
	margin-top: 60px;
}

.menu-footer-menu-container {
	/*display: inline-block;*/
	display: none;
}

.menu-footer-menu-container ul li {
	margin-bottom: 12px !important;
}

.menu-footer-menu-container ul .current_page_item {
	padding-bottom: unset;
	border-bottom: unset;
}

.footer-icons {
	margin: 0;
	vertical-align: top;
}

.footer-icons img {
	width: 150px;
	margin-bottom: 14px
}

.footer-right {
	position: relative;
	right: 0;
	width: 50%;
	float: right;
	text-align: right;
}

.footer-right .footer-phone {
	font-size: 25px;
	font-weight: 300;
	top: 60px;
	position: relative;
	margin-right: 20px;
	font-family: 'arial', sans-serif;
	letter-spacing: 1px;
}

.footer-right .footer-logo {
	background-image: url('images/division-of-arnold-group-footer.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 236px;
	height: 70px;
	display: block;
	top: 170px;
	right: 26px;
	position: absolute;
}

.footer-right p {
	top: 214px;
	right: 30px;
	position: absolute;
}

.footer a{
    color:#fff;
    text-decoration: none;
}

.footer ul {
	display: inline-block;
}

.footer ul li {
	list-style-type: none;
	margin-bottom: 15px;
	vertical-align: top;
	display: table;
}

.footer-btn li {
	vertical-align: top;
	display: table;
}

/* ABOUT PAGE */

.about-page-background {
	width: 100%;
	height: 1080px;
	background: url('images/saf-arrow-about.png');
    background-repeat: no-repeat;
	background-size: cover
	background-repeat: no-repeat;
	z-index: -1;
	position: absolute;
	display: block;
	top: 105px;
	transition: 0.3s;
	background-position: 70px;
}

.page-template-page-our-consultants .consultant-info {
	padding: 0;
}

.page-id-62 .container-fluid {
	padding: 0;
}

.meet-the-team-title {
	color: var(--main-color);
	font-family: BauhausBold;
	font-size: 60px;
	letter-spacing: 2px;
	margin-top: 30px;
}

.entry-content p {
	color: var(--main-grey);
}

.team-wrapper {
	margin-top: 30px;
}

.team-wrapper .team-left, .team-wrapper .team-left .profile-wrapper {
	padding: 0;
}

.team-wrapper .team-left .profile {
	margin-bottom: 30px;
	cursor: pointer;
}

.team-wrapper .team-left .profile .profile-inner {
	height: 250px;
	background-position: center center;
	background-repeat: no-repeat;
}

.team-wrapper .team-left .profile:nth-child(1) .profile-inner {
}

.team-wrapper .team-left .profile:nth-child(1) .profile-inner {
}

.team-wrapper .team-left .profile h4 {
	text-align: center;
	font-size: 18px;
	color: var(--main-color);
	margin: 10px 0 0 0;
	letter-spacing: 1px;
}

.team-wrapper .team-left .profile p {
	text-align: center;
	font-size: 14px;
	color: var(--main-grey);
	margin: 0;
}

.team-wrapper .team-left .profile .profile-inner .overlay {
	height: 100%;
	background-color: var(--main-color);
	opacity: 0;
	transition: 0.3s;
}

.team-wrapper .team-left .profile .profile-inner .overlay:hover {
	height: 100%;
	background-color: var(--main-color);
	opacity: 1;
}

.team-wrapper .team-left .profile .profile-inner .overlay .expand-btn {
	text-align: center;
	position: relative;
	margin: 0 auto;
	display: inherit;
	top: 50%;
	transform: translateY(-50%);
	padding: 80px 0;
	cursor: pointer;
	font-size: 60px;
	color: white;
}

.team-right {
	z-index: 3;
}

.team-right .team-right-inner {
	background-color: #231f20;
	padding: 20px;
	box-sizing: border-box;
}

.team-right .team-right-inner img{
margin-bottom:20px;

}

.team-right .team-right-inner p {
	color: #fff;
	font-size: 16px;
}

.team-right .team-right-inner p:not(:last-of-type) {
	margin-bottom: 20px;
}

/* TEAM POPUP */

.team-popup {
	height: auto;
	max-width: 800px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	z-index: 889;
	position: fixed;
	min-width: 800px;
	background: #fff;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	display: none;
  }
  
  .team-popup .top-bar {
	height: 45px;
	background: -moz-linear-gradient(left, #f37020 0%, #fbb314 100%);
  }
  
  .team-popup .top-bar .team-popup-close {
	position: absolute;
	right: 10px;
	top: 2px;
	cursor: pointer;
  }
  
  .team-popup .team-info {
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
  }
  
  .team-popup .team-info .team-info-wrapper {
	text-align: left;
	padding: 20px;
  }
  
  .team-popup .team-info img {
	max-width: 180px;
  }
  
  .team-popup .team-info ul {
	margin: 0;
	width: 600px;
	padding: 0;
  }
  
  .team-popup .team-info ul li {
	list-style-type: none;
	width: 100%;
  }
  
  .team-popup .team-info ul li img {
	width: 20px;
	display: inline-block;
	padding: 0;
  }
  
  .team-popup .team-info ul li a {
	text-decoration: none;
	color: #a9a9a9;
	font-size: 14px;
	width: 100%;
	margin-left: 5px;
  }
  
  .team-popup .team-bio {
	padding: 20px
  }
  
  .team-popup .team-bio h3 {
	font-size: 30px;
	margin-bottom: 0;
	color: var(--main-color);
	font-family: BauhausBold;
	letter-spacing: 1px;
  }
  
  .team-popup .team-bio p {
	font-size: 14px;
	font-weight: light;
	color: #a9a9a9;
  }
  
  .team-popup .team-bio .team-position {
	color: #000 !important;
	text-align: left !important;
	margin: -10px 0 20px 0 !important;
	font-size: 18px !important;
  }
  
  .team-popup .team-bio .team-speciality {
	padding: 0;
  }
  
  .team-popup .team-bio .team-speciality ul {
	padding: 0;
	margin: 0;
  }
  
  .team-popup .team-bio .team-speciality ul li {
	display: inline-block;
	list-style-type: none;
	font-weight: bold;
	margin: 0 5px;
  }
  
  .team-popup .team-bio .team-speciality ul li img {
	width: 20px;
	margin-right: 5px;
  }


.recruitment-network-banner {
	width: 100%;
	/*height: 600px;*/
	background-color: #000;
	max-width: 1080px;
	margin: 25px auto 50px auto;
	padding: 40px 0;
}

.recruitment-network-banner .recruitment-text {
	/*margin-top: 60px;*/
}

.recruitment-network-banner .recruitment-text ul {
	padding: 0;
}

.recruitment-network-banner .recruitment-text ul li {
	list-style-type: none;
	color: #fff;
}

.recruitment-network-banner .recruitment-text ul li strong {
	color: var(--main-grey);
}

.recruitment-network-banner .recruitment-text img {
	width: 250px;
	margin-bottom: 20px;
}

.recruitment-network-banner .recruitment-text h3 {
	color: #fff;
	font-size: 36px;
}

.recruitment-network-banner .recruitment-text p {
	color: #fff;
	font-size: 16px;
}

.recruitment-network-banner .recruitment-map {
	/*background-image: url('images/recruitment-map.png');*/
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	/*height: 600px;*/
}

.recruitment-network-banner .recruitment-map p {
	color: #fff;
}


/* BLOG PAGE */

.blog-entries .article-wrapper {
	margin: 20px 0 40px 0;
}

.blog-entries .article-wrapper .attachment-post-thumbnail {
	margin-bottom: 20px;
	width: 100%;
	height: auto;
}


/* JOBS PAGE */

.job-listing-wrapper {
	height: auto;
	margin-bottom: 30px;
	padding-bottom:20px;
	border-bottom:1px solid #666;
}

.job-listing {
	height: auto;

}

.job-listing a h3 {
	font-size: 24px;
	color: var(--main-grey);
}

.job-listing p {
	font-size: 16px;
}

.job-listing li {
	font-size: 16px;
}

.job-listing-wrapper:last-of-type {
	margin-bottom: 100px;
}

/* Contact Us Page*/
.contactus .intro-man {
    height: auto;
    width: 65%;
    background-size: 100% !important;
}

.contactus .contentarea {width: 45%;}
.contactus .contentarea .col-md-6,.contactus .contentarea .col-md-12{float: left;padding: 0 5px;}
.inputgroup {width: 100%;max-width: 100%;margin-bottom: 10px;border: 1px solid #aaa;padding: 5px;height: 50px;border-radius: 3px;color: #aaa;}
.contactus .contentarea textarea.inputgroup {
    height: 100px;
}
.inputgroup:focus {
    border: 1px solid #f6781c !important;
    outline: 0;
}
.inputgroup::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaaaaa;font-weight: 500;
}
.inputgroup::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaaa;font-weight: 500;
}
.inputgroup:-ms-input-placeholder { /* IE 10+ */
  color: #aaaaaa;font-weight: 500;
}
.inputgroup:-moz-placeholder { /* Firefox 18- */
  color: #aaaaaa;font-weight: 500;
}
.contactpage p{color: #aaa;}

.wpcf7-select.inputgroup{-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(./images/down-arrow.png) no-repeat right 2% center;}
.wpcf7-form .row div { padding-right: 5px; padding-left: 5px;}

.submit_btn input[type="submit"] {
	width: 100%;
	max-width: 230px;
	margin-bottom: 10px;
	border: 1px solid var(--main-color);
	padding: 5px;
	height: 50px;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	margin: 10px -10px 15px 0;
	float: right;
	background-color: #f5821d;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	transition: 0.2s;
}

.submit_btn input[type="submit"]:hover {
	background-color: #fff;
	border: 1px solid var(--main-color);
	color: var(--main-color);
}

.submit_btn {position: relative; margin-left: -10px; }
/*.submit_btn:after {width: 30px; height: 3px; background-color: var(--main-color); display: block; position: absolute; content: ''; top: 12px; right: 0; }*/
.contactpage span img {margin-right: 10px; width: 25px; height: 25px; }

.row.img_cls {
    margin-bottom: 30px;
    padding: 0 25px;
}

div.wpcf7-response-output,div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1 !important;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

div.wpcf7-mail-sent-ok {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

#map{
	width: 100%;
	height: 400px;
}

.page-template-page-submit-vacancy .contentleft {
	margin-top: 0px;
}

.page-template-page-submit-vacancy .row, .page-template-page-request-advice .row, .page-template-page-book-consultation .row {
	margin-right: -7px;
	margin-left: -7px;
}

.page-template-page-request-advice .contentleft {
	margin-top: 100px;
}

.page-template-page-request-advice .intro-man {
	background-position: 0 5px;
}

.page-template-page-book-consultation .contentleft {
	margin-top: 100px;
	margin-bottom: 100px;
}

.page-template-page-book-consultation .intro-man {
	background-position: 0 5px;
}



.intro.contact_us .intro-man {
	height: 748px;
	background-size: 98%;
	width: 65%;
}
.intro.contact_us .intro-content {
    width: 45%;
}

/* PAGE PEOPLE IMAGES */

/* Work for us */
.page-template-page-submit-vacancy .intro-man {
	background: url('images/work-for-us.png') center bottom no-repeat;
	background-position: center bottom;
}

/* Submit a vacancy */

.page-id-53 .custom-file-upload {
	margin-top: 0;
}

.page-id-53 .intro-man {
	background: url('images/submit-a-vacancy.png') center bottom no-repeat;
	background-position: 13px 78px;
background-size: 99% !important;
}

/* Request advice */
.page-id-55 .intro-man {
	background: url('images/request-advice.png') center bottom no-repeat;
	background-position: 46px -13px;
	background-size: 105% !important;
}

/* Book a consultation */
.page-id-57 .intro-man {
	background: url('images/book-a-consultation.png') center bottom no-repeat;
	background-size: 90% !important;
	background-position: 97px -9px;
}

/* Contact us */
.page-id-10 .intro-man {
	background: url('images/contact-us.png') center bottom no-repeat;
	background-position: 0 72px;
	background-size: 99% !important;
}

#saf-contact-rc {
	float: right;
}


/* Submit resume*/
.page-id-50 .intro-man {
	background: url('images/submit-a-resume.png') center bottom no-repeat;
	background-size: 92% !important;
	background-position: 60px 0px;
}

/*xD's CSS Changes*/

.job_sidebar a.back_result {
    transition: all 0.3s ease-in-out;
    background: #f5821d;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    padding: 5px 0px;
    max-width: 150px;
}

.job_sidebar a.apply_now {
    transition: all 0.3s ease-in-out;
    background: #f5821d;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    padding: 5px 0px;
    max-width: 150px;
    margin-left: 10px;
}
.job_sidebar a.apply_now:hover,.job_sidebar a.back_result:hover{background: #231F20;color: #FFFFFF;}
.job_sidebar h2 {
    float: left;
    width: 100%;
    color: #F5821D;
    font-size: 16px;
}
.jobdetail-options ul{padding: 0;margin: 0;}
.jobdetail-options li {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 0;
}

a {
    position: relative;
}

.jobdetail-options a {
    color: #666 !important;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: small;
    position: relative;
    padding-left: 5px;
}

.jobdetail-options ul {
    float: left;
    width: 100%;
    position: relative;
}

.jobdetail-options {
    margin-bottom: 15px;
}
div#jobdetail-social-media {
    padding: 15px 0 0 0;
    float: left;
    display: block;
}
.jobdetail-options .save-image:before {
    background: url(./images/icons/save.png) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.jobdetail-options .print-image:before {
    background: url(./images/icons/print.png) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.jobdetail-options .email-image:before {
    background: url(./images/icons/email.png) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.jobdetail-options .facebook-image:before {
    background: url(./images/icons/f.png) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.jobdetail-options .twitter-image:before {
    background: url(./images/icons/g.png) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.jobdetail-options .linked-in-image:before {
    background: url(./images/icons/t.png) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.jobdetail-options .googleplus-in-image:before {
    background: url(./images/icons/l.png) no-repeat;
    content: '';
    width: 26px;
    height: 26px;
    position: relative;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.ApplyWithLinkedIn {
    background: url(./images/icons/linkedin.png) no-repeat;
    width: 18%;
    height: 35px;
    background-size: cover;
    border: none;
    cursor: pointer;
    text-align: center;
    clear: both;
    float: left;
    margin-top: 15px;
}

a.read_more {
    margin-left: 70px;
    color: #f5821d !important;
}

a.read_more:hover {
    color: #0056b3 !important;
}

.job_sidebar {
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 15px;
}

.click_more {
    border-top: 1px solid #f5821d;
    border-bottom: 1px solid #f5821d;
    padding: 6px 5px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.click_more a {
    color: #f5821d;
}
.cleardiv{clear: both;}
/*xD's CSS Changes*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.jobform textarea {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px;
}
.jobform input {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 5px;
}
.jobform input[type="submit"] {max-width: 80px; /* float: right; */ text-align: r; margin: 0 0 0 auto; display: block; background: #f5821d; border: 0; color: #fff; box-shadow: 0; }

/* RESPONSIVE */
@media screen and (max-width:1200px) {
	.profile-inner img {width: 100%;}
	.team-wrapper .team-left .profile .profile-inner{height: inherit;}
	.team-right.col-lg-4.col-md-12 {padding-right: 0;}
	.main-nav .logo{width: 300px;}
	.entry-title, .entry-content h1{margin: 0;}
	.contactus .contentarea{padding-right: 15px;}
	.main-nav .logo{ margin-top: 10px; margin-left: 10px;}
	.main-nav ul{ margin: 42px 0 0;}

	.page-id-182 .top .main-nav .content {max-width: 1080px !important;} 
	.page-id-182 .top .container{max-width: 100%;}

	.page-template-page-submit-vacancy .contactus .intro-man,.page-template-page-book-consultation .contactus .intro-man,.page-template-page-request-advice .contactus .intro-man{top: 60px; z-index: -1;} 
}

@media screen and (min-width: 993px) and (max-width: 1200px){
	.consultant-sidebar .feature-image{margin-top: 54px; }

}

@media screen and (max-width:992px) {
	.team-right.col-lg-4.col-md-12 {padding-left: 0;}
	.main-nav{ height: 70px;}
	.entry-title, .entry-content h1{font-size: 36px; margin: 30px 0 10px;}
	.team-left .col-md-6{max-width: 33.3%;}
	.page-id-182 .top .content ,.page-id-182 .top .container{max-width: 100% !important;}
	.page-id-182 .team-left .profile.col-sm-12 {/*max-width: 33%;*/}

	/*resume page*/
	/* .contactus .contentarea {float: right; width: 45%; padding-right: 15px;}
	.contactus .testimonial{margin-bottom: 0;}
	.contactus .intro-man{ height: 640px;  width: 55%; background-size: 100% auto !important;  background-position: 0px 10px; background-size: 100% auto !important;}
	.contactus .page-id-50 .intro-man{background-position: -20px 0; } */

	
	.page-id-182 .top .team-right.col-lg-4.col-md-12 {padding: 0;}
	.page-id-182 .top .feature-image{margin-top: 10px;}
	.page-id-182 .consultant-sidebar{margin-top: 0px;}
	.page-id-182 .profile-inner img{width: 100%;}
	.page-id-182 .team-wrapper .team-left .profile .profile-inner{height: auto;}

	.page-template-page-submit-vacancy .contactus .contentarea,.page-template-page-book-consultation .contactus .contentarea,.page-template-page-request-advice .contactus .contentarea {width: 50%; float: right; padding: 0 15px;left: 0;}
	.page-template-page-submit-vacancy .contactus .intro-man,.page-template-page-book-consultation .contactus .intro-man,.page-template-page-request-advice .contactus .intro-man{background-size: 100% 100% !important; height: 762px; width: 48%;}
	
	
	.page-id-182 .col-lg-8 {flex: 0 0 66.6667%;max-width: 66.6667%;}
	.page-id-182 .col-lg-4 {flex: 0 0 33.3333%;max-width: 33.3333%;}

	.contentleft.contactpage .testimonial{margin-bottom: 0;}
	.page-id-50.page-template-page-submit-vacancy .contactus .intro-man, .page-template-page-book-consultation .contactus .intro-man, .page-template-page-request-advice .contactus .intro-man {
	    background-position: left center;
	    background-size: 100% 100% !important;
	    height: 762px;
	    left: 0;
	    width: 48%;
	}
	
}



@media screen and (min-width: 851px) and (max-width: 992px){

	.page-id-182 .top .feature-image {margin-top: 92px;}

	

}

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

	.page-id-182 .col-lg-8 {flex: 0 0 100%; max-width: 100%;}
	.page-id-182 .col-lg-4 {flex: 0 0 100%; max-width: 100%;}
	
}

@media screen and (max-width:768px) {
	.team-left.col-lg-8{width: 100%;}
	.team-left .profile.col-sm-12 {max-width: 50%;}
	.outerwrap{padding-top: 15px;}
	.main-nav{height: 70px;}
	.entry-title, .entry-content h1{font-size: 34px; margin:10px 0 10px;}
	.team-wrapper .team-left .profile h4{font-size: 14px;}
	
	/*resume page*/
	/* .contactus .contentarea {padding: 0 15px; width: 100%;} */

	.page-id-182 .top .feature-image {height: auto; margin-bottom: 20px; margin-top: 10px; width: 100%;}
	.page-id-182 .top .team-right.col-md-12 {padding: 0;}
	.page-id-182 .container{max-width: 100%;}
	.page-template-page-submit-vacancy .intro-man,.page-template-page-book-consultation .intro-man,.page-template-page-request-advice .intro-man{height:500px; width: 48%; margin-top:30px;}
	.contactus .contentarea{width:48%; float: right; margin-top: 30px; }
	.contactus {width: 100%; padding: 0 10px; box-sizing: border-box;}
	.page-template-page-submit-vacancy .contactus .intro-man,.page-template-page-book-consultation .contactus .intro-man,.page-template-page-request-advice .contactus .intro-man{ width: 100%; background-size:contain !important;background-position: 70px 0px;}	
	.page-template-page-submit-vacancy .contactus .intro-man,.page-template-page-book-consultation .contactus .intro-man,.page-template-page-request-advice .contactus .intro-man{ height: 590px;}
	
	.homepage-background {background-position: left bottom !important;/*background-size: 580px;*/} 
	.page-template-page-submit-vacancy .contactus .contentarea,.page-template-page-book-consultation .contactus .contentarea,.page-template-page-request-advice .contactus .contentarea{ width: 100%;}
	.page-id-50.page-template-page-submit-vacancy .contactus .intro-man, .page-template-page-book-consultation .contactus .intro-man, .page-template-page-request-advice .contactus .intro-man {
	   background-size: contain !important;
    	width: 100%;
    	height: 590px;
	}

}


@media screen and (max-width:480px) {
	.team-left .profile-inner img {width: 100%;}
	.team-wrapper .team-left .profile .profile-inner{height: auto;}
	.outerwrap{padding-top: 15px;}
	.main-nav {height: 50px;}
	.entry-title, .entry-content h1{font-size: 24px; margin: 0;}
	.entry-content p{font-size: 15px;}
	.main-nav {height: 85px;}
	.intro-content{ margin: 0 !important;}
	.team-right .team-right-inner img{ width: 200px !important;}
	.page-id-182 .top .team-right.col-md-12 {padding: 0;}
	.page-id-182 .top .feature-image {height: auto; margin-bottom: 20px; margin-top: 10px; width: 100%;}
	
	
}

@media screen and (max-width: 1400px) {
	.homepage-background {
		background-position: -80px 0;
	}
}

@media screen and (max-width: 1200px) {
	.homepage-background {
		background-position: -100px 0;
	}
	
	.intro.contact_us .intro-man {background-position: left center !important; background-size: 100% 100% !important; height: 593px; left: 0; max-width: 100%; width: 54% !important;}
	.intro.contact_us .intro-content {float: right; margin-left: 8%; width: 48%;}

}

@media screen and (max-width: 1180px) {
	.homepage-background {
		background-position: -120px 0;
	}
}

@media screen and (max-width: 1140px) {
	.swiper-button-prev, .swiper-button-next {
		display: none;
	}

	.latest-roles {

	}
}

@media screen and (max-width: 1120px) {
	.homepage-background {
		background-position: -160px 0;
	}

	.intro.contact_us .intro-man {background-position: left center !important; background-size: 100% 100% !important; height: 593px; left: 0; max-width: 100%; width: 54% !important;}
	.intro.contact_us .intro-content {float: right; margin-left: 8%; width: 48%;}
}

@media screen and (max-width: 990px) {
	.recruitment-network-banner {
		height: unset;
	}

	.team-wrapper {
		margin-bottom: 30px;
	}

	/* .intro.contact_us .intro-content {
	    max-width: 100%;
	    padding: 0 20px;
	    width: 100%;
	}
	
	.intro.contact_us .intro-man {
	    background-size: 100% auto;
	    height: 650px;
	    max-width: 67%;
	} */

	.intro.contact_us .intro-man {background-position: left center !important; background-size: 100% 100% !important; height: 593px; left: 0; max-width: 100%; width: 54% !important;}
	.intro.contact_us .intro-content {float: right; margin-left: 8%; width: 48%;}
	


	.main-nav .logo{width: 270px; margin-top: 10px;}
	.main-nav ul{margin: 42px 0 0;}

	.container.blog-page {margin-top: 30px;}

	.intro-man {
		width: 100%;
		left: auto;
		display: block;
	}

}

/* Switch to tablet/mobile version */
@media screen and (max-width: 950px) {
	.mobilemenutoggle {
		display: block;
	}

	.main-nav ul {
		display: none;
	}

	.intro {
		display: block;
	}

	.intro-content {
		position: relative;
		right: 0;
		width: 90%;
		float: none;
		left: auto;
		margin: 30px auto 0 auto;
	}

	.page-id-498 .intro-content {
		position: relative;
		top:0;
		right: 0;
		width: 90%;
		float: none;
		left: auto;
		margin: 30px auto 0 auto;
	}

	.homepage-background {
		background-position: 0 800px;
	}
	
	.latest-roles .swiper-container{max-width: 440px;}
	.intro-man{width: 50%; height: 520px; }
	.latest-roles .job-info{width: 100%;}
	.intro-content{width: 50%; float: right;}
	.intro .title{font-size: 46px;}
	.latest-roles .job-title {font-size: 26px;}
	
	.intro.contact_us .intro-content{width: 100%;padding: 0 15px;}
	.intro.contact_us .intro-man {
	  background-position: center bottom !important;
	  background-size: contain !important;
	  height: 650px !important;
	  width: 100% !important;
	  max-width: 100% !important;
	  float: left;
	}
	

}

@media screen and (max-width: 900px) {
    .intro-content {float: left; padding: 0 15px; width: 100%;}
    .intro-man {background-size: 100% auto; height: 440px; width: 440px; display: inline-block; float: left;background-position: 0px 0px;}
    .latest-roles .job-info {width: 100%;}
    .homepage-background {background-position: 0 570px;}
    .intro .title {font-size: 40px;  margin: 20px 0 5px;}

    .latest-roles .swiper-container {max-width: 100%;}

    /*Blog Page*/
	.article-text > h2 {font-size: 24px;}

	/*Blog Details Page*/
	.single-post .content img {height: auto; max-width: 100%; width: 100%;}

	
	.main-nav .logo{position: relative;height: 80px;}
	.main-nav {height: auto;}
	.main-nav .logo{margin-left: 0px;}



}

@media screen and (max-width: 610px) {
	.page-template-page-contact .homepage-background {
	  background-position: 0 910px;
	}
	.intro.contact_us .intro-man {
	    background-size: 100% auto;
	    height: 650px;
	    max-width: 100%;
	}
	
	.page-template-page-submit-vacancy .contactus .contentarea,.page-template-page-book-consultation .contactus .contentarea,.page-template-page-request-advice .contactus .contentarea {padding: 0 20px; width: 100%;}
	.page-template-page-submit-vacancy .intro-man,.page-template-page-book-consultation .intro-man,.page-template-page-request-advice .intro-man{width:100%;}
	
	/*view-all-jobs-page*/
	.click_more {margin-top: 20px;}
	.job-listing-left > h3 {font-size: 26px;}
	.job-listing a h3 {font-size: 20px; margin-top: 10px;}

	/*Blog Page*/
	.article-text > h2 {font-size: 20px;}

	.consultant-sidebar.col-lg-4.col-md-12 > img {width: 100%;}

	/*Footer Changes*/
	.footer{height: 370px;}
	.footer ul {padding: 0;}
	.footer-right .footer-phone {float: left; margin: 0; top: 0; width: 100%;}
	.footer-left{display: inline-block; height: 200px; margin: 0 auto !important; padding: 0 !important; text-align: center; width: 100% }
	.footer-right .footer-logo {height: 30px; position: relative; right: 0; top: 0; display: inline-table; width: 255px; margin-top: 25px;}
	.footer-right p {margin-top: 0; position: relative; right: 0; top: 0;}
	.footer-left, .footer-btn {display: block;}
	.footer-right {float: right; position: relative; right: 0; text-align: center; width: 100%;}
	.container.blog-page {margin-top: 0px;}

	.row.img_cls {display: block; float: left; padding-left: 0; padding-right: 0; width: 100%;margin-bottom: 0px !important;}
	.row.img_cls .col-sm-6.col-md-6 {margin-bottom: 20px;}
	.row.img_cls .col-sm-6.col-md-6:first-child {margin-left: 0 !important;}
	.row.img_cls .col-sm-6.col-md-6:last-child {margin-left: 0 !important;}

	.wpcf7 form {float: left; width: 100%;}

}



@media screen and (max-width: 530px) {
	.main-nav .logo {
		width: 330px;
		margin-top: 10px;
	}
	.page-template-page-contact .homepage-background {
	  background-position: 0 910px;
	}
	
	.intro.contact_us .intro-man {
	  background-position: center bottom !important;
	  background-size: contain !important;
	  height: 370px !important;
	  width: 100% !important;
	}

	.page-template-page-submit-vacancy .contactus .intro-man,.page-template-page-book-consultation .contactus .intro-man,.page-template-page-request-advice .contactus .intro-man{height: 479px;}


}

@media screen and (max-width: 460px) {
	.main-nav .logo {
		width: 280px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 425px) {
	.main-nav .logo {
		width: 250px;
		margin-top: 21px;
	}
	
	.page-template-page-submit-vacancy .contactus .intro-man,.page-template-page-book-consultation .contactus .intro-man,.page-template-page-request-advice .contactus .intro-man{height: 421px;background-position: 0;}	
	
}

@media screen and (max-width: 390px) {
	.main-nav .logo {
		width: 220px;
		margin-top: 26px;
	}

	.team-right-inner .btn-learn-more {float: left; width: 100%;}
	.team-right .team-right-inner{padding: 20px 20px 30px;}
}

/* iPhone 6s */
@media screen and (max-width: 375px) {
	.main-nav {
		height: 60px;
	}
}

@media screen and (max-width: 370px) {
	.intro .title {
		font-size: 50px;
	}
	.page-id-50.page-template-page-submit-vacancy .contactus .intro-man, .page-template-page-book-consultation .contactus .intro-man, .page-template-page-request-advice .contactus .intro-man{
		height:550px
	}	

}

@media screen and (max-width: 368px) {
	.page-template-page-request-advice .contactus .intro-man {
		height: 490px;
	}
}

@media screen and (max-width: 330px) {
	.page-template-page-request-advice .contactus .intro-man {
		height: 450px;
	}
}


@media screen and (max-height: 720px) {
	.intro-content {
		margin: unset;
	}
}

@media screen and (max-height: 680px) {
	/* .intro-content {
		margin-top: -50px;
	} */
}

@media screen and (min-width: 320px) and (max-width: 610px){
	.mobilemenutoggle{right: 10px; top: -4px !important;}
	.main-nav .logo {margin-top: 0 !important; width: 200px; }
	.intro .title {font-size: 32px;}
	.intro-content p{font-size: 15px;}
	.latest-roles .job-title {font-size: 22px;}
	.intro-man{ height: 300px; width: 300px;}
}




/* Styles for mobile homepage */

.mobile-latest-roles {
	margin: 40px 0;
}

.mobile-latest-roles-heading {
	color: var(--main-color);
	font-size: 18px;
	margin-bottom: 10px;
	display: inline-block;
}

.mobile-latest-roles-job {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid var(--main-grey);
}

.mobile-latest-roles .btn-learn-more {
	margin-top: 20px;
	display: block;
}

.mobile-latest-roles-job .job-title {
	font-size: 18px;
}

.mobile-latest-roles {
	display: none;
}

@media screen and (max-width: 500px) {
	.latest-roles {
		display: none;
	}

	.mobile-latest-roles {
		display: block;
	}
}

@media screen and (max-width: 900px) {
	.homepage-background {
		background-position: left 500px;
		background-size: auto 40%;
	}
}

@media screen and (max-height: 770px) {
	.homepage-background {
background-position: left 270px;
background-size: auto 60%;
	}
}

@media screen and (max-width: 520px) {
	.homepage-background {
		background-size: auto 40%;
		background-position: left 660px !important;
	}
}

@media screen and (max-width: 375px) {
	.homepage-background {
background-position: left 610px;
background-size: auto 30%;
	}
}

p.mes_job {
    width: 100%;
    display: block;
    overflow: hidden;
    color: green;
}
.container.team-wrapper .nav.nav-tabs {
    background-color: #333;
    margin-bottom: 12px;
}
.container.team-wrapper .nav.nav-tabs li {
    width: 50%;
    text-align: center;
}
.container.team-wrapper .nav.nav-tabs li a {
    color: #fff;
    display: block;
    padding: 12px;
}
.container.team-wrapper .nav.nav-tabs li.active {
    background-color: #f5821d;
}
h2.job-title.phn-no {
    margin-bottom: 10px;
}

.mapwrappop b { font-size: 19px; font-weight: bold; line-height: 50px;}
.mapwrappop p { line-height:5px; font-size: 13px;}

/* Subscribe Popup */

.subscribe-popup {
    position: relative;
}
.subscribe-popup form#subForm {
    background: #f5821d !important;
    text-align: center !important;
}
.subscribe-popup .popuptext {
    display: none;
    position: fixed;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 15px 22px;
    z-index: 1;
    bottom: 125%;
    left: 0;
    bottom: 0;
}
.subscribe-popup .show {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
.subscribe-popup #subForm p {
    margin: 0 auto;
    display: inline-block;
}
.subscribe-popup .subs_submit_button {
    background-color: #fff;
    border-radius: 0;
    color: #000;
    min-width: 150px;
    padding: 7px 0;
    box-shadow: none;
    border: 0;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    display: inline-block;
}
.subscribe-popup .close_popup {
    background-color: #000;
    border-radius: 0;
    color: #FFF;
    min-width: 150px;
    padding: 7px 0;
    box-shadow: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-left: 10px;
    display: inline-block;
}
.subscribe-popup input {
    width: auto;
    float: left;
    border: 1px solid #FFF;
    margin: 0 0 0 10px;
    background: no-repeat;
    color: #fff;
    padding: 6.5px;
}
.subscribe-popup input::-moz-placeholder { /* Code for Firefox */
    color:#FFF;
}
.subscribe-popup input::-webkit-input-placeholder { /* Chrome, Safari and Opera */
    color:#FFF;
}
.subscribe-popup input:-ms-input-placeholder { /* Internet Explorer */
    color:#FFF;
}
.subscribe-popup input::placeholder {
    color:#FFF;
}
.subscribe-popup #subForm label {
    color: #000;
    float: left;
    width: auto;
    padding-top:7px;
}
.subscribe-popup form#subForm .js-cm-submit-button {
    display: none;
}

.contact-information{  height: 748px; width: 65%; } 
.contact-information a{  color: var(--main-grey); } 
.page-template-page-contact .homepage-background{ background: none; }
.page-template-page-contact .intro.contact_us .intro-content{ width: 80%; }
.intro-content.contact-form-bx { padding-top: 7%; }
@media only screen and (max-width:767px){ .contact-information{ text-align: center; height: auto; width: 100%; } .page-template-page-contact .intro.contact_us .intro-content {width: 100%; padding-top: 20px; } }