.grayBg{background:#eaf0f4;}
.padding35{padding:35px 0;}
.left_panel{float:left; width:78%; padding-right:40px;}
.left_panel .grid_1{float:left; width:80px; overflow:hidden; }
.left_panel .grid_1 ul{width:62px;background:#fff; border-radius:3px;}
.left_panel .grid_1 li{text-align:center; border-bottom:1px solid #ebebeb;}
.left_panel .grid_1 li a{color:#5d5c5c; font-size:18px; font-weight:bold; padding:7px 0; display:block;}
.left_panel .grid_1 li a:hover, .left_panel .grid_1 li a.active{color:#fff; background:#1dadb0;}
.left_panel .grid_2{ float:right; position:relative; border-radius:0 3px 3px 3px; padding-left:92px; width:90%; }
.left_panel .grid_2 .content_box{padding:15px 25px; background:#fff;}
.left_panel .grid_2 .char{background:#1dadb0; color:#fff; font-size:60px; width:92px; height:92px; line-height:92px; border-radius:3px 0 0 3px; text-align:center;  position:absolute; top:0px; left:0;}
.left_panel .grid_2 .heading{display:inline-block; vertical-align:top; width:100%;  font-size:30px; color:#3c4445; font-weight:bold; padding-bottom:10px;}
.left_panel .grid_2 .heading .imgbox{float:left; margin-right:15px;}
.left_panel .grid_2 .social_media_icons img{display:inline-block; max-width:100%;}
.left_panel .grid_2 .middle{padding-top:20px;}
.left_panel .grid_2 .middle h3{font-size:18px; color:#5d5c5c; font-weight:bold; padding-bottom:5px;}
.left_panel .grid_2 .middle p{font-size:17px; line-height:27px; color:#5d5c5c; font-weight:300; padding-bottom:15px;}
.blueBg{background:#0c59a8;}
.left_panel .grid_2 .middle p strong{font-weight:bold;}
.left_panel .grid_2 .middle .small_banner{margin-bottom:10px;}
.left_panel .grid_2 .middle .small_banner img{max-width:100%;}
.light-blue{color:#0098db;}
.right_panel{float:right; width:22%;}
.searchBox{background:#0098db; border-radius:3px;  padding:30px 40px;}
.field_control{display:inline-block; vertical-align:top; width:100%; border-bottom:1px solid #cceaf8; padding:0 0 5px 0; position:relative; text-align:left; margin:0 0 20px 0;}
.field_control:after{ position: absolute; z-index: 3; bottom: 0;  left: 0;  height: 2px;  width: 0;  content: "";  -webkit-transition: all;  -o-transition: all;  transition: all;  -webkit-transition-duration: 300ms;  transition-duration: 300ms;}
.field_control.active:after{  background: #fff; width: 100%;}
.field_control input[type="submit"]{ background:url(../../img2/searchBtn.png) no-repeat center center; border:none;  position:absolute; left:0px; width:28px; height: 20px; bottom:4px; cursor:pointer;}
.field_control input[type="text"],.field_control input[type="search"]{border:none; background:none; width:100%; padding:3px 5px 0px 35px; font-size:15px; color:#fff; }

.field_label{position: absolute;top: 5px; left: 30px; font-weight: 400;pointer-events: none;z-index:1;white-space: nowrap;color:rgba(255,255,255, 0.6); font-style:italic;
 -ms-transition: all 200ms ease 0s; /* IE 9 */
  -webkit-transition:all 200ms ease 0s; /* Chrome, Safari, Opera */
  transition: all 200ms ease 0s; font-size:15px;}

.field_control.active .field_label{top:-12px;font-size: 14px; left:35px;}
.field_control .select-wrap{position:relative;}
.field_control .select-wrap:after{position:absolute; border:6px solid transparent; border-top-color:#fff; content:""; right:2px; top:12px;}
.field_control .select-wrap select{-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none; appearance:none; background:none; border:none; color:rgba(255,255,255, 0.6); width:100%; font-size:15px; font-family:"Open Sans" !important;font-style:italic;}

.field_control .select-wrap select::-ms-expand {
    display: none;
}
.field_control .select-wrap select option{font-size:15px; background:#fff; padding:0px 10px; border:none; outline:none; }
.right_panel .listbox{padding-top:30px;}
.right_panel .listbox h3{ font-size:16px; color:#464646; font-weight:bold; position:relative; padding:10px 0;}
.right_panel .listbox h3:before{height:1px;  width:32px; background:#7e8082; position:absolute; content:""; left:0; top:0px;}
.right_panel .popular-list li{color:#96999f; font-size:15px; padding-bottom:5px;}
.right_panel .popular-list a{color:#96999f;}
.right_panel .popular-list a:hover{color:#000;}
.btn_wrap a{  display:inline-block; background:#fff;  vertical-align:top; font-size:15px; color:#96999f;  padding:7px 15px; border-radius:2px; margin:0  7px 10px 0;} 
.btn_wrap a:hover{background:#0098db; color:#fff;}


/*---scroll style ---*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCustomScrollBox {direction: ltr;height: 100%;max-width:100%; outline: medium none;overflow: hidden;position: relative;}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {transition: opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;}
/*----button--*/

.mCSB_scrollTools {bottom: 0;height: auto;left: auto;position: absolute;right: 0;top: 0;width: 16px;}
.mCSB_scrollTools .mCSB_draggerContainer {bottom: 0;height: auto;left: 0;position: absolute;right: 0;top: 0;}
/*---]--*/
.mCSB_scrollTools .mCSB_dragger {cursor: pointer;height: 30px;width: 100%;z-index: 1;}
.mCSB_scrollTools .mCSB_draggerRail {border-radius: 10px;height: 100%;margin: 0 auto;width: 9px; background:#dfe5e9; border:1px solid #dae0e4;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius: 16px;height: 100%;margin: 0 auto;position: relative;text-align: center;width: 9px; background-color:#bec4c8; border-radius:10px;}

/*-- media query--*/
@media (min-width:1001px) and (max-width:1100px) {
	.padding35{padding:25px 0;}
	.left_panel{padding-right:25px;}
	.left_panel .grid_2{width:88%;padding-left:70px;}
	.left_panel .grid_2 .char{height:70px; width:70px; line-height:70px; font-size:45px;}
	.searchBox{padding:15px 20px;}
	
}

@media (min-width:768px) and (max-width:1000px) {
	.left_panel{width:100%; padding:15px 0;}
.right_panel{width:100%;}
.padding35{padding:10px 0;}
	.left_panel .grid_2{width:88%;padding-left:70px;}
.left_panel .grid_2 .char{height:70px; width:70px; line-height:70px; font-size:45px;}
.searchBox{padding:15px 25px;}
.right_panel .listbox{width:50%; float:left; border-top:1px solid #dfe5e9 ; padding-top:20px;}
.right_panel .popular-list li{width:50%; float:left; }
.right_panel .popular-list li a{border-bottom:1px solid #dfe5e9; margin-right:10px; display:block; padding:5px;}
}
@media (max-width:767px) {
.left_panel{width:100%; padding:10px 0;}
.right_panel{width:100%;}
.padding35{padding:10px 0;}
.left_panel .grid_2{width:100%; padding-left:50px}
.left_panel .grid_2 .char{height:50px; width:50px; line-height:50px; font-size:27px;}
.left_panel .grid_2 .content_box{padding:15px;}
.left_panel .grid_2 .heading{font-size:24px; font-weight:600;}
.left_panel .grid_2 .middle{padding-top:10px;}
.left_panel .grid_2 .middle p{font-size:15px; line-height:25px;}
.searchBox{padding:10px 20px;}

.mCSB_scrollTools{display:none !important;}
.left_panel .grid_1{width:100%;  height:auto !important;}
.left_panel .grid_1 ul{width:100%; overflow:auto; margin-bottom:10px;}
.left_panel .grid_1 ul li{display:table-cell; white-space:nowrap;}
.left_panel .grid_1 ul li a{padding:7px 15px; font-weight:600;}
.right_panel .listbox{display:inline-block; vertical-align:top;padding-top:15px; width:100%;}
.right_panel .popular-list li{width:50%; float:left; }
.right_panel .popular-list li a{border-bottom:1px solid #dfe5e9; margin-right:10px; display:block; padding:5px;}	
}
@media (min-width:480px) and (max-width:767px) {

}