@charset "utf-8";

.mobile-search { 
	display:  none; 
	margin-top: 15px;
}
.mobile-search button,
.mobile-search .input-group>.input-group-append>.btn {
	border: none;
	background: #FFF;
	color: #6c757d
}
.mobile-search .btn-outline-secondary:not(:disabled):not(.disabled):active { color: #6c757d }
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none; 
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}   
.icon-search:before { content: "\f002";} 


:active, :focus { outline:0; }
svg:not(:root) { overflow: hidden; }

/* Fontello icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
	line-height: inherit;
	font-weight: 600;
    font-size: 28px;
	width:auto;
	margin:0;
}


/* 3. Form fields settings
-------------------------------------------------------------- */
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 1em;				/* Corrects font size not being inherited in all browsers */
	line-height: 1.3em;
	margin: 0;					/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;	/* Improves appearance and consistency in all browsers */
}
button, input {
	line-height: normal;		/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button {
	overflow: visible; 
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea,
select,
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	/* Addresses box sizing set to content-box in IE8/9 */
}
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="text"] {
    -webkit-border-radius: 0; /* webkit mobile reset radius */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;						/* Addresses excess padding in IE8/9 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: none;		/* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;		/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
}
button::-moz-focus-inner,
input::-moz-focus-inner {			/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
.search_form_wrap input[type="text"],
.search_form_wrap input[type="number"],
.search_form_wrap input[type="tel"],
.search_form_wrap input[type="email"],
.search_form_wrap input[type="password"],
.search_form_wrap input[type="search"],
.search_form_wrap select,
.search_form_wrap textarea {
	-webkit-appearance: none;
	outline: none;
	resize: none;
	padding: 0.45em 0.5em;
	border:none;
    line-height: normal; /* placeholder fix */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}

button::-moz-focus-inner { 
	border: 0;
}
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select,
textarea:focus {
	outline: none;
}
textarea {
	overflow: auto;			/* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top;	/* Improves readability and alignment in all browsers */
	min-height:5em;
}


/* Top panel (top area) */
.top_panel_icon {
	padding:0;
}
.top_panel_icon.search_wrap {
	width: 2.2857em;
	height: 2.2857em;
	line-height: 2.2857em;
	/* -webkit-border-radius: 1.15em;
	   -moz-border-radius: 1.15em;
	        border-radius: 1.15em; */
}
.top_panel_icon.search_wrap.search_state_opened {
	width: 15em;
}
.top_panel_icon.search_wrap .search_submit {
	line-height: 2.2857em;
}

/* Search field */
.search_wrap {
	position:relative;
	max-width:15em;
	min-width:2.2857em;
}
.search_wrap.search_state_closed:not(.top_panel_icon) {
	min-width:0;
	width:1.5em;
}
.search_wrap:not(.search_state_fixed) {
	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}


.search_wrap .search_field,
.search_wrap .search_submit,
.search_wrap .search_submit:hover {
	background-color:transparent;
	border:none;
}

.homesearch .search_field,
.homesearch .search_submit,
.homesearch .search_submit:hover {
	background-color: transparent !important;
	border:none;
}


.search_wrap .search_field::-webkit-input-placeholder {
	line-height: normal;
}
.content .search_wrap,
.content .search_wrap .search_submit,
.content .search_wrap .search_field {
	padding:0;
	height:2.2857em;
    line-height: normal;
}
.search_wrap form {
	width: 100%;
	padding-left: 0;
	position:relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.search_wrap .search_submit {
	position:absolute;
	right:0;
	top:1px;
	width:2.25em;
	padding:0;
	margin:0;
	text-align:right;
	font-weight:normal;
}
.search_wrap .search_field {
	width:100%;
    padding-left: 0;
}
.search_wrap .search_submit:before {
	margin-right:0.35em;
}
.search_wrap.search_style_rounded {
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
}
.search_wrap .search_results_content {color: #888888; background-color: #f3f3f3;}
.top_panel_icon.search_wrap:hover .search_field {}
.search_wrap:hover .search_field::-webkit-input-placeholder {color: #ffffff;}
.search_wrap:hover .search_field:-moz-placeholder {color: #ffffff;}
.search_wrap:hover .search_field::-moz-placeholder {color: #ffffff;}
.search_wrap:hover .search_field:-ms-input-placeholder {color: #ffffff;}

.top_panel_icon .search_submit {
	display:inline-block;
	text-align:center;
}
.top_panel_icon .search_submit:before {
	margin-right:0;
}

/* Search results */
.search_wrap .search_results {
	display:none;
	position:absolute;
	z-index:1000;
	right:0;
	top:4.2857em;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	width: 270px;
	padding:1em;
	line-height:1.5em;
	text-align:left;
	-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
			box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);	
}

.search_form input[type="text"],
.search_form input[type="number"],
.search_form input[type="tel"],
.search_form input[type="email"],
.search_form input[type="search"],
.search_form input[type="password"],
.search_form select,
.search_form textarea {
  line-height: 1.3em;
}
.search_form input[type="text"],
.search_form input[type="number"],
.search_form input[type="tel"],
.search_form input[type="email"],
.search_form input[type="search"],
.search_form input[type="password"],
.search_form select,
.search_form textarea {
  color: #8d9091;
}
.search_form input[type="text"],
.search_form input[type="number"],
.search_form input[type="tel"],
.search_form input[type="email"],
.search_form input[type="search"],
.search_form input[type="password"],
.search_form select,
.search_form textarea {
  background-color: transparent;
}
.search_form input[type="text"]:focus,
.search_form input[type="number"]:focus,
.search_form input[type="tel"]:focus,
.search_form input[type="email"]:focus,
.search_form input[type="search"]:focus,
.search_form input[type="password"]:focus,
.search_form select:focus,
.search_form textarea:focus {
  color: #000000;
}
.search_form input[type="text"]:focus,
.search_form input[type="number"]:focus,
.search_form input[type="tel"]:focus,
.search_form input[type="email"]:focus,
.search_form input[type="search"]:focus,
.search_form input[type="password"]:focus,
.search_form select:focus,
.search_form textarea:focus {
  background-color: #f0f0f0;
}
.search_form input::-webkit-input-placeholder,
.search_form textarea::-webkit-input-placeholder {
  color: #FFF;
}

.top_panel_icon {
  margin: 1.00008em 0 1.8em 1em;
}

.top_panel_icon.homesearch.search_wrap {
  background-color: transparent;
  color: #ffffff;
}

.top_panel_icon .search_submit {
  color: #00A3E0
}
.top_panel_icon.search_wrap.search_state_opened .search_submit {
	color: #ED8B00;;
  }
.homepg .top_panel_icon .search_submit {
	color: #fff;
  }
.top_panel_icon.search_wrap:hover,
.top_panel_icon:hover .search_submit
{
  color: #ED8B00;;
}
.top_panel_icon.search_wrap.search_state_opened,
.top_panel_icon.search_wrap:hover,
.top_panel_icon:hover .contact_icon,
top_panel_icon:hover .search_submit {
  background-color: #ffffff;
}

.homesearch:hover .search_submit{
	background-color: transparent;
}

.search_results .post_more,
.search_results .search_results_close {
  color: #FFF;
}
.search_results .post_more:hover,
.search_results .search_results_close:hover {
  color: #ffca00;
}



@media screen and (max-width: 767px) {
	.search_wrap { display: none;}*/
	.mobile-search{ display:  block; }
}
