.mid .search-cnt { background-color: #f2f2f2; width: 100%; }
.mid .search-cnt .search { padding: 30px 5% 35px; display: block; margin: auto; position: relative; width: 100%;}
.mid .search-cnt .search > * { display: block; }
.mid .search-cnt .search h2 { margin: 0; padding-right: 0; text-align: center; margin-bottom: 25px; }
.mid .search-cnt .search form,
.mid .search-cnt .search span { width: 100%; margin: auto; position: relative; display: inline-block; }
.mid .search-cnt .search span > input { font-family: "Lato", sans-serif; font-size: 100%; width: 100%; border: 1px solid #ebebeb; padding: 20px 25px; border-radius: 50px; outline: none; -webkit-box-shadow: -5px 5px 10px 1px #cfcfcf; -moz-box-shadow: -5px 5px 10px 1px #cfcfcf; box-shadow: -5px 5px 10px 1px #cfcfcf; }
.mid .search-cnt .search button.btnSearch { outline: none; background: none; padding: 0; position: absolute; right: 7.5%; top: 15px; font-size: 10px; display: inline-block; width: 15px; box-sizing: content-box; height: 15px; border: 3px solid #0072ca; border-radius: 25px;  }
.mid .search-cnt .search button.btnSearch:before { content: ""; display: inline-block; position: absolute; right: -5px; bottom: -10px; border-radius: 5px; border-width: 0; background: #0072ca; width: 3px; height: 12px; transform: rotate(135deg); }
.mid .search-cnt.animate { position: fixed; z-index: 1; top: 0; }
.mid .search-cnt.animate:hover { }
.mid .search-cnt.animate .search { padding: 5px 5% 20px; transition: padding 0.25s; }
.mid .search-cnt.animate .search h2 { margin-bottom: 5px; }
.mid .search-cnt.animate .search input#srcHome { padding: 12px 25px 13px; transition: padding 0.25s; }
.mid .search-cnt.animate .search button.btnSearch { top: 10px; }

  /*Style built-in search box*/
  .mid .search-cnt .homeSearchBox {position: relative; margin: 0 auto; width: 100%; font-size: 120%;}
  .mid .search-cnt .homeSearchBox input {display: inline-block;border: 1px solid #ebebeb;outline: none;width: 100%; height: 60px; padding: 14px 17px; border-radius: 34px; -webkit-box-shadow: -4px 4px 7px 1px #cfcfcf; -moz-box-shadow: -4px 4px 7px 1px #cfcfcf; box-shadow: -4px 4px 7px 1px #cfcfcf;}
  .mid .search-cnt .homeSearchBox span {display: inline-block;width: 0;position: absolute;}
  .mid .search-cnt .homeSearchBox button {display: inline-block;position: absolute;left: 90%;top: 33%;width: 20px; height: 20px; outline: none; cursor: pointer; background: none; padding: 0;font-size: 10px; border: 0 none; box-sizing: content-box; color: transparent;}
  .mid .search-cnt .homeSearchBox button:before { content: ""; display: inline-block; position: absolute; width: 15px; height: 15px; border: 3px solid #0072ca; border-radius: 25px; top: 0; left: 0; }
  .mid .search-cnt .homeSearchBox button:after { content: ""; display: inline-block; position: absolute; right: 8px; bottom: 4px; border-radius: 5px; border-width: 0; background: #0072ca; width: 3px; height: 12px; transform: rotate(135deg); } 
  .mid .search-cnt .homeSearchBox button:before { width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; }
  .mid .search-cnt .homeSearchBox button:after { right: 5px; bottom: 2px; border-radius: 4px; width: 2px; height: 8px; }
   ul.ui-autocomplete {border-radius: 20px;outline: none;}
   ul.sf-autocomplete {border: 1px solid #ebebeb !important;}
   ul.ui-autocomplete li.ui-menu-item{border-radius: 0px; padding: 0px;}
   ul.ui-autocomplete li.ui-menu-item:first-child{border-radius: 10px; padding-top: 15px;}
   ul.ui-autocomplete li.ui-menu-item:last-child{border-radius: 10px; padding-bottom: 15px;}
   ul.ui-autocomplete li.ui-menu-item a{border-radius: 0px; padding: 10px;font-size: 110%;padding-left:15px;}


	ul.ui-autocomplete li.search-history-border {
		color: #828282;
		margin: 0;
		margin-top: 10px;
	}

	ul.ui-autocomplete li.search-history-border:before {
		content: ""; /* This is necessary for the pseudo element to work. */ 
		display: block; /* This will put the pseudo element on its own line. */
		margin: 0 auto; /* This will center the border. */
		width: 100%; /* Change this to whatever width you want. */
		padding-top: 0; /* This creates some space between the element and the border. */
		border-bottom: 1px solid #828282; /* This creates the border. Replace black with whatever color you want. */
		
	}
	ul.ui-autocomplete p.search-history-label { display: inline-block;color: #828282;text-align: right; padding-right: 20px;margin: 0;}
	ul.ui-autocomplete li.search-history-wrap {float: right;}
	ul.ui-autocomplete a.search-history-clear { display: inline-block;color: blue;text-align: right;padding-right: 20px; }
	ul.ui-autocomplete a.search-history-clear:hover { text-decoration: underline; cursor: pointer }
   
   
   
   
/*Style bloodhound box*/
.mid .search-cnt .bloodHoundSearchBox {position: relative; margin: 0; width: 70%; font-size: 120%; }
.mid .search-cnt .bloodHoundSearchBox span.twitter-typeahead { z-index: 100;}
.mid .search-cnt .bloodHoundSearchBox input.blood-hound-search {display: inline-block; border: 1px solid #ebebeb; outline: none; width: 145%; height: 60px; padding: 14px 17px; border-radius: 34px; -webkit-box-shadow: -4px 4px 7px 1px #cfcfcf; -moz-box-shadow: -4px 4px 7px 1px #cfcfcf; box-shadow: -4px 4px 7px 1px #cfcfcf; }
.mid .search-cnt .bloodHoundSearchBox button {z-index: 9999;display: inline-block; position: absolute; left: 130%; top: 35%; width: 20px; height: 20px; outline: none; cursor: pointer; background: none; padding: 0; font-size: 10px; border: 0 none; box-sizing: content-box; color: transparent; }
.mid .search-cnt .bloodHoundSearchBox button:before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; top: 0; left: 0; }
.mid .search-cnt .bloodHoundSearchBox button:after { content: ""; display: inline-block; position: absolute; right: 6px; bottom: 2px; border-radius: 4px; border-width: 0; background: #0072ca; width: 2px; height: 8px; transform: rotate(135deg); }
.mid .search-cnt .bloodHoundSearchBox div.tt-menu {font-size: 85%;width:145% !important; border-radius: 20px; outline: none; border: 1px solid #ebebeb !important; background-color: #FFFFFF;}
div.tt-menu li.list-group-item { display: table; border-radius: 0px; padding: 0px;list-style: none; }
div.tt-menu li.list-group-item:hover { background-color: #ebebeb;  }
div.tt-menu li.tt-cursor {background-color: #ebebeb; }
div.tt-menu li.list-group-item:first-child {margin-top: 15px; }
div.tt-menu li.list-group-item:last-child { margin-bottom: 15px; }
div.tt-menu li.list-group-item p.predictionText { display: table-cell; width: 100%; border-radius: 0px; padding: 10px 10px 10px 15px; font-size: 110%; margin: 0;}
div.tt-menu li.list-group-item:first-child p.predictionText { border-radius: 0px; font-size: 110%; margin-top: 15px;}
div.tt-menu li.list-group-item a {background-image: url("../image/news-arrow.png"); background-position: center;background-repeat: no-repeat;display: table-cell; width: 20%;color: #0072ca;font-weight: 600; vertical-align: middle;text-align:center; padding: 20px; font-size: 110%;}
   

.mid .banner-cnt {  overflow: hidden; height: 450px;}
.mid .banner-cnt .mid-cnt {  margin: auto; padding: 0 15px; position: absolute; top: 0; left: 0; z-index: 1; right: 0; bottom: 0;}
.mid .banner-cnt .banner { margin: auto; text-align: center; overflow: hidden; position: relative; height: 100%; }
.mid .banner-cnt .banner { margin: auto; text-align: center; overflow: hidden; position: relative; height: 100%; background-image: url('../image/banner-sample.jpg'); background-repeat: no-repeat; background-position: center right; background-size: cover }
.mid .banner-cnt .banner img { margin: auto; right: 220px; max-height: 450px; position: relative; }
.mid .banner-cnt .overlay { position: absolute; height: 175px; left: 0; z-index: 1; right: 0; bottom: 0; background: #000; background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#99000000',GradientType=0 ); opacity: 0.9; box-shadow: 0px -10px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px -10px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -10px 5px rgba(0,0,0,0.4); }
.mid .banner-cnt .bnr-control-cnt { display:none;}
.mid .banner-cnt .bnr-mobile { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.mid .banner-cnt .bnr-mobile *{ outline:none; }
.mid .banner-cnt .bnr-mobile-wrap { max-width: 300px; top: 0; bottom: 0; right: 0; background-color: #3f8bc6; background-color: rgba(63, 139, 198,0.85); position: absolute; padding: 10px 0 10px 15px; }
.mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt { min-width: 200px; }
.mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt h2 { font-size: 157.143%; color: #fff; font-weight: 600; margin: 0;  padding: 0 0 5px; border-bottom: 1px solid #cbcbcb;}
.mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt .bnr-mobile-list-wrap { padding:10px 52px 0 0; }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list { list-style: none; overflow-y: auto; max-height: 375px; }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li { }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a { background-image: url('../image/mobile-bnr-list-arrow.png'); background-position: left top 11px; background-repeat: no-repeat; color: #fff; display: inline-block; padding: 8px 10px 8px 20px; width: 100%; font-size: 142.857%;background-size:7px; }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a:hover { background-position: left 5px top 11px; }
.mid .banner-cnt .bnr-mobile button.slick-arrow { cursor: pointer; border: 0 none; background: none; font-size: 0; background-repeat: no-repeat; height: 78px; width: 52px; padding: 0; background-position: center; position: absolute; top: 40%; top: calc(50% - 39px); outline: none; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-prev { background-image: url('../image/mobile-bnr-arrow-left.png'); left: 0; transition:background 0.25s;background-color:#fff;}
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-prev:hover { background-image: url('../image/mobile-bnr-arrow-left-hvr.png'); transition: background 0.25s; background-color: #3f8bc6; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-next { background-image: url('../image/mobile-bnr-arrow-right.png');  right: 0; transition: background 0.25s; background-color: #fff; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-next:hover { background-image: url('../image/mobile-bnr-arrow-right-hvr.png'); transition: background 0.25s; background-color: #3f8bc6; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-disabled { opacity: 0.3; }

.news-feed-cnt { padding-top: 50px; background-color: #fff; order: 1; }
.news-feed-cnt .news-head { border-top: 2px solid #363636; position: relative; padding-bottom: 25px }
.news-feed-cnt .news-head h2 { margin: 0; color: #363636; padding-top: 5px; margin-bottom: 5px; }
.news-feed-cnt .news-head a.view-more { transition: all 0.25s; background-image: url("../image/news-arrow.png"); background-position: left 99% center; background-repeat: no-repeat; padding-right: 25px; position: absolute; display: inline-block; right: 0; top: 0; color: #8a8a8a; font-weight: 700; margin: 5px 0 0;background-size:18px; }
.news-feed-cnt .news-head a.view-more:hover { color: #0072ca; background-image: url("../image/news-arrow-hvr.png"); transition: all 0.25s; }
.news-feed-cnt .news-feed { width: 100%;  }
.news-feed-cnt .news-feed .feed-row { display: inline; padding: 0 0 15px; margin-top: 15px; }
.news-feed-cnt .news-feed .feed-row:first-of-type { margin-top: 0; }
.news-feed-cnt .news-feed .feed-item { box-sizing: content-box; vertical-align: top; display: inline-block; width: 100%; margin-bottom: 25px; border-bottom: 2px solid #f2f2f2; }
.news-feed-cnt .news-feed .feed-item:first-child { border-left: 0px none; padding-left: 0; }
.news-feed-cnt .news-feed .feed-item:last-child { padding-right: 0;  }
.news-feed-cnt .news-feed .feed-item img { display:none; }
.news-feed-cnt .news-feed .feed-item span.feed-tag { display: inline-block; transition: background-color 0.25s; background-color: #0072ca; text-transform: uppercase; font-size: 87.5%; margin: 0px 10px 10px 0px;}
.news-feed-cnt .news-feed .feed-item span.feed-tag a { color: #fff; display: block; padding: 3px 5px; }
.news-feed-cnt .news-feed .feed-item span.feed-tag:hover { background-color: #4dae1c; transition: background-color 0.25s; }
.news-feed-cnt .news-feed .feed-item img + span.feed-wrap { margin-top: 0px; display: block; }
.news-feed-cnt .news-feed .feed-item img + span.feed-tag {display:none;}
.news-feed-cnt .news-feed .feed-item span.feed-date { display: block; }
.news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 10px 0 20px; padding-right: 40px; font-weight: 700; font-size: 128.57%; padding-right: 0; }
.news-feed-cnt .news-feed .feed-item h4 a { color:#363636;}
.news-feed-cnt .news-feed .feed-item h4 a:hover {color:#0072ca;  }
.news-feed-cnt .news-feed .feed-row:last-child .feed-item:last-child { border-bottom: 0; margin-bottom: 60px; }
.news-feed-cnt .news-feed .feed-col:last-child .feed-item:last-child { border-bottom: 0; margin-bottom: 60px; }
news-feed-cnt .news-feed .feed-col:first-child .feed-item .feed-tag{background-color:#0072ca;}
.news-feed-cnt .news-feed .feed-col:first-child .feed-item .feed-tag:hover{background-color: #165586;}
.news-feed-cnt .news-feed .feed-col:first-child + .feed-col .feed-item .feed-tag{background-color:#4dae1c;}
.news-feed-cnt .news-feed .feed-col:first-child + .feed-col .feed-item .feed-tag:hover{background-color:#3f7b20;}
.news-feed-cnt .news-feed .feed-col:last-child .feed-item .feed-tag{background-color:#ffb646;}
.news-feed-cnt .news-feed .feed-col:last-child .feed-item .feed-tag:hover{background-color:#ab8954;}


/*Style for Ask Jamie (VA)*/

a.ask_cheryl_minimized_tab {
	bottom: 50px !important;
}

textarea.chat_textarea { min-height: auto;}
/* Scrollbar style for Chrome */

/* Track */
::-webkit-scrollbar
{
  -webkit-appearance: unset !important;
  width: 14px !important;
  height: 14px !important;
  
  background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Thumb */
::-webkit-scrollbar-thumb
{
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0px !important;
}

::-webkit-scrollbar-thumb:hover
{
  background: rgba(0, 0, 0, 0.3) !important;
}

::-webkit-scrollbar-button
{
  border-style: solid !important;
  height: 16px !important;
  width: 10px !important;
  
}


/* Up */
::-webkit-scrollbar-button:vertical:decrement
{
  border-width: 0 7px 7px 7px !important;
  border-color: transparent transparent #404040 transparent !important;
  
  
}

::-webkit-scrollbar-button:vertical:decrement:hover
{
  background-color: rgba(0, 0, 0, 0.2) !important;
}


/* Down */
::-webkit-scrollbar-button:vertical:increment
{
  border-width: 7px 7px 0 7px !important;
  border-color: #404040 transparent transparent transparent !important;

}

::-webkit-scrollbar-button:vertical:increment:hover
{
  background-color: rgba(0, 0, 0, 0.2) !important;
}




/*for scaling 110% and above*/
@media (-webkit-min-device-pixel-ratio: 1.1)  {

  /*Style built-in search box*/
  
   ul.ui-autocomplete {border-radius: 20px;outline: none;}
   ul.sf-autocomplete {border: 1px solid #ebebeb !important;}
   ul.ui-autocomplete li.ui-menu-item{border-radius: 0px; padding: 0px;}
   ul.ui-autocomplete li.ui-menu-item:first-child{border-radius: 10px; padding-top: 15px;}
   ul.ui-autocomplete li.ui-menu-item:last-child{border-radius: 10px; padding-bottom: 15px;}
   ul.ui-autocomplete li.ui-menu-item a{border-radius: 0px; padding: 10px;font-size: 110%;padding-left:15px;}

/*Style bloodhound box*/
.mid .search-cnt .bloodHoundSearchBox {position: relative; margin: 0; width: 70%; font-size: 120%; }
.mid .search-cnt .bloodHoundSearchBox span.twitter-typeahead { z-index: 100;}
.mid .search-cnt .bloodHoundSearchBox input.blood-hound-search {display: inline-block; border: 1px solid #ebebeb; outline: none; width: 145%; height: 60px; padding: 14px 17px; border-radius: 34px; -webkit-box-shadow: -4px 4px 7px 1px #cfcfcf; -moz-box-shadow: -4px 4px 7px 1px #cfcfcf; box-shadow: -4px 4px 7px 1px #cfcfcf; }
.mid .search-cnt .bloodHoundSearchBox button {z-index: 9999;display: inline-block; position: absolute; left: 130%; top: 35%; width: 20px; height: 20px; outline: none; cursor: pointer; background: none; padding: 0; font-size: 10px; border: 0 none; box-sizing: content-box; color: transparent; }
.mid .search-cnt .bloodHoundSearchBox button:before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; top: 0; left: 0; }
.mid .search-cnt .bloodHoundSearchBox button:after { content: ""; display: inline-block; position: absolute; right: 6px; bottom: 2px; border-radius: 4px; border-width: 0; background: #0072ca; width: 2px; height: 8px; transform: rotate(135deg); }
.mid .search-cnt .bloodHoundSearchBox div.tt-menu {font-size: 85%;width:145% !important; border-radius: 20px; outline: none; border: 1px solid #ebebeb !important; background-color: #FFFFFF;}
div.tt-menu li.list-group-item { display: table; border-radius: 0px; padding: 0px;list-style: none; }
div.tt-menu li.list-group-item:hover { background-color: #ebebeb;  }
div.tt-menu li.tt-cursor {background-color: #ebebeb; }
div.tt-menu li.list-group-item:first-child {margin-top: 15px; }
div.tt-menu li.list-group-item:last-child { margin-bottom: 15px; }
div.tt-menu li.list-group-item p.predictionText { display: table-cell; width: 100%; border-radius: 0px; padding: 10px 10px 10px 15px; font-size: 110%; margin: 0;}
div.tt-menu li.list-group-item:first-child p.predictionText { border-radius: 0px;  font-size: 110%; margin-top: 15px;}
div.tt-menu li.list-group-item a {background-image: url("../image/news-arrow.png"); background-position: center;background-repeat: no-repeat;display: table-cell; width: 20%;color: #0072ca;font-weight: 600; vertical-align: middle;text-align:center; padding: 20px; font-size: 110%;}
   

  /* .mid .banner-cnt {height: 400px; } */
  /* .mid .banner-cnt .mid-cnt { padding: 0 10px; } */
  /* .mid .banner-cnt .banner img { right: 155px; max-height: 300px; } */
  /* .mid .banner-cnt .overlay { height: 117px; box-shadow: 0px -7px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px -7px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -7px 5px rgba(0,0,0,0.4); } */
  /* .mid .banner-cnt .bnr-mobile-wrap { max-width: 200px; padding: 20px 0 10px 17px; } */
  /* .mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt { min-width: 167px; } */
  /* .mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt h2 {  padding: 0 0 7px;  } */
  /* .mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt .bnr-mobile-list-wrap { padding: 20px 0 0; } */
  /* .mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a { background-size: 7px; padding: 7px 7px 7px 17px;font-size:100%; } */
  /* .mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a:hover { background-position: left 4px center; } */
  /* .mid .banner-cnt .bnr-mobile button.slick-arrow { background-size: 18px; height: 52px; width: 35px; top: 40%; top: calc(50% - 26px); } */

  /* .news-feed-cnt { padding-top: 36px; } */
  /* .news-feed-cnt .news-head { border-top: 2px solid #363636; padding-bottom: 17px } */
  /* .news-feed-cnt .news-head h2 { padding-top: 4px; margin-bottom: 4px; } */
  /* .news-feed-cnt .news-head a.view-more { padding-right: 17px; margin: 4px 0 0; background-size: 12px; } */
  /* .news-feed-cnt .news-feed .feed-row { padding: 0 0 10px; margin-top: 10px;  } */
  /* .news-feed-cnt .news-feed .feed-item {  margin-bottom: 17px; border-bottom: 2px solid #f2f2f2 !important; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag { padding: 1px 2px;  margin: 0px 10px 7px 0px;} */
  /* .news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 14px 0 14px; padding-right: 14px; } */
  /* .news-feed-cnt .news-feed .feed-row:last-child .feed-item:last-child {  margin-bottom: 40px; } */
  

}

/*screen up till 680*/
@media screen and (max-width: 680px) {
  .mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a { font-size: 100%; }
  .mid .banner-cnt .bnr-mobile-wrap { max-width: 250px; padding: 20px 0 15px 15px; }

}

/*screen up till 640*/
@media screen and (max-width: 640px) {
}

/*screen up till 512*/
@media screen and (max-width: 512px) {

}

/*screen up till 480*/
@media screen and (max-width: 480px) {
}


/*screen up till 372*/
@media screen and (max-width: 372px) {
}