/* Global */
.aios-mobile-header-wrapper {
	position: relative;
	display:none;
	z-index:101;
}

@media (max-width:991px) {

	.aios-mobile-header-wrapper.aios-mobile-header-wrapper-breakpoint-991,
	.aios-mobile-header-wrapper-breakpoint-991,
	.aios-mobile-header-wrapper-breakpoint-992 {
		display:block;
	}
	
}

@media (max-width:977px) {

	.aios-mobile-header-wrapper.aios-mobile-header-wrapper-breakpoint-977 {
		display:block;
	}
	
}

	.amh-area-wrap {
		position: relative;
	}

	.amh-area-wrap:after,
	.amh-clearfix:after  {
		clear: both;
		content: '';
		display: block;
	}
	
/* Fixed Header */
.amh-fixed-header-nav {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

	.amh-header-buttons {
		position: relative;
		background: #fff;
		-webkit-box-shadow: 0 2px 7px rgba(0,1,1,.09);
		-moz-box-shadow: 0 2px 7px rgba(0,1,1,.09);
		box-shadow: 0 2px 7px rgba(0,1,1,.09);
	}

		.amh-header-buttons a {
			text-decoration: none;
			color: inherit;
		}

		.amh-header-buttons .amh-navigation-trigger,
		.amh-header-buttons .amh-center,
		.amh-header-buttons .amh-header-right-btn {
			float: left;
			position: relative;
			text-align: center;
			padding: 17px 0;
			height: 52px;
			font-size:18px;
			line-height:1;
			box-sizing: border-box;
		}

		.amh-header-buttons .amh-navigation-trigger,
		.amh-header-buttons .amh-header-right-btn {
			width: 22.18%;
			cursor: pointer;
		}

		.amh-header-buttons .amh-center {
			width: 55.64%;
			padding: 5px 0;
		}
		
		.amh-header-buttons .amh-phone-text-hide,
		.amh-header-buttons .amh-email-text-hide {
			font-size:0;
		}
		
		.amh-header-buttons a:hover {
			text-decoration:none;
		}
		
/* Navigation */

.amh-navigation {
	background:#fff;
	display: none;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.amh-navigation .amh-menu,
.amh-navigation .amh-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.amh-navigation .amh-menu ul {
		display: none;
	}

	.amh-navigation .amh-menu li {
		display: block;
		position: relative;
		border-top: 1px solid #f7f7f7;
	}

		.amh-navigation .amh-menu li a {
			display: block;
			padding: 10.3px 20px;
			color: #858585;
			font-size: 16.5px;
			font-weight: 400;
			text-decoration: none;
		}

		.amh-navigation .amh-menu li:hover > a,
		.amh-navigation .amh-menu li.open > a{
			background: #3c3c3c;
			color: #fff;
		}

		.amh-navigation .amh-menu li ul a {
			color: #C5C5C5;
			font-size: 14px;
		}
		
		/* First Level */
		.amh-navigation .amh-menu li ul {
			background: #232323;
		}

		/* Second Level */
		.amh-navigation .amh-menu li ul ul {
			background: #151515;
		}
		
		/* Third Level */
		.amh-navigation .amh-menu li ul ul ul {
			background: #020202;
		}

/* Nav Hover/Active	 */
.amh-navigation .amh-menu li.open > ul {
	display: block;
}


/* Navigation Variant 1 */
.amh-navigation.amh-nav-1 .amh-menu li a {
	text-align: center;
}


/* Navigation Variant 2 */

.amh-fixed-nav-overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 52px;
	left: 0;
	z-index: 998;
	background: rgba(0,0,0,.8);
}

.amh-navigation.amh-nav-2 {
	width: 75%;
	position: absolute;
	left: 0;
	display: block;
	z-index: 999;
}

.amh-navigation.amh-nav-2 .amh-menu li a {
	text-align: left;
}

/* Header phone list */

.amh-header-phone-list {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #4d4d4d;
	text-align:center;
	clear:both;
	display:none;
}

.amh-header-phone-list ul {
	margin:0;
	padding:0;
}

.amh-header-phone-list li {
	padding-bottom:7px;
}

@media print {
	.aios-mobile-header-wrapper {
		display:none !important;
	}
}

/* Header 3A */

	.amh-header-buttons.amh-3a .amh-center{
		padding: 0;
	}
	
	
	.amh-header-buttons.amh-3a .amh-center .amh-phone,
	.amh-header-buttons.amh-3a .amh-center a.amh-phone {
		cursor: pointer;
		padding: 17px 0;
		display: block;
		width: 100%;
		height: 100%;
	}

/*******************************************************

 *

 * General

 *

 *******************************************************/



#inner-page-wrapper {

    overflow: hidden;

}



.ip-about {

    position: relative;

    z-index: 1;

    padding-bottom: 54px;

    margin-bottom: 30px;

}



.ip-about:before,

.ip-about:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: -50vw;

    right: -50vw;

    height: 139px;

}



.ip-about:before {

    z-index: -2;

    background: transparent url(/wp-content/themes/agentpro-legacy/css/custom-page/../../images/ip-about-bg.jpg) no-repeat;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    filter: grayscale(1);

}



.ip-about:after {

    z-index: -1;

    background: var(--primary-color);

    opacity: 0.9;

}



#content .about-wrap {

    margin-top: 57px;

}



#content .about-inner {

    overflow: visible;

}



#content .about-title {

    font-size: 48px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.025em;

    text-transform: uppercase;

    color: var(--primary-color);

}



#content .about-content {

    margin-top: 23px;

}



#content .about-form {

    font-size: 0;

    position: relative;

    width: 556px;

    max-width: 100%;

    margin-top: 48px;

    padding: 13px 33px 16px;

    border: 1px solid #ded1c1;

    background: #fff;

}



#content .about-form h2 {

    font-size: 28px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.03em;

    text-align: center;

    text-transform: uppercase;

    color: var(--secondary-color);

}



#content .about-form h2 span {

    display: block;

    font-size: 15px;

    font-weight: 400;

    text-transform: none;

    letter-spacing: 0.025em;

    color: #7e7e7e;

    margin-top: 12px;

}



#content .about-form form {

    position: relative;

    display: flex;

    flex-flow: row wrap;

    margin: 0;

}



#content .about-form input[type="text"],

#content .about-form input[type="email"],

#content .about-form textarea {

    font-size: 15px;

    width: 100%;

    font-weight: 300;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: transparent;

    height: 50px;

    color: #636363;

    font-family: var(--primary-color);

    padding: 0 0;

    border-radius: 0;

    resize: none;

    border: none;

    border-bottom: solid 1px #a5a5a5;

}



#content .about-fields.about-textarea textarea {

    padding-top: 16px;

    height: 75px;

}



#content .about-fields.about-textarea {

    height: 75px;

    position: relative;

    margin-bottom: 10px;

    width: 100%;

}



#content .about-fields.about-submit {

    width: 100%;

    margin-top: 19px;

}



#content .about-fields input[type="submit"] {

    -webkit-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    outline: none;

    border: none;

    display: block;

    margin: 0 auto;

    padding: 0;

    width: auto;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0.025em;

    text-transform: uppercase;

    background: transparent;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



#content .about-fields.about-textarea input.wpcf7-form-control.wpcf7-submit:hover {

    color: var(--primary-color);

}



#content .about-fields {

    display: block;

    margin-bottom: 12px;

    width: calc(100% / 2);

    position: relative;

    padding: 0 5px;

}



#content .about-form div.wpcf7 .ajax-loader {

    margin: 0 auto !important;

    display: block;

}



#content .about-form span.wpcf7-not-valid-tip {

    font-size: 12px;

}



#content .about-form span.wpcf7-form-control-wrap {

    display: block;

}



#content .about-form div.wpcf7-response-output {

    margin: 0;

    position: absolute;

    bottom: -18px;

    left: -33px;

    right: -33px;

    font-size: 14px;

    font-weight: 400;

    text-align: center;

    transform: translateY(100%);

    background: #fff;

}



/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/



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



}



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



}



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



}



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



}



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



}



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

    #content .about-title {

        font-size: 40px;

    }

    

    #content .about-form {

        margin: 50px auto 100px;

        padding: 13px 15px 16px;

    }

    

    #content .about-img img {

        margin: 0 auto;

    }

    

    #content .about-form div.wpcf7-response-output {

        margin: 0 15px;

        width: auto;

    }

}



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



}



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



}



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



}


