﻿
.mid .search-cnt { background-color: #f2f2f2; position: relative; width: 100%; }
.mid .search-cnt .search { padding: 35px 5%; /*display: table;*/ width: 100%; margin: auto; position: relative; transition: padding 0.25s; }
.mid .search-cnt .search .sfContentBlock { display: table; width: 100%; }
/*.mid .search-cnt .search > * { display: table-cell; vertical-align: middle; }*/
.mid .search-cnt .search h2 { margin: 0; padding-right: 50px; text-align: right; display: table-cell; }
.mid .search-cnt .search form,
.mid .search-cnt .search span { width: 55%; padding-right: 5%; display: inline-block; display: table-cell; position: relative; }
.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; transition: padding 0.25s; }
.mid .search-cnt .search button.btnSearch { outline: none; cursor: pointer; background: none; padding: 0; position: absolute; right: 11.75%; right: calc(5% + 5% + 25px); font-size: 10px; display: inline-block; width: 30px; height: 30px; border: 0 none; box-sizing: content-box; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mid .search-cnt .search button.btnSearch: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 .search button.btnSearch: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.animate { position: fixed; z-index: 1; top: 0; }
.mid .search-cnt.animate:hover { }
.mid .search-cnt.animate .search { padding: 15px 5% 20px; transition: padding 0.25s; }
.mid .search-cnt.animate .search input#srcHome { padding: 12px 25px 13px; transition: padding 0.25s; }
.mid .search-cnt.animate .search button.btnSearch { }
.mid .search-cnt.animate.fixbot { position: absolute; top: auto; bottom: 0; }

/*Style built-in search box*/
.mid .search-cnt .homeSearchBox { position: relative; margin: 0 auto; width: 70%; 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: 93%; 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: 6px; 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 auto; 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: 200%; 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: 93%; 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:182% !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 .bnr-control-cnt > h3 { color: #fff; }
.mid .banner-cnt { height: 70.75vh; height: calc(100vh - 154.5px - 131px); overflow: hidden; min-height: 450px; max-height: 1080px; }
.mid .banner-cnt .mid-cnt { max-width: none; 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%; background-image: url('../image/banner-sample.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover }
.mid .banner-cnt .banner img { margin: auto; min-width: 100%; min-height: 100%; position: fixed; top: 70%; left: 50%; transform: translate(-50%,-50%); }
.mid .banner-cnt .overlay {position: absolute; left: 0; top: 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.85; }
.mid .banner-cnt .bnt-control-wrap { padding: 0 15px; position: absolute; left: 0; z-index: 1; right: 0; bottom: 0; width: 100%;}
.mid .banner-cnt .bnt-control-wrap h3 { color: #fff; font-size: 143.75%; font-weight: 600; margin: 15px auto 10px; max-width: 1440px;}
.mid .banner-cnt .bnr-control { border-top: 2px solid #fff; width: 100%; padding: 0 5% 0px; overflow: hidden; max-width: 1440px; margin: auto; }
.mid .banner-cnt .bnr-control * { outline: none; }
.mid .banner-cnt .bnr-control .slick-list { display: block; }
.mid .banner-cnt .bnr-control .slick-track { display: table; }
.mid .banner-cnt .bnr-control .control-item { position: relative; text-align: center; color: #fff; max-width: 23%; display: inline-block; transition: background-color 0.25s,color 0.25s; }
.mid .banner-cnt .bnr-control .slick-track .control-item { display: table-cell; float: none; vertical-align: middle; max-width: none; }
.mid .banner-cnt .bnr-control .control-item:hover { background: #f2f2f2; background: rgba(242,242,242,0.9); color: #363636; transition: background-color 0.25s,color 0.25s; }
.mid .banner-cnt .bnr-control .control-item:hover span { color: #363636; transition: background-color 0.25s,color 0.25s; }
.mid .banner-cnt .bnr-control .control-item a { padding: 45px 70px 40px; border-bottom: 5px solid transparent; display: table; width: 100%; transition: border-color 0.25s,color 0.25s; height: 100%; }
.mid .banner-cnt .bnr-control .control-item:hover a { border-bottom: 5px solid #0072ca; transition: border-color 0.25s,color 0.25s; }
.mid .banner-cnt .bnr-control .control-item span { display: table-cell; margin: 10px 0 15px; height: 40px; color: #fff; font-size: 112.5%; vertical-align: middle; }
.mid .banner-cnt .bnr-control button.slick-arrow { cursor: pointer; border: 0 none; background: none; font-size: 0; background-repeat: no-repeat; height: 50px; width: 27px; padding: 0; position: absolute; top: 30%; top: calc(50% - 25px); outline: none; background-size:65%;}
.mid .banner-cnt .bnr-control button.slick-arrow.slick-prev { background-image: url('../image/bnr-arrow-left.png'); background-position: center left; left: 0; }
.mid .banner-cnt .bnr-control button.slick-arrow.slick-next { background-image: url('../image/bnr-arrow-right.png'); background-position: center right; right: 0; }
.mid .banner-cnt .bnr-control button.slick-arrow.slick-disabled { opacity: 0.3; }
.mid .banner-cnt .bnr-mobile { display: none; }
.mid .banner-cnt .bnr-control a { display: table-cell; padding: 45px 1.5% 40px; border-bottom: 5px solid transparent; color: #fff; text-align: center; float: none; vertical-align: middle; }
.mid .banner-cnt .bnr-control a:hover { border-bottom: 5px solid transparent; border-bottom: 5px solid #0072ca; background: #f2f2f2; background: rgba(242,242,242,0.9); color: #363636; }


.news-feed-cnt { padding-top: 50px; position: relative; background-color: #fff; }
.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: #828282; 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 { border-bottom: 2px solid #f2f2f2; padding: 0 0 15px; margin-top: 15px; }
.news-feed-cnt .news-feed .feed-row:last-child { padding-bottom: 0; }
.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: 31.333%; width: calc((100% - 6%) / 3); margin-right: -4px; border-left: 2px solid #f2f2f2; padding: 0 1.5% 20px; }
.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-wrap {height: 200px; overflow: hidden; background-color: #efefef;}
.news-feed-cnt .news-feed .feed-item img { width: auto; height: auto;  max-height: 100%; position: relative; top: 50%; left: 50%; min-height: 100%; min-width: auto; max-width: none; transform: translate(-50%, -50%);}
.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 -4px 10px 10px; }
.news-feed-cnt .news-feed .feed-item span.feed-tag a { color: #fff; display: block; padding: 5px 20px; }
.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 div + span.feed-wrap { margin-top: 20px; display: block; margin-left: -10px; margin-right: 4px; }
.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 0px; padding-right: 40px; font-weight: 700; }
.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 { display: table;  table-layout: fixed; border-collapse: collapse;}
.news-feed-cnt .news-feed .feed-col {display:table-cell;vertical-align:top;}
.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;}
.news-feed-cnt .news-feed .feed-col:first-child .feed-item .item-wrap{ border-left:0;padding-bottom:9px;}
.news-feed-cnt .news-feed .feed-col:last-child .feed-item .item-wrap{ }
.news-feed-cnt .news-feed .feed-col .feed-item{width:auto;display:block;margin:0; vertical-align:top;border-bottom:2px solid #f2f2f2;border-left:0;padding: 20px 0 10px;}
.news-feed-cnt .news-feed .feed-col .feed-item .item-wrap{border-left: 2px solid #f2f2f2;padding: 0 10px 10px 10px;}
.news-feed-cnt .news-feed .feed-col .feed-item:last-child{border-bottom:0;}
.news-feed-cnt .news-feed .feed-col .feed-item:first-child{padding-top:0;}

/*Style for Ask Jamie (VA)*/
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) {
  /* .mid .search-cnt .search { padding: 24px 5%; } */
  /* .mid .search-cnt .search h2 { padding-right: 34px; } */
  /* .mid .search-cnt .search span > input, */
  /* .mid .search-cnt .search input#srcHome { 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 .search button.btnSearch { right: calc(5% + 5% + 17px); font-size: 7px; width: 20px; height: 20px; } */
  /* .mid .search-cnt .search button.btnSearch:before { width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; } */
  /* .mid .search-cnt .search button.btnSearch:after { right: 6px; bottom: 2px; border-radius: 4px; width: 2px; height: 8px; } */
  /* .mid .search-cnt.animate .search { padding: 10px 5% 14px; } */
  /* .mid .search-cnt.animate .search input#srcHome { padding: 8px 17px 9px; } */

  /*Style built-in search box*/
  /* .mid .search-cnt .homeSearchBox { position: relative; margin: 0 auto; width: 70%; 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: 93%; 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: 6px; 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; } */


/*Style bloodhound box*/
/* .mid .search-cnt .bloodHoundSearchBox {position: relative; margin: 0 auto; 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: 200%; 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: 93%; 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:182% !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: 82vh; height: calc(100vh - 114.5px - 104px); min-height: 300px; max-height: 800px; } */
  /* .mid .banner-cnt .mid-cnt { padding: 0 7px; } */
  /* .mid .banner-cnt .overlay { height: 175px !important; } */
  /* .mid .banner-cnt .bnt-control-wrap { padding: 0 10px; } */
  /* .mid .banner-cnt .bnt-control-wrap h3 { margin: 8px 0 8px; } */
  /* .mid .banner-cnt .bnr-control .control-item a { padding: 30px 47px 27px; border-bottom: 4px solid transparent; } */
  /* .mid .banner-cnt .bnr-control .control-item:hover a { border-bottom: 4px solid #0072ca; } */
  /* .mid .banner-cnt .bnr-control .control-item span { margin: 7px 0 10px; } */
  /* .mid .banner-cnt .bnr-control button.slick-arrow { background-size: 17px; height: 34px; width: 18px; top: calc(50% - 17px); } */
  /* .mid .banner-cnt .bnr-control a { padding: 30px 47px 27px; border-bottom: 4px solid transparent; } */
  /* .mid .banner-cnt .bnr-control a:hover { border-bottom: 4px solid transparent; border-bottom: 4px solid #0072ca; } */

  /* .news-feed-cnt { padding-top: 34px; } */
  /* .news-feed-cnt .news-head { 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 { padding: 0 1.5% 13px; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag { margin: 0px 0px 7px 7px; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag a { padding: 4px 14px; } */
  /* .news-feed-cnt .news-feed .feed-item img + span.feed-wrap { margin-top: 14px; margin-left: -7px; margin-right: 3px; } */
  /* .news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 8px 0 14px; padding-right: 27px; } */
}

/* @media (-webkit-min-device-pixel-ratio: 2) { */
  /* .mid .search-cnt .search { padding: 18px 5%; } */
  /* .mid .search-cnt .search h2 { padding-right: 25px; } */
  /* .mid .search-cnt .search span > input, */
  /* .mid .search-cnt .search input#srcHome { padding: 10px 13px; border-radius: 25px; -webkit-box-shadow: -3px 3px 5px 1px #cfcfcf; -moz-box-shadow: -3px 3px 5px 1px #cfcfcf; box-shadow: -3px 3px 5px 1px #cfcfcf; } */
  /* .mid .search-cnt .search button.btnSearch { right: calc(5% + 5% + 13px); font-size: 5px; width: 15px; height: 15px; } */
  /* .mid .search-cnt .search button.btnSearch:before { width: 8px; height: 8px; border: 2px solid #0072ca; border-radius: 13px; } */
  /* .mid .search-cnt .search button.btnSearch:after { right: 2px; bottom: 0px; border-radius: 3px; width: 2px; height: 6px; } */
  /* .mid .search-cnt.animate .search { padding: 8px 5% 10px; } */
  /* .mid .search-cnt.animate .search input#srcHome { padding: 6px 13px 8px; } */

  /* .mid .banner-cnt { min-height: 225px; height: 58vh; height: calc(100vh - 107px); } */
  /* .mid .banner-cnt .mid-cnt { padding: 0 7px; } */
  /* .mid .banner-cnt .overlay { height: 125px !important } */
  /* .mid .banner-cnt .bnt-control-wrap { padding: 0 8px; } */
  /* .mid .banner-cnt .bnt-control-wrap h3 { margin: 6px 0 6px; } */
  /* .mid .banner-cnt .bnr-control .control-item a { padding: 23px 35px 20px; border-bottom: 3px solid transparent; } */
  /* .mid .banner-cnt .bnr-control .control-item:hover a { border-bottom: 3px solid #0072ca; } */
  /* .mid .banner-cnt .bnr-control .control-item span { margin: 5px 0 8px; } */
  /* .mid .banner-cnt .bnr-control button.slick-arrow { background-size: 13px; height: 25px; width: 14px; top: calc(50% - 13px); } */
  /* .mid .banner-cnt .bnr-control a { padding: 23px 35px 20px; border-bottom: 3px solid transparent; } */
  /* .mid .banner-cnt .bnr-control a:hover { border-bottom: 3px solid transparent; border-bottom: 3px solid #0072ca; } */

  /* .news-feed-cnt { padding-top: 25px; } */
  /* .news-feed-cnt .news-head { padding-bottom: 13px } */
  /* .news-feed-cnt .news-head h2 { padding-top: 3px; margin-bottom: 3px; } */
  /* .news-feed-cnt .news-head a.view-more { padding-right: 13px; margin: 3px 0 0; background-size: 9px; } */
  /* .news-feed-cnt .news-feed .feed-row { padding: 0 0 8px; margin-top: 8px; } */
  /* .news-feed-cnt .news-feed .feed-item { padding: 0 1.5% 15px; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag { margin: 0px 0px 5px 5px; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag a { padding: 3px 10px; } */
  /* .news-feed-cnt .news-feed .feed-item img + span.feed-wrap { margin-top: 10px; margin-left: -5px; margin-right: 2px; } */
  /* .news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 18px 0 10px; padding-right: 20px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 2.5) { */
  /* .mid .search-cnt .search { padding: 15px 5%; } */
  /* .mid .search-cnt .search h2 { padding-right: 20px; } */
  /* .mid .search-cnt .search span > input, */
  /* .mid .search-cnt .search input#srcHome { padding: 8px 10px; border-radius: 20px; -webkit-box-shadow: -3px 3px 4px 1px #cfcfcf; -moz-box-shadow: -3px 3px 4px 1px #cfcfcf; box-shadow: -3px 3px 4px 1px #cfcfcf; } */
  /* .mid .search-cnt .search button.btnSearch { right: calc(5% + 5% + 11px); font-size: 4px; width: 12px; height: 12px; } */
  /* .mid .search-cnt .search button.btnSearch:before { width: 6px; height: 6px; border: 2px solid #0072ca; border-radius: 11px; } */
  /* .mid .search-cnt .search button.btnSearch:after { right: 2px; bottom: 0px; border-radius: 3px; width: 2px; height: 5px; } */
  /* .mid .search-cnt.animate .search { padding: 7px 5% 8px; } */
  /* .mid .search-cnt.animate .search input#srcHome { padding: 5px 11px 7px; } */

  /* .mid .banner-cnt { min-height: 180px; height: 58vh; height: calc(100vh - 108px - 96.5px); } */
  /* .mid .banner-cnt .mid-cnt { padding: 0 6px; } */
  /* .mid .banner-cnt .overlay { height: 125px !important } */
  /* .mid .banner-cnt .bnt-control-wrap { padding: 0 7px; } */
  /* .mid .banner-cnt .bnt-control-wrap h3 { margin: 5px 0 5px; } */
  /* .mid .banner-cnt .bnr-control .control-item a { padding: 18px 28px 16px; border-bottom: 3px solid transparent; } */
  /* .mid .banner-cnt .bnr-control .control-item:hover a { border-bottom: 3px solid #0072ca; } */
  /* .mid .banner-cnt .bnr-control .control-item span { margin: 4px 0 6px; } */
  /* .mid .banner-cnt .bnr-control button.slick-arrow { background-size: 11px; height: 20px; width: 12px; top: calc(50% - 11px); } */
  /* .mid .banner-cnt .bnr-control a { padding: 18px 28px 16px; border-bottom: 2px solid transparent; } */
  /* .mid .banner-cnt .bnr-control a:hover { border-bottom: 2px solid transparent; border-bottom: 2px solid #0072ca; } */

  /* .news-feed-cnt { padding-top: 20px; } */
  /* .news-feed-cnt .news-head { padding-bottom: 10px } */
  /* .news-feed-cnt .news-head h2 { padding-top: 3px; margin-bottom: 3px; } */
  /* .news-feed-cnt .news-head a.view-more { padding-right: 11px; margin: 3px 0 0; background-size: 7px; } */
  /* .news-feed-cnt .news-feed .feed-row { padding: 0 0 6px; margin-top: 6px; } */
  /* .news-feed-cnt .news-feed .feed-item { padding: 0 1.5% 12px; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag { margin: 0px 0px 4px 4px; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag a { padding: 3px 8px; } */
  /* .news-feed-cnt .news-feed .feed-item img + span.feed-wrap { margin-top: 8px; margin-left: -4px; margin-right: 2px; } */
  /* .news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 15px 0 8px; padding-right: 16px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 3) { */
/* } */

/*screen bigger than 3600*/
@media screen and (min-width: 3200px) {
}


/*screen up till 1440*/
@media screen and (max-width: 1440px) {
  .mid .banner-cnt { height: 63.5vh; height: calc(100vh - 115px - 104px); }
  .mid .banner-cnt .bnr-control button.slick-arrow.slick-prev { left: 15px; }
  .mid .banner-cnt .bnr-control button.slick-arrow.slick-next { right: 15px; }
  /*for scaling 110% and above*/
  /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .mid .banner-cnt .bnr-control button.slick-arrow.slick-prev { left: 10px; } */
    /* .mid .banner-cnt .bnr-control button.slick-arrow.slick-next { right: 10px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .mid .banner-cnt .bnr-control button.slick-arrow.slick-prev { left: 8px; } */
    /* .mid .banner-cnt .bnr-control button.slick-arrow.slick-next { right: 8px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .mid .banner-cnt .bnr-control button.slick-arrow.slick-prev { left: 6px; } */
    /* .mid .banner-cnt .bnr-control button.slick-arrow.slick-next { right: 6px; } */
  /* } */
}

/*screen up till 1366*/
@media screen and (max-width: 1366px) {
  .mid .banner-cnt .bnr-control .control-item a { padding: 45px 60px 40px; }
}

/*screen up till 1280*/
@media screen and (max-width: 1280px) {
  .mid .banner-cnt .bnr-control .control-item a { padding: 45px 45px 40px; }
}

/*screen up till 1152*/
@media screen and (max-width: 1152px) {
  .mid .search-cnt .search form { padding-right: 0%; }
  .mid .search-cnt .search button.btnSearch { right: 10%; right: calc(5% + 50px); }
  .mid .banner-cnt .bnr-control .control-item a { padding: 45px 30px 40px; }
}


/*screen up till 1024*/
@media screen and (max-width: 1024px) {
  .news-feed-cnt .news-feed .feed-row { display: inline; border-bottom: 0; }
  .news-feed-cnt .news-feed .feed-item { width: 48.5%; width: calc((100% - 3%) / 2); padding: 15px 1.5% 15px; margin-bottom: 0px; border-left: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; }
  .news-feed-cnt .news-feed .feed-row:nth-child(odd) .feed-item:nth-child(2) { padding: 15px 0 15px 1.5%; }
  .news-feed-cnt .news-feed .feed-row:nth-child(odd) .feed-item:nth-child(3) { padding: 15px 1.5% 15px 0; border-left: 0; }
  .news-feed-cnt .news-feed .feed-row:nth-child(even) .feed-item:nth-child(1) { padding: 15px 0 15px 1.5%; border-left: 2px solid #f2f2f2; }
  .news-feed-cnt .news-feed .feed-row:nth-child(even) .feed-item:nth-child(2) { padding: 15px 1.5% 15px 0; border-left: 0; }
  .news-feed-cnt .news-feed .feed-row:nth-child(even) .feed-item:nth-child(3) { padding: 15px 0 15px 1.5%; }
  .news-feed-cnt .news-feed .feed-row:first-child .feed-item:nth-child(-n+2) { padding-top: 0; }
  .news-feed-cnt .news-feed .feed-row:last-child .feed-item:last-child { border-bottom: 0; }
  .mid .banner-cnt .bnr-control .control-item a { padding: 45px 20px 40px; }
}

/*screen up till 960*/
@media screen and (max-width: 960px) {
  .mid .search-cnt .search { display: block; padding: 25px 5% 35px; }
  .mid .search-cnt .search > * { display: block; }
  .mid .search-cnt .search h2 { padding-right: 0; text-align: center; margin-bottom: 15px; }
  .mid .search-cnt .search form { margin: auto; position: relative; width: 80%; }
  .mid .search-cnt .search button.btnSearch { right: 7.5%; top: 15px; transform: none; }
  .mid .banner-cnt .bnr-control .control-item img { width: 100px; }
  .mid .banner-cnt .overlay { height: 200px !important; }
  .mid .search-cnt.animate .search { padding: 5px 5% 20px; }
  .mid .search-cnt.animate .search h2 { margin-bottom: 5px; }
  .mid .banner-cnt .bnr-control button.slick-arrow.slick-prev { left: 5px; }
  .mid .banner-cnt .bnr-control button.slick-arrow.slick-next { right: 5px; }
}

/*screen up till 854*/
@media screen and (max-width: 854px) {
  .mid .banner-cnt .bnr-control { padding: 0 5%; }
}
