/*
Designer: FORT
http://www.visitfort.com

Developer: Ryan Ostrander
https://www.ryanostrander.com
*/
/*Fonts*/
/*Colors*/
/*Responsive Widths*/
/*Mixins*/


html { padding: 0; margin: 0; }

body { color: #777; background: #f3f2f0; font-size: 14px; line-height: 1.7; font-family: "Source Sans Pro", sans-serif; margin: 0; padding: 0; height: 100%; }

img:not(.training-button-icon) { border: none; max-width: 100%; padding-bottom: 10px; }

a, a:visited { color: #082233; text-decoration: underline;}

a:hover, a:visited:hover { color: #1a73b3; }

header:not(.bg-white) h1 { 
	margin: 0;
	padding-bottom: 60px; 
	text-transform: uppercase; 
	color: #fff; 
	background: #082233; 
	font-size: 3em; 
	font-weight: 200; 
	letter-spacing: .15em; 
	text-align: center; 
}
header:not(.bg-white) img { 
	margin-left: 30px;
	margin-top: 30px;
	padding: 10px; 
	background: white; 
}
header:not(.bg-white) { 
	background: #082233; 
}
@media only screen and (max-width: 1200px) { header h1 { font-size: 2.5em; padding: 50px 0; } }
@media only screen and (max-width: 992px) { header h1 { font-size: 2.3em; } }
@media only screen and (max-width: 768px) { header h1 { font-size: 1.8em; } }

.row { display: block; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }

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

AGENTS FILTERS

*************************************************************/
#filter-by { background: url("/SigNet/includes/images/AgentProfileSearch/filter-by.png") no-repeat; background-position: center bottom; background-size: cover; text-align: center; position: relative; }
#filter-by #filter-by-title { color: #fff; font-size: 1.8em; font-weight: 200; letter-spacing: .1em; text-align: center; padding: 30px 0 20px 0; }
@media only screen and (max-width: 768px) { #filter-by #filter-by-title { font-size: 1.3em; padding: 20px 0 16px 0; } }
#filter-by #filter-by-options { display: inline-block; text-align: center; margin: 0 auto; padding: 0 0 30px 0; width: 90%; max-width: 650px; position: relative; }
#filter-by #filter-by-options a{ display: block; float: left; width: 48%; margin: 5px 1%; padding: 10px 12px; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ background: rgba(23, 41, 53, 0.9) url(/SigNet/includes/images/AgentProfileSearch/select-arrow.png) no-repeat; background-position: right center; color: #FFF; text-transform: uppercase; text-decoration: none; font-size: 1.1em; font-weight: 600; transition: background .3s; }
#filter-by #filter-by-options #searchText { -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ background: rgba(23, 41, 53, 0.9) background-position: right center; text-decoration: none; font-size: 1.1em; font-weight: 600; transition: background .3s; }
#filter-by #filter-by-options a:hover { background-color: rgba(30, 164, 165, 0.9); }
#filter-by #filter-by-options a.active-btn { background: rgba(30, 164, 165, 0.9) url(/SigNet/includes/images/AgentProfileSearch/select-arrow-down.png) no-repeat; background-position: right center; }
#filter-by #filter-by-options #agentName{}
@media only screen and (max-width: 992px) { #filter-by #filter-by-options a { font-size: 1em; width: 98%; } }

#action-bar { background: #FFF url(/SigNet/includes/images/AgentProfileSearch/texture.jpg) repeat; display: block; padding: 30px 60px; }
@media only screen and (max-width: 1200px) { #action-bar { padding: 25px 50px; } }
@media only screen and (max-width: 992px) { #action-bar { padding: 20px 30px; } }
@media only screen and (max-width: 768px) { #action-bar { padding: 20px; } }
#action-bar a { color: #888; }
#action-bar #filters { float: left; padding-left: 1%; }
@media only screen and (max-width: 768px) { #action-bar #filters { display: block; float: none; padding: 0; } }
#action-bar #filters #active-filters { display: inline-block; }
#action-bar #filters #active-filters .active-filter { color: #fff; background: #777; transition: background .3s; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
@media only screen and (max-width: 768px) { #action-bar #filters #active-filters .active-filter { margin: 0 10px 10px 0; } }
#action-bar #filters #active-filters .active-filter span { display: inline-block; padding: 6px 12px; background: #848484; }
#action-bar #filters #active-filters .active-filter:after { content: "\f00d"; font-family: FontAwesome; margin: 0 .8em; }
#action-bar #filters #active-filters .active-filter:hover { cursor: pointer; background: #1c1d1d; }
#action-bar #filters #clear-filters { display: inline-block; margin-left: 10px; }
@media only screen and (max-width: 768px) { #action-bar #filters #clear-filters { display: block; margin: 12px 0 0 0; } }
#action-bar #sort { float: right; padding-right: 1%; line-height: 36px; }
@media only screen and (max-width: 768px) { #action-bar #sort { display: block; float: none; padding: 15px 0 0 0; } }
#action-bar #sort #sort-label { font-weight: 600; text-transform: uppercase; }
#action-bar #sort div { display: inline-block; padding-left: 12px; }
@media only screen and (max-width: 768px) { #action-bar #sort div { padding: 0 12px 0 0; } }



#messageSentAlert { padding-left: 60px; padding-right: 60px; }
@media only screen and (max-width: 1200px) { #messageSentAlert { padding-left: 50px; padding-right: 50px; } }
@media only screen and (max-width: 992px) { #messageSentAlert { padding-left: 30px; padding-right: 30px; } }
@media only screen and (max-width: 768px) { #messageSentAlert { padding-left: 20px; padding-right: 20px; } }

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

CHECKBOX FORMS

*************************************************************/
.toggle-form { display: block; height: 0; max-height: 0px; width: 100%; overflow: hidden; position: absolute; top: 100%; padding: 0 10%; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ z-index: 998; transition: all .5s; }
.toggle-form.visible { height: auto; max-height: 2000px; padding: 50px 10%; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); text-align: center; min-height: 300px; overflow-y:auto}
.toggle-form form { display: block; width: 100%; }
.toggle-form .checkboxes { padding: 0 0 30px 0; text-align: left; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; color: #3b6d8e; font-size: 16px; }
@media only screen and (max-width: 768px) { .toggle-form .checkboxes { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; } }
.toggle-form label { display: block; padding: 0; margin: 0; }
.toggle-form .close-form { float: right; z-index: 999; }
.toggle-form input[type="submit"] { display: inline-block; margin: 0 auto; padding: 5px 150px; text-transform: uppercase; font-weight: 500; color: #FFF; background: #1a73b3; border: none; outline: none; border-radius: 0; }
.toggle-form button { display: inline-block; margin: 0 auto; padding: 5px 150px; text-transform: uppercase; font-weight: 500; color: #FFF; background: #1a73b3; border: none; outline: none; border-radius: 0; }
#filter-by-options button { display: inline-block; margin: 0 auto; padding: 2px 10px; text-transform: uppercase; font-weight: 500; color: #FFF; background: #1a73b3; border: none; outline: none; border-radius: 0; }
.loadMore button { text-align: center; margin: 0 auto; padding: 5px 150px; text-transform: uppercase; font-weight: 500; color: #FFF; background: #1a73b3; border: none; outline: none; border-radius: 0; }
.loadMore { text-align: center; }
@media only screen and (max-width: 768px) { .toggle-form input[type="submit"] { padding: 5px 50px; } }

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

AGENTS LIST

*************************************************************/
#agents { background: #f3f2f0; width: 100%; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ padding: 60px; border-top: solid 5px #d9d9d9; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
@media only screen and (max-width: 1200px) { #agents { padding: 50px; } }
@media only screen and (max-width: 992px) { #agents { padding: 30px; } }
@media only screen and (max-width: 768px) { #agents { padding: 50px 20px; } }
#agents .agent { width: 23%; float: left; background: #fff; margin: 0 1% 20px 1%; padding: 20px; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ position: relative; font-size: 18px; line-height: 1.8; min-height: 325px;
background-size: 75px auto; 
background-repeat: no-repeat; 
background-position: right bottom;
}
#agents .agentContent { max-height: 210px; overflow-y: hidden;}
#agents .agent .agent-view-more {position: absolute; bottom: 10px;}
@media only screen and (max-width: 1200px) { #agents .agent { width: 31.333%; } }
@media only screen and (max-width: 992px) { #agents .agent { width: 48%; } }
@media only screen and (max-width: 768px) { #agents .agent { width: 98%; } }
#agents .agent .agent-name { word-wrap:break-word; color: #988777; text-transform: uppercase; font-size: 1.8em; line-height: 1.2; font-weight: 200; margin: 6px 0 4px 0; }
#agents .agent .agent-company { color: #988777; text-transform: uppercase; font-weight: 700; font-size: .9em; }
#agents .agent .agent-view-more { margin-top: .6em; font-weight: 600; }

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

AGENT PROFILE

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

.borderRight {
	border-right: solid 1px #DDD;
}

#agent-profile { background: #FFF; width: 100%; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ padding: 60px; border-top: solid 5px #d9d9d9; font-size: 1.1em; }
@media only screen and (max-width: 1200px) { #agent-profile { padding: 50px; } }
@media only screen and (max-width: 992px) { #agent-profile { padding: 30px; } }
@media only screen and (max-width: 768px) { #agent-profile { padding: 50px 20px; } }
#agent-profile .column1 { display: block; float: left; width: 70%; }
@media only screen and (max-width: 768px) { #agent-profile .column1 { float: none; width: auto; padding: 0; border: none; } }
#agent-profile .column1 img.profile-photo { float: left; width: 35%; height: auto; }
@media only screen and (max-width: 768px) { #agent-profile .column1 img.profile-photo { float: none; width: 100%; padding: 0 0 20px 0; } }
#agent-profile .column1 .contact-info { display: block; float: right; width: 60%; }
@media only screen and (max-width: 768px) { #agent-profile .column1 .contact-info { float: none; width: 100%; padding: 0 0 5px 0; } }
#agent-profile .column1 h1.profile-header { font-size: 2.6em; font-family: "Source Sans Pro", sans-serif; padding: 0; margin: 0; color: #988777; letter-spacing: .06em; font-weight: 200; text-transform: uppercase; line-height: 1; }
@media only screen and (max-width: 1200px) { h1.profile-header {word-wrap:break-word;} }
@media only screen and (max-width: 768px) { #agent-profile .column1 .contact-info h1.profile-header { font-size: 1.6em; } }

/********** 
Custom Class for when no photo is in profile

*********/
#agent-profile .column1 .contact-info-no-photo { 
	display: block; float: left; width: 70%;
}
@media only screen and (max-width: 768px) { 
	#agent-profile .column1 .contact-info-no-photo { 
		float: none; width: 100%; padding: 0 0 5px 0; 
	} 
}


#agent-profile .column1 a { color: #988777; }
#agent-profile .column1 span.profile-company { text-transform: uppercase; font-weight: 600; color: #988777; font-size: 1.1em; letter-spacing: .02em; }
#agent-profile .column1 span { display: block; padding: 5px 0; }
#agent-profile .column1 #signature-link { display: block; padding: 5px 0; }
#agent-profile .column1 #signature-link img.logo { margin-right: 15px; float: left; }
#agent-profile .column1 #signature-link #signature-link-info { display: block; float: left; font-size: .85em; line-height: 1.3; font-weight: 600; width: 200px; min-height: 71px; background: #DDD; border-radius: 5px; padding: 10px 15px; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ position: relative; }
@media only screen and (max-width: 768px) { #agent-profile .column1 #signature-link #signature-link-info { float: none; width: 100%; min-height: 0; } }
#agent-profile .column1 #signature-link #signature-link-info img.arrow { position: absolute; left: -8px; top: 0; }
@media only screen and (max-width: 768px) { #agent-profile .column1 #signature-link #signature-link-info img.arrow { transform: rotate(90deg); top: -38px; left: 40px; } }
#agent-profile .column1 #profile-social { display: block; padding: 5px 0; }
#agent-profile .column1 #profile-social a { margin-right: 12px; }
#agent-profile .column2 { display: block; float: right; width: 28%; }
@media only screen and (max-width: 768px) { #agent-profile .column2 { float: none; width: auto; padding-top: 40px; } }
#agent-profile .column2 ul { list-style-type: none; padding: 0; margin: 0; }
#agent-profile .column2 ul li { display: block; padding: 0 0 20px 0; margin: 0; }
#agent-profile .column2 ul li h3 { font-size: 1em; font-weight: 600; text-transform: uppercase; padding: 0; margin: 0; color: #494e52; }
#agent-profile .column2 ul li span { color: #848484; }

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

DESTINATION CHOSEN ELEMENTS

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

#destination_chosen { margin-bottom: 20px; width: 80% !important;}
.chosen-container .chosen-results li.highlighted {background-color: #c7bdb1; background-image: none; color: #fff;}
.chosen-container-multi .chosen-results {max-height: 80px;}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {font-size: 18px;}
.chosen-container-multi .chosen-choices {
    border: 1px solid #c7bdb1;
    width: 100%;
    padding: 10px 30px 10px 10px;
    box-sizing: border-box;
    background-image: url(/SigNet/includes/images/AgentProfileSearch/specialist-select-arrow.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-color: #ffffff;
    margin-top: -1px; 
    margin-bottom: 10px;  
}
.chosen-drop .chosen-results {
    max-height: 150px;
}

.div_no_show {
	display: none;
}


.signature-link-info { display: block; float: left; font-size: .85em; line-height: 1.3; font-weight: 600; width: 200px; min-height: 71px; background: #DDD; border-radius: 5px; padding: 10px 15px; -webkit-box-sizing: border-box; /* For Safari 5.1 to 6.0 */ -o-box-sizing: border-box; /* For Opera 11.1 to 12.0 */ -moz-box-sizing: border-box; /* For Firefox 3.6 to 15 */ box-sizing: border-box; /* Standard syntax */ position: relative; }

.signature-link-info img.arrow { position: absolute; left: -8px; top: 0; }