/* common */

.header h3, .footer h3, .footer-tabs h3, .sharethis h3{
    font-size: 26px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 12px;
    padding-bottom: 6px;
    color: #323232;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Josefin Sans;
    letter-spacing: -0.05em;
}

.header .row, .footer .row {
    max-width: 1400px;
    margin: 0 auto;
}

.footer, .footer-tabs {
    background: #F6F6F6;
    font-family: 'Josefin Sans', sans-serif;
    margin: 0px;
    padding: 0px;
    color: #323232;
    font-size: 17px;
    background: rgba(246, 246, 246, 0.9);
}

.header{
    font-family: 'Josefin Sans', sans-serif;
    margin: 0px;
    padding: 0px;
    color: #323232;
    font-size: 17px;
}

.header img, .footer img {
    margin: 0;
    padding: 0;
    display: block;
}

/* Header */

.header-wrapper {
    background: url("/userfiles/ConradConsultingUS/ffImages/abstractheader.jpg")  center top fixed;
}

.header {
    width: 100%;
}

.header-container {
    margin: auto;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("/userfiles/ConradConsultingUS/ffImages/conradlines-header.png");
    background-repeat: no-repeat;
}

.menu-wrapper {
    padding-bottom: 0em;
    padding-left: 0em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-nav {
    width: 100%;
}

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}

.main-menu-btn {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: 28px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    padding: 1.4em;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin-bottom: 0;
}

#main-menu-state:checked ~ #main-menu {
    display: block;
}

#main-menu-state:not(:checked) ~ #main-menu {
    display: none;
}

.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 7px;
    height: 3px;
    width: 24px;
    background: #ffffff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

.sm li, .sm a {
    position: relative;
}

.sm a {
    display: block;
		cursor: pointer
}

.topmenu a, .topmenu a:focus, .topmenu a:active {
    padding: 10px 15px;
    padding-right: 55px;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-size: 1.1em;
    line-height: 23px;
    text-decoration: none;
    margin-right: 0em;
}

.topmenu a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.1);
}

.logo img {
    border: 0px;
    width: 300px;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

#social-media {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-right: -20px;
}

#social-media img {
    border: 0px;
    margin-right: 5px;
    height: 40px;
}

.social-media-header {
    position: absolute;
    top: 10px;
    right: 35px;
    z-index: 5000;
}

.header a {
		border-bottom : none;
		
}

.header img {
    margin: 0;
    padding: 0;
    display: block;
}

#login {
    margin-top: 5px;
    margin-bottom: -10px;
    margin-right: 6px;
    margin-bottom: -10px;
    font-size: 16px;
    font-weight: 700;
    z-index: 5000;
}

a.login {
    cursor: pointer;
    text-decoration: none;
    padding: 5px !important;
    background: #636365;
    line-height: 2em;
    padding: 0.7em;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 1.1em;
    font-family: arial;
}

a.login:hover {
    background: #323232;
		text-decoration: underline;
		cursor: pointer;
}

.topmenu a, .topmenu a:focus, .topmenu a:active {
    padding: 10px 15px;
    padding-right: 55px;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-size: 1.1em;
    line-height: 23px;
    text-decoration: none;
    margin-right: 0em;
}

.topmenu a:hover {
    padding: 10px 15px;
    padding-right: 55px;
    letter-spacing: 0.02em;
    background: #9C336E;
    color: #ffffff;
    font-size: 1.1em;
    line-height: 23px;
    text-decoration: none;
    margin-right: 0em;
}

.topmenu ul {
    background: white;
}

.topmenu ul a, .topmenu ul a:hover, .topmenu ul a:focus, .topmenu ul a:active {
    background: transparent;
    color: #323232;
    font-size: 1em;
    text-shadow: none;
}

.topmenu ul a:hover {
    background: #9C336E;
    font-size: 1em;
    text-shadow: none;
    color: #ffffff;
}

/* Footer */

.footer {
    background-color: #E4E4E4
}

.footerrow {
    background-image: url("/userfiles/ConradConsultingUS/ffImages/conradlines.png");
    background-repeat: no-repeat;
    padding-bottom: 45px;
    padding-top: 15px;
    background-position: right 0% bottom 0;
}

.referral-content {
    z-index: 5000;
    background: #9C336E url('/userfiles/ConradConsultingUS/ffImages/referral.jpg') no-repeat 320px 10px;
    position: relative;
    width: 400px;
    min-height: 75px;
    max-width: 100%;
    margin-top: 20px;
}

.referral-content h3 {
    color: #ffffff;
    font-size: 1.9em;
    padding-top: 12px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 4px;
    letter-spacing: -0.1px;
		margin-top: 0;
		line-height: 28px
}

.referral-content a {
    color: #ffffff !important;
}

.referral-content p {
    margin-top: 0px;
    padding-left: 10px;
}

.footer p {
    line-height: 18px;
    margin-bottom: 5px;
}

.footer-tabs {
    left: 0;
    right: 0;
    position: relative;
    text-align: center;
}

#sector-tabs a, .sector-link a {
    margin: 0 5px;
    margin-bottom: 10px;
    color: #ffffff;
    padding: 7.5px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    position: relative;
    border: 5px solid rgba(0, 0, 0, 0.0);
    text-transform: uppercase;
    line-height: normal;
}

a.architectural {
    background: rgba(1, 172, 198, 1);
}

a.civil {
    background: rgba(156, 51, 110, 1);
}

a.construction {
    background: rgba(250, 181, 0, 1);
}

a.environmental {
    background: rgba(152, 155, 6, 1);
}

a.building {
    background: rgba(234, 88, 13, 1);
}

a.surveying {
    background: rgba(5, 36, 83, 1);
}

#sector-tabs a span {
    border-left: solid transparent 15px;
    border-right: solid transparent 15px;
    content: " ";
    height: 0;
    bottom: -20px;
    right: 5px;
    position: absolute;
    z-index: 10000;
    font-weight: 2em;
}

#browsebysector-column4 h3 span#architectural, #bx-pager a.architectural span, #sector-tabs a.architectural span, .sector-link a.architectural span {
    border-top: 20px solid #01ACC6;
}

#browsebysector-column1 h3 span#civil, #browsebysector-column6 h3 span#civil, #bx-pager a.civil span, #sector-tabs a.civil span, .sector-link a.civil span {
    border-top: 20px solid #9C336E;
}

#browsebysector-column2 h3 span#construction, #bx-pager a.construction span, #sector-tabs a.construction span, .sector-link a.construction span {
    border-top: 20px solid #FAB500;
}

#browsebysector-column5 h3 span#environmental, #bx-pager a.environmental span, #sector-tabs a.environmental span, .sector-link a.environmental span {
    border-top: 20px solid #989B06;
}

#browsebysector-column3 h3 span#building, #bx-pager a.building span, #sector-tabs a.building span, .sector-link a.building span {
    border-top: 20px solid #EA580D;
}

#browsebysector-column5 h3 span#surveying, #bx-pager a.surveying span, #sector-tabs a.surveying span, .sector-link a.surveying span {
    border-top: 20px solid #052453;
}

.sharethis {
    padding-bottom: 3em;
    padding-top: 1em;
    margin: auto;
    text-align: center;
}

.jssocials-shares {
    margin: 0.2em 0;
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: 0.3em 0.6em 0.3em 0;
}

.jssocials-shares * {
    box-sizing: border-box;
}

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced;
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998;
}

.jssocials-share-linkedin .jssocials-share-link {
    background: #007bb6;
}

.jssocials-share-pinterest .jssocials-share-link {
    background: #cb2027;
}

.jssocials-share-whatsapp .jssocials-share-link {
    background: #29a628;
}

.jssocials-share-link {
    padding: .5em .6em;
    color: #fff !important;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
}

.jssocials-shares * {
    box-sizing: border-box;
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.5em;
		font-weight: 400
}

.jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba;
}

.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
    background: #005983;
}

.jssocials-share-pinterest .jssocials-share-link:hover {
    background: #9f191f;
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e;
}

#sector-tabs a:hover, .sector-link a:hover {
    border: solid #ffffff 5px;
    text-decoration: none;
}

#footer-tel {
    text-align: right;
}

/* Media Queries */
@media screen and (min-width: 737px) {
	#footer-tel {
    	font-size: 1.3em;
    	line-height: 1.5em;
	}
	.socialmedia-footer {
    text-align: right;
    display: flex;
    justify-content: flex-end;
	}
}

@media (min-width: 41em){
	.sm li {
    	width: 400px;
	}
}

 @media only screen and (max-width : 40em) {
     .header-container {
         background-position: right -50px bottom -20px;
    }
		.logo img {
   			width: 100% !important;
    		margin-top: 4.5em !important;
		}
		.logocontainer {
    		margin-bottom: -2em !important;
		}
		.socialmedia-header {
    		display: none;
		}
		.logo-small {
    		max-width: 80%;
		}
		#login {
    		position: absolute;
    		top: 45px;
    		left: 20px;
		}
}

 @media only screen and (min-device-width : 950px) {
     .header-container {
         background-position: left 40% bottom 0%;
    }
}

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
     .header-container {
         background-position: left 55% bottom 0%;
    }
}

@media screen and (min-width: 737px) {
	.headerlogin {
    	position: absolute;
    	right: 250px;
    	top: 8px;
    	z-index: 5000;
	}
}

@media screen and (max-width: 40em) {
	 .sm li
 
 {
	 width:300px;
 }
	
}

@media screen and (max-width: 4000px){
	.menu-wrapper {
    position: absolute;
    top: 55px;
    right: 20px;
    z-index: 20000;
    padding-top: 0px !important;
    padding-bottom: 0px;
    background: #636365;
    color: #ffffff;
	}
}

/* Simple Grid */

/*
  Simple row
  Project Page - http://thisisdallas.github.com/Simple-row/
  Author - Dallas Bass
  Site - http://ninenineteen.co
*/

[class*='col-'] {
	float: left;
  min-height: 1px;
	padding-right: 20px; /* column-space */
	padding-left:20px;
}

.container

{
	max-width:1400px;
	margin:auto;
}

.row {
	max-width: 1400px;
	

	margin: 0 auto;

}

.row:after {
	content: "";
	display: table;
	clear: both;
}


.row2 {
	width: 100%;
	

	margin: 0 auto;

}

.row2:after {
	content: "";
	display: table;
	clear: both;
}


.row-pad {
	padding-top: 20px;
	padding-left: 20px; /* row-space to left */
	padding-right: 0; /* row-space to right: (row-space-left - column-space) e.g. 20px-20px=0 */
}

.row-pad2 {
	padding-top: 20px;
	padding-bottom:20px;
	padding-left: 0px; /* row-space to left */
	padding-right: 20px; /* row-space to right: (row-space-left - column-space) e.g. 20px-20px=0 */
}

.row-pad3 {
	padding-top: 20px;
	padding-bottom:20px;
	padding-left: 0px; /* row-space to left */
	padding-right: 0px; /* row-space to right: (row-space-left - column-space) e.g. 20px-20px=0 */
}


.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

@media only screen and (min-device-width : 768px) {


.equalrow

{ display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;   
    flex-wrap: wrap;
 margin-bottom:0em;

 
}

.equalrowcol

{
	margin-bottom:2.5em;
}

}


/* tablet-portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	

	.tablet-col-1-1 {
		width: 100%;
	}
	.tablet-col-2-3, .tablet-col-8-12 {
		width: 66.66%;
	}

	.tablet-col-1-2, .tablet-col-6-12 {
		width: 50%;
	}

	.tablet-col-1-3, .tablet-col-4-12 {
		width: 33.33%;
	}

	.tablet-col-1-4, .tablet-col-3-12 {
		width: 25%;
	}

	.tablet-col-1-5 {
		width: 20%;
	}

	.tablet-col-1-6, .tablet-col-2-12 {
		width: 16.667%;
	}

	.tablet-col-1-7 {
		width: 14.28%;
	}

	.tablet-col-1-8 {
		width: 12.5%;
	}

	.tablet-col-1-9 {
		width: 11.1%;
	}

	.tablet-col-1-10 {
		width: 10%;
	}

	.tablet-col-1-11 {
		width: 9.09%;
	}

	.tablet-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.tablet-col-11-12 {
		width: 91.66%
	}

	.tablet-col-10-12 {
		width: 83.333%;
	}

	.tablet-col-9-12 {
		width: 75%;
	}

	.tablet-col-5-12 {
		width: 41.66%;
	}

	.tablet-col-7-12 {
		width: 58.33%
	}

	.hide-on-tablet {
		display: none !important;
		width: 0;
		height: 0;
	}
}




@media handheld, only screen and (max-width: 767px) {
	.row {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 12px; /* row-space to left */
		padding-right: 10px; /* row-space to right: (row-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}

/* Template Override */

.header ul li::before {
		display: none;
}

.header ul.topmenu {
		padding: 0;
		margin: 0;
}

.header ul.topmenu ul {
		padding: 0;
		margin: 0;
}

.topmenu ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.topmenu ul li:first-child {
    border-top: 0;
}

.footer a, .sharethis a  {
    font-family: inherit;
    color: #9C336E;
    text-decoration: none;
    cursor: pointer;
		border-bottom: none;
		font-weight: 400
}

.header a:hover, .footer a:hover  {
		border-bottom: none
}

.site-banner-top.no-image {
    height: 50px !important;
}

.site-footer__contact {
    float: left;
    display: block;
    margin-top: 20px;
}


ul.offices li{
    list-style-type: none;
    float: left;
    width: 50%;
}
ul.offices li::before{
    content: none !important;
}

.offices{
    padding-left: 0px;
}

ul.offices li a{
    float: left;
}

.site-footer__label {
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Josefin Sans';
    font-size: 0.9em;
}

.phone__label {
    margin-bottom: -10px;
    display: block;
    padding-bottom: 5px;
    font-size: .8125rem;
}

.phone__number {
    display: block;
    margin-top: 0;
    font-size: 1.375rem;
}

#header-email a{
    float: left;
}

.copyright{
    display: flex;
    align-items: center;
    margin-top: 1em;
    margin-bottom: -1em;
}

.copyright a img {
    position: relative;
    bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

@media only screen and (min-device-width: 1025px) {
    .footerrow {
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}

.footer a:hover{
    font-weight: 600;
    color: #323232;
}