/*
Theme Name: Community Real Estate Group
Theme URI: http://aios3-staging.agentimage.com/e/eolechnovich_pending.com/htdocs 
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.3.2
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2.	IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	background: #FFF;
	color: #000000;
	margin: 0;
}

a,a:hover,a:visited,a:focus{
	outline: 0 !important;
	text-decoration: none !important;
}

.slick-slide{
	outline: 0 !important;
}

.label-hide{
	display: none;
}

/*slideshow*/
section.slideshow-area {
    position: relative;
}

/*header*/
section.main-header {
    padding: 26px 0 25px;
    position: relative;
    width: 100%;
    z-index: 100;
    background: #fff;
}
	
	.home section.main-header{
		position: absolute;
	}

/*logo*/
.logo-holder a {
    display: block;
    max-width: 356px;
    margin: 0 auto;
}

/*slideshow*/
.slider-holder .cycloneslider-slide{
	position: relative;
}
	
	.slider-holder .cycloneslider-slide:after {
	    content: '';
	    display: block;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    z-index: 100;
	    opacity: .25;
	}

/*testimonials*/
.testimonials-area {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 150px;
}

	.testi-list{
		text-align: center;
	}

		.testi-list p {
		    color: #fff;
		    font-size: 23px;
		    font-weight: 600;
		    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
		    line-height: 1.25;
		    font-family: 'Open Sans', sans-serif;
		}

			span.testi-author {
			    font-size: 26px;
			    text-transform: uppercase;
			    font-weight: 700;
			    color: #fff;
			    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
			    font-family: 'Open Sans', sans-serif;
			    padding-top: 25px;
			    display: block;
			}

				.testimonials-area ul.slick-dots li {
				    display: inline-block;
				    vertical-align: top;
				    font-size: 0;
				    margin: auto 5px;
				}

				.testimonials-area ul.slick-dots li button {
				    height: 14px;
				    width: 14px;
				    border-radius: 50%;
				    border: 1px solid #fff;
				    background: #fff;
				    transform: scale(.857);
				    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
				    padding: 0;
				}

				.testimonials-area ul.slick-dots {
				    text-align: center;
				    margin-top: 31px;
				}

				.testimonials-area li.slick-active button {
				    background: #0074c8 !important;
				    border: 1px solid #0074c8 !important;
				    opacity: 1;
				}

				.testi-slick-slider{
					display: none;
				}

				.testi-slick-slider.slick-initialized{
					display: block;
				}

/*agent*/
section.agents-area {
    font-size: 0;
    padding-top: 60px;
    padding-bottom: 72px;
}

	.agent-1 {
	    padding-right: 0;
	}

		.agent-2 {
		    padding-left: 0;
		}

			.agent-list {
			    font-size: 0;
			}

				.agent-name {
				    font-size: 32px;
				    color: #161616;
				    text-transform: uppercase;
				    font-weight: 600;
				    font-family: 'Open Sans', sans-serif;
				    line-height: .92;
				    position: relative;
				    padding-bottom: 24px;
				}

					.agent-name::after{
						content: '';
						display: block;
						position: absolute;
						bottom: 0;
						left: 0;
						width: 90%;
						height: 2px;
						background: url(images/agent-dotted.png) repeat-x;
					}

						.agent-1 .agent-name::after{
							right: 0;
							left: inherit;
						}

						.agent-name span {
						    display: block;
						    font-weight: 400;
						}

						.agent-details {
						    width: 55%;
						    display: inline-block;
						    vertical-align: bottom;
						    padding-top: 13px;
						}

						.agent-photo {
						    width: 45%;
						    display: inline-block;
						    vertical-align: bottom;
						    position: relative;
    						margin-bottom: -8px;
						}

						.agent-1 .agent-photo img {
						    margin: 0 0 0 auto;
						}

						.agent-1 .agent-details {
						    text-align: right;
						}

						.agent-1 .agent-details .agent-name {
						    padding-top: 29px;
						}
						.agent-lic{
							font-size: 25px;
							padding: 16px 0 0;
						}
						.agent-number a {
						    font-size: 25px;
						    color: #161616;
						    letter-spacing: .7px;
						    font-family: 'Open Sans', sans-serif;
						}

						.agent-number {
						}

						.agent-email a {
						    font-size: 20px;
						    color: #161616;
						    letter-spacing: .3px;
						    font-family: 'Open Sans', sans-serif;

     text-decoration: underline !important;
						}

						.agent-email {
						    position: relative;
						    margin-top: -3px;
						}

						.agent-site a {
						    font-size: 17px;
						    letter-spacing: .4px;
						    font-family: 'Open Sans', sans-serif;
						    color: #161616;
						    text-decoration: underline !important;
						}

						.agent-site {
						    padding-top: 7px;
						}

						.agent-smi a {
						    display: inline-block;
						    vertical-align: middle;
						    font-size: 14px;
						    width: 30px;
						    height: 30px;
						    background: #161616;
						    border-radius: 50%;
						    color: #fff;
						    text-align: center;
						    position: relative;
						}

						.agent-1 .agent-smi a {
						    margin-left: 6px; 
						}

						.agent-2 .agent-smi a {
						    margin-right: 6px; 
						}

						.agent-smi a em {
						    position: absolute;
						    left: 0;
						    right: 0;
						    top: 0;
						    bottom: 0;
						    margin: auto;
						    height: 14px;
						}

						.agent-smi {
						    padding-top: 15px;
						}

						.agent-links a {
						    font-size: 13px;
						    text-transform: uppercase;
						    display: inline-block;
						    vertical-align: middle;
						    color: #fff;
						    background: #0074c8;
						    padding: 17px 16px;
						    font-family: 'Open Sans', sans-serif;
						}

						.agent-links a:hover{
							background: rgba(0, 116, 200, 0.80);
						}

						.agent-1 .agent-links a:first-child {
						    float: left;
						}

						.agent-2 .agent-links a:last-child {
						    float: right;
						}

						.agent-links {
						    padding-top: 19px;
						}
 
/*welcome*/
section.welcome-area {
    background: #161616;
    padding-top: 82px;
    padding-bottom: 63px;
}

	.welcome-content h1 {
	    text-align: center;
	    font-size: 34px;
	    color: #fff;
	    text-transform: uppercase;
	    font-family: 'Open Sans', sans-serif;
	    position: relative;
	    letter-spacing: .6px;
	    margin-bottom: 32px;
	}

		.welcome-content h1 span span{
			font-weight: 600;
		}

			.welcome-content h1 > span {
			    background: #161616;
			    position: relative;
			    z-index: 1;
			    padding: 0px 16px;
			}

				.welcome-content h1::after {
				    content: '';
				    display: block;
				    position: absolute;
				    top: 0;
				    bottom: 0;
				    left: 0;
				    width: 100%;
				    height: 1px;
				    margin: auto;
				    background: url(images/wc-dotted.png) repeat-x;
				}

					.welcome-content p {
					    font-size: 14px;
					    color: #fff;
					    line-height: 1.9;
					    max-width: 944px;
					    margin: 0 auto;
					    text-align: center;
					    padding: 0 39px;
					    font-family: 'Open Sans', sans-serif;
					}

						.ps-logo img {
						    margin: 0 auto;
						    padding-top: 53px;
						}

						.contact-info span {
						    display: block;
						    text-align: center;
						}

						.contact-info span a {
						    color: #fff;
						    font-size: 14px;
						}
						
						.contact-info span {
						    display: block;
						    text-align: center;
						    font-size: 14px;
						    color: #fff;
						    padding-bottom: 5px;
						}

						.contact-info {
						    padding-top: 22px;
						}

						.contact-info em.ai-font-phone {
						    font-size: 11px;
						    margin-right: 4px;
						}

/*got question*/
section.got-question-area {
    background: #3f3f3f;
    padding-top: 32px;
    padding-bottom: 10px;
    font-size: 0;
}

	.gq-field input, .gq-field textarea {
	    font-size: 13px;
	    color: #a9a9a9;
	    height: 45px;
	    border: 0;
	    border-radius: 0;
	    width: 100%;
	    font-family: 'Open Sans', sans-serif;
	    -webkit-appearance:none;
		-moz-appearance:none;
		background: #fff;
		padding: 0 12px;
		margin-bottom: 5px;
	}

		.gq-field textarea {
		    padding-top: 14px;
		}

			.gq-field {
			    display: inline-block;
			    vertical-align: top;
			    width: 21.156%;
			    margin-right: 2px;
			}

				.gq-title {
				    font-size: 17px;
				    text-transform: uppercase;
				    font-weight: 600;
				    color: #fff;
				    display: inline-block;
				    vertical-align: top;
				    width: 22%;
				    letter-spacing: 1px;
				    padding-top: 10px;
				}

					.gq-field.gq-btn input {
					    background: #0074c8;
					    color: #fff;
					    text-transform: uppercase;
					    font-weight: 600;
					    -webkit-appearance:none;
		                -moz-appearance:none;
		                border: 0;
		                border-radius: 0;
					}

						.gq-form{
							display: inline-block;
							vertical-align: middle;
							width: 78%;
							padding-left: 10px;
						}

							.gq-field.gqtextarea {
							    width: 39.47%;
							}

							.gq-field.gq-btn {
							    width: 15.356%;
							    margin-right: 0;
							    margin-left: 19px;
							}

							section.got-question-area span.wpcf7-form-control-wrap {
							    display: block;
							}

							section.got-question-area span.wpcf7-not-valid-tip {
							    font-size: 11px;						
							}

							section.got-question-area div.wpcf7-response-output {
							    margin: 0;
							    font-size: 12px;
							    text-align: center;
							    color: #fff;
							}

/*footer*/
footer.main-footer {
    background: #161616;
   	padding: 40px 0;
}

	.footer-copyright,.footer-copyright a {
	    color: #7d7d7d;
	    text-transform: uppercase;
	}

		.mls {
		    font-size: 25px;
		    color: #7d7d7d;
		    text-align: right;
		}

			.footer-copyright {
			    padding-top: 3px;
			}


/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/

/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style post/page main headings (h1) */
#content .entry-title { 

}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 

}

#content .entry {
    font-size: 14px;
}

.ai-contact-wrap span.context-mob, 
.ai-contact-wrap span.context-email {
    background: url(images/icon-cfdefmobile-dark.png) no-repeat left center;
    line-height: 30px;
    padding-left: 27px;
    font-size: 18px;
    font-weight: 500;
}

.ai-contact-wrap span.context-email {
    word-break: break-all;
    background: url(images/icon-cfdefemail-dark.png) no-repeat left center;
}
	 
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

span.team- {
    font-size: 26px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 60px;
}

.row.our-team-members {
    /* margin: 21px 10px; */
    margin-top: 40px;
}


.our_team-agent-name, .our_team-agent-phone {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
}
.our_team-agent-lic{
	color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
}
a.view_my_website {
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    text-decoration: none;
    font-weight: bold;
    margin-top: 10px;
}
.our_team-agent-name {
    margin-top: 18px;
    font-size: 22px;
}

.season-of-giving-wrap {
    margin: 40px 0 0;
    display: none;
}

.sog-box {
	padding-top: 20px;
	border-top: 1px dotted #444;
}

.sog-desc h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold; 
}


.sog-desc h3 {
    font-size: 20px;
    color: #fff;
}

.sog-desc a:link, .sog-desc a:visited {
	color: #fff;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	background-color: #0074C8;
	display: block;
	margin-top: 20px;
}

.our-team-members .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.our-team-members .slick-arrow.team-slick-right-arrow {
	right: 5px;
}

.our-team-members .slick-arrow.team-slick-left-arrow {
	left: 5px;
}

.our-team-members .slick-arrow img {
    max-width: 20px;
    opacity: 0.4;
    cursor: pointer;
}

.our-team-members .slick-arrow img:hover {
	opacity: 0.8;
	transition: 0.3s ease-in-out;
}

/* .agent-1 .agent-list {
	display: none;
} */