/* esAutoSuggest css start */
.innerheader{background: url(../images/home-headerbg.jpg) no-repeat center center; background-size:cover; text-align: center; padding: 20px; position: relative;}

.innerheader .topsearchbar{border-radius: 10px;  width: 90%; max-width: 800px;margin: 15px auto 15px auto;padding: 0px; }
.selectric{width:150px; border-radius: 10px 0 0 10px !important;}
.input-group-addon{width:50px; line-height:50px;}
.search-box{/*width:900px;*/ margin:0 auto;}
.selectric-items{top: 87% !important;}
.innerheader .headersearch{text-align:left;}
.esAutoSuggest{margin-left: 0; padding: 10px; list-style: none; background: rgba(255, 255, 255, 0.8);}
.esAutoSuggest .f2fsection {
    color: #333;
    font-size: 10px;
    display: inline-block;
    width: 30%;
    padding-top: 5px;
    text-align: right;
    vertical-align: top;
}



.stylish-input-group .headersearch.f2fsearchtext
{
	margin: 1% 0px!important;
	padding: 0px 1% !important;
	color: #222222 !important;
}

.homeheader .stylish-input-group .headersearch.f2fsearchtext
{
	max-width: calc(100% - 150px) !important;
}

.esAutoSuggest.ui-autocomplete::-webkit-scrollbar
{
    -webkit-appearance: none !important;
    width: 7px !important;
}

.esAutoSuggest.ui-autocomplete::-webkit-scrollbar-thumb{
    border-radius: 4px !important;
    background-color: rgba(0,0,0,.5) !important;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5) !important;
	box-shadow: 0 0 1px rgba(255,255,255,.5) !important;
}

	.esAutoSuggest .ui-autocomplete-group {
        line-height: 30px !important;
        font-family: 'montserratlight', sans-serif !important;		
    }

.esAutoSuggest.ui-autocomplete li {
    
    padding: 3px 1em 3px .4em !important;
    border-bottom: 1px solid #e2e2e2 !important;
    width: auto !important;
    list-style: none !important;
    margin-left:0px !important;
	border-top: 0px !important;
	border-left:0px !important;
	border-right: 0px !important;
}
    .esAutoSuggest .ui-menu-item {
        padding-left: 10px !important;
    }

    /*AutoComplete CSS start*/
    .esAutoSuggest.ui-autocomplete, #f2fAutoSearching {
        position: fixed !important;
        top: 0 !important;
        left: 0;
        cursor: default !important;
    }

    .esAutoSuggest.ui-autocomplete li:hover {
            /* font-size: 1em; */
		border-bottom: 1px solid #e4e4e4 !important;
		border-left: 0px !important;
		border-right: 0px !important;
		border-top: 0px !important;
    }

    .esAutoSuggest.ui-menu {
        list-style: none !important;
        padding: 0 !important;
          /*margin: 0 !important;*/
        margin-bottom:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        display: block;
        outline: none !important;
    }

	.esAutoSuggest.ui-menu .ui-menu {
		position: absolute !important;
	}

	.esAutoSuggest.ui-menu .ui-menu-item {
		position: relative !important;
		margin: 0 !important;
		padding: 7px 1em 6px .8em !important;
		cursor: pointer !important; 
		min-height: 0 !important; /* support: IE7 */ /* support: IE10, see #8844 */
		list-style-image: url( "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" ) !important;
		border-radius: 0px !important;
		border-bottom: 1px solid #e4e4e4 !important;
		border-left: 0px !important;
		border-right: 0px !important;
		border-top: 0px !important;
		line-height: 1.39 !important;
	}
	.esAutoSuggest .ui-autocomplete-group ~ .ui-menu-item {
		padding:7px 1em 6px 2em !important;
}

	.esAutoSuggest.ui-menu .ui-menu-divider {
		margin: 5px 0 !important;
		height: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
		border-width: 1px 0 0 0 !important;
	}

	.esAutoSuggest.ui-menu .ui-state-focus, .esAutoSuggest.ui-menu .ui-state-active {
		
	}

    .esAutoSuggest.ui-widget {
        font-size: 1em !important;
		font-family: 'montserratlight', sans-serif;
    }

	.esAutoSuggest.ui-widget .ui-widget {
		font-size: 1em !important;
	}

	.esAutoSuggest.ui-widget input, .esAutoSuggest.ui-widget select, .esAutoSuggest.ui-widget textarea, .esAutoSuggest.ui-widget button {
		font-size: 1em !important;
	}

    .esAutoSuggest.ui-widget-content {
        border: 1px solid #d7d7d7 !important;
        background: #fff !important;
        color: #222222 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: 431px !important;
        z-index: 999 !important;
		/*top: 154px !important;*/
		/* left: 405px !important; */
		width: 605px !important;
		border-radius: 1% !important;
		position:absolute !important;
    }

	.esAutoSuggest.ui-widget-content a {
		color: #222222 !important;
	}


	.esAutoSuggest .ui-state-hover, .esAutoSuggest.ui-widget-content .ui-state-hover, .esAutoSuggest .ui-widget-header .ui-state-hover, .esAutoSuggest .ui-state-focus, .esAutoSuggest.ui-widget-content .ui-state-focus, .esAutoSuggest .ui-widget-header .ui-state-focus {
		border: 0px solid #d7d7d7 !important;
		background: #d5d5d5 !important;
		font-weight: normal !important;
		color: #1d5987 !important;
		border-bottom: 1px solid #d7d7d7 !important;
		border-top: 0px !important;
		border-left: 0px !important;
		border-right: 0px !important;
	}

    .ui-helper-hidden-accessible {
        display: none !important;
    }

    .esAutoSuggest .ui-es {
        height: 30px !important;
        text-decoration: none !important;
    }
	.esAutoSuggest .f2fsection{
		color: #333; 
		font-size: 10px; 
		display: inline-block; 
		width: 30%; 
		padding-top: 5px; 
		text-align: right;
		vertical-align: top;
	}
	
	#f2fAutoSearching {
        border: 1px solid #d7d7d7 !important;
        background: #fff !important;
        color: #222222 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: 431px !important;
        z-index: 999999 !important;
        left: 381px !important;
        /* width: 552px !important; */
        border-radius: 1% !important;
        display: none;
        position: fixed !important;
        top: 242px !important;
        text-align: left;
		padding: 7px 1em 6px .8em !important;
    }
    .homeheader #f2fAutoSearching{left: calc(((100% - 800px) / 2) + 150px) !important;top: 440px !important;}
	
	.blackCover {
        background: none repeat scroll 0 0 rgba(0,0,0,.6);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        display: none;
    }

    @media screen and (max-width: 768px) {
    .search-box{width:90%; margin:0 auto;}
     .esAutoSuggest.ui-widget-content{width:50% !important;}

     

}
@media screen and (max-width: 500px) {
    .homeheader.innerheader .topsearchbar{border-radius:3px;}
	.homeheader #f2fAutoSearching {
    left: calc(((100% - 470px) / 2) + 110px) !important;
	top: 155px !important;}
    .selectric .button {  width: 20px;  height: 20px;}
    .selectric { width: 40px; overflow: auto;border-radius: 3px 0 0 3px;}
    .selectric .label{white-space: inherit;}
    .selectric-items{width:110px !important; top: 100% !important;}
    .selectric-items li{padding:8px !important;}
    }
@media screen and (max-width: 375px) {
.homeheader #f2fAutoSearching {
    left: calc(((100% - 430px) / 2) + 110px) !important;
	top: 155px !important;}
}

@media screen and (max-width: 360px) {
    .homeheader{    padding: 5px;}
    .selectric{height:45px !important;}
    .selectric .button{width:30px !important; height:30px !important;}
    .selectric .label{height:45px;}
    .topsearchbar .btn i{font-size:18px;}
    .input-group-addon {width: 40px; line-height: 40px;}
    .esAutoSuggest.ui-widget-content {width: 65% !important;}
}
@media screen and (max-width: 320px) {
.homeheader #f2fAutoSearching {
    left: calc(((100% - 430px) / 2) + 100px) !important;
	top: 130px !important;}
}
/* esAutoSuggest css end */
@media screen and (min-width:768px) {
.topheader:not(.fixed-top) .input-group-addon {
   z-index: 9;
   background: #f9fafa;
   line-height: 37px;
   right: 0px;
   position: relative;
   bottom: 0;
}


.topheader:not(.fixed-top) .stylish-input-group .headersearch.f2fsearchtext{
        width: 487px !important;
}

.topheader:not(.fixed-top) .input-group-addon:after {
   content: "";
   position: absolute;
   left: 100%;
   top: 0px;
   height: 100%;
   width: 100px;
   background: #f9fafa;
}
.topheader:not(.fixed-top) .navbar-expand-md .navbar-nav .nav-link {
	   padding-right: 0.4rem;
	   padding-left: 0.4rem;
	}
}
@media screen and (max-width: 1023px) and (min-width:768px) 
{
	.topheader:not(.fixed-top) .stylish-input-group .headersearch.f2fsearchtext{
			width: 470px !important;
	}
	.topheader:not(.fixed-top) .input-group-addon:after {
	   width: 118px;
	}
}

@media screen and (max-width: 991px) and (min-width:768px)
{
	.topheader:not(.fixed-top) .stylish-input-group .headersearch.f2fsearchtext{
			width: 328px !important;
	}
	.topheader:not(.fixed-top) .input-group-addon:after {
	   width: 138px;
	}
	
	.topheader:not(.fixed-top) .topheader .nav-item {
	   margin: 0rem 0.1rem;
	}
	.topheader:not(.fixed-top) .navbar-nav
	{
		margin-left:42px;
	}
	.topheader:not(.fixed-top) .navbar-expand-md .navbar-nav .nav-link {
	   font-size:11px;
	}
	.topheader:not(.fixed-top) .navbar-expand-md .navbar-nav .nav-link {
	   padding-right: 0.3rem;
	   padding-left: 0.3rem;
	}
	
}