.form-loader {
    display: none;
}
.melior_search_wrapper {
	width: 100%;
    position: relative;
}
#search_deer{
	display: flex;
	width: 80%;
	margin: auto;
}
#search_deer .deer_search_keyword{
	background: #ddd !important; 
	color: #000 !important;
}
#search_deer .deer_search_keyword.error {
    border: 1px solid red;
}

.melior_search_wrapper .ajax-message{
	margin: auto;
}
#header_main{border-bottom:none !important}

.melior_search_wrapper{width:100%;margin:0 auto;padding:20px 15px}
.melior_search_wrapper #search_deer{max-width: 1080px;position: relative;margin-bottom:0;}
.melior_search_wrapper form input[type="text"]{margin-bottom: 0 !important;border:none !important;padding:0 15px !important;font-family: 'Prompt', sans-serif !important;font-weight:100;border:1px solid transparent !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}
.melior_search_wrapper form input[type="text"].error{border:1px solid #FF0000 !important}
.melior_search_wrapper form input[type="text"]:focus{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}
.melior_search_wrapper form input[type="submit"]{padding: 10px 50px;font-family: 'Prompt', sans-serif;font-weight: 100; font-size: 18px;text-transform: uppercase;outline: none;background-color: #d2a37c; color: #ffffff; border-color: #b0815a;margin:0}
.melior_search_wrapper form input[type="submit"]:hover,.melior_search_wrapper form input[type="submit"]:focus{opacity:0.9;}
.melior_search_wrapper .ajax-message { margin: auto; text-align: center; font-weight: 600; font-size: 18px; }
.melior_search_wrapper .form-loader{position: absolute; right: -35px; width: 30px; top: 12px;height:30px}
.melior_search_wrapper .form-loader img{height:30px}

.avia-search-tooltip .inner_tooltip input[type="text"]{border:none !important}
.avia-search-tooltip .inner_tooltip input[type="submit"]{height:100% !important;line-height:inherit !important}
 
.melior_search_wrapper form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666 !important;
}
.melior_search_wrapper form input::-moz-placeholder { /* Firefox 19+ */
color:#666 !important;
}
.melior_search_wrapper form input:-ms-input-placeholder { /* IE 10+ */
color:#666 !important;
}
.melior_search_wrapper form input:-moz-placeholder { color:#666 !important}

.socialfoot br{display:none}
.socialfoot p span br{display:block}
.search-wrap-main {padding: 20px 0;}
.page-template-page-sales .av_textblock_section{position: relative;margin-bottom: 19px;display: block;}
.page-template-page-sales .av_textblock_section:last-child{margin-bottom:0}
@media all and (-ms-high-contrast:none)
     {
		 .melior_search_wrapper form input[type="submit"]{padding:10px 50px 10px 32px}
     }


@media (max-width:767px){
	.melior_search_wrapper form input[type="submit"]{padding:10px 30px;font-size:16px;}
	#search_deer{width:90%}
}
@media (max-width: 480px){
	#search_deer {width: 100%;}
	.melior_search_wrapper form input[type="submit"] { padding: 10px 15px; font-size: 14px; }
	.melior_search_wrapper .form-loader { position: absolute; right: 0; width: 30px; top: 40px; }
}
/*Now the CSS*/
.FamilyTree{width:100%;overflow:auto;padding-top:25px}

.FamilyTree ul {
	padding-top: 20px; position: relative;
	margin-bottom: 0 !important;
    margin-left:0 !important;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     display: flex;
     align-content: center;     
}

.FamilyTree li {
     display: inline-block; 
     text-align: center;
	list-style-type: none;
	position: relative;
	padding: 25px 0px 0 0px !important;
	margin-left: 0px !important;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     width:100%;
}

.FamilyTree ul.level-1{width: 100%;}
@media(max-width:1250px){
     .FamilyTree ul.level-1{
          width:1250px;
     }
}

.FamilyTree ul.level-1 > li{padding:25px 5px 0 5px;}
.FamilyTree ul.level-1 li a{font-size:20px;}

.FamilyTree ul.level-2 > li a{font-size:18px;padding-top:5px}
.FamilyTree ul.level-3 > li a{font-size:16px;padding-top:5px}
.FamilyTree ul.level-4 > li a{font-size:14px;}
.FamilyTree ul.level-5 > li a{font-size:12px;}
/*We will use ::before and ::after to draw the connectors*/

.FamilyTree li::before, .FamilyTree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 2px solid #666;
	width: 50%; height: 20px;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;
}
.FamilyTree li::after{
	right: auto; left: 50%;
	border-left: 2px solid #666;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.FamilyTree li:only-child::after, .FamilyTree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.FamilyTree li:only-child{ padding-top: 0 !important;}

/*Remove left connector from first child and 
right connector from last child*/
.FamilyTree li:first-child::before, .FamilyTree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.FamilyTree li:last-child::before{
	border-right: 2px solid #666;
	border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0px 0 0;
	-moz-border-radius: 0 0px 0 0;
}
.FamilyTree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.FamilyTree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 49.99%;
	border-left: 2px solid #666;
	width: 0; height: 20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
}

.FamilyTree li a{	
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
    font-family:Helvetica, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif;
	font-weight:100;
     line-height:18px;
	font-size: 12px;
	display: inline-block;
     box-shadow: none !important;	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     vertical-align: top;
	
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.FamilyTree li a:hover, .FamilyTree li a:hover+ul li a {
	color: #d2a37c;
}
/*Connector styles on hover*/
.FamilyTree li a:hover+ul li::after, 
.FamilyTree li a:hover+ul li::before, 
.FamilyTree li a:hover+ul::before, 
.FamilyTree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}