﻿html.touch *:hover {
    pointer-events: none !important;
}


.main_content .container  { padding-left: 15px;}
.main_content .container  { padding-bottom: 35px;}
.main_content .container  { padding-top: 35px;}

/* footer */
	.top-footer-cn .col-left { width: 100%;}
	.top-footer-cn .col-right {width: 100%;}
	footer .bottom-footer-cn .bottom-menu ul li { margin-bottom: 10px;}
.cont1450 { width: 95%;}

footer .bottom-footer-cn {padding: 25px 20px;}
	.top-footer-cn .col-left { font-size:23px;margin-bottom: 10px;}
	.top-footer-cn .col-right .holiday-date .icn { width: 31px; height: 29px; display:block; float:left;} 
	.top-footer-cn .col-right .holiday-date .txt { margin-left: 50px; display: block; }
	.top-footer-cn .col-right .holiday-date .txt .t2 { font-size:21px}
	footer .bottom-footer-cn .bottom-menu,footer .bottom-footer-cn .copyright,footer .top-footer-cn .col-left,footer .top-footer-cn .col-right {width:100%;text-align: left;}
	footer .bottom-footer-cn .copyright { margin-top:10px}


.top-footer-cn { background:#efefef; padding:30px 0; width:100%; float:left}
.con1500 { margin:0 auto; width:100%; max-width: 1500px; padding:0;}
.top-footer-cn .col-left { color:#BABABA; font-size:45px; font-weight:100; float:left; width: 50%;}
.top-footer-cn .col-right { float:left; width: 50%; text-align: right}
.top-footer-cn .col-right .holiday-date .icn { width:50px; height:47px; display:inline-block; background: url(../images/svg/icn-holiday-date.svg) no-repeat; background-size: cover;}
.top-footer-cn .col-right .holiday-date .txt { position: relative; margin-left: 10px; display:inline-block; vertical-align: bottom; text-align: left;}
.top-footer-cn .col-right .holiday-date .txt .t1 { color:#465159; font-size: 20px; font-weight: 300}
.top-footer-cn .col-right .holiday-date .txt .t2 { color:#02AFEF; font-size: 31px; font-weight: 100}

footer { width:100%; background: #F4F4F4;float:left}
.top-footer-cn { background: #efefef; padding:30px 0; width:100%; float:left}
.top-footer-cn .col-left { color:#BABABA; font-size:45px; font-weight:300; float:left; width: 50%;}
.top-footer-cn .col-right { float:left; width: 50%; text-align: right}
.top-footer-cn .col-right .tit { color:#5E5B65; font-size:15px; font-weight:700; margin-bottom: 15px}
.top-footer-cn .col-right .holiday-date .icn { width:50px; height:47px; display:inline-block; background: url(../images/svg/icn-holiday-date.svg) no-repeat; background-size: cover;}
.top-footer-cn .col-right .holiday-date .txt { position: relative; margin-left: 10px; display:inline-block; vertical-align: bottom; text-align: left;}
.top-footer-cn .col-right .holiday-date .txt .t1 { color:#465159; font-size: 20px; font-weight: 700}
.top-footer-cn .col-right .holiday-date .txt .t2 { color:#02AFEF; font-size: 31px; font-weight: 300}
footer .bottom-footer-cn {  padding:25px 40px; width:100%;float:left}
footer .bottom-footer-cn .bottom-menu { float:left; width: 50%;}
footer .bottom-footer-cn .bottom-menu ul li { float:left; font-size:13px; margin-right: 20px}
footer .bottom-footer-cn .bottom-menu ul li a { color:#333;}
footer .bottom-footer-cn .bottom-menu ul li a:hover {  color:#02AFEF;}
footer .bottom-footer-cn .copyright { float:left; width: 50%; text-align: right;font-size:13px; color:#333;  }
footer .bottom-footer-cn .copyright a {color:#333; }
footer .bottom-footer-cn .copyright a:hover {color:#02AFEF; }

.home-main-news-box .more { width:100%;padding:0 20px; }
		.home-main-news-box .more a {  color:#02AFEF; position: relative; font-weight: 500}
        .home-main-news-box .more a:after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
		.home-main-news-box .more a:hover { color:#000;}



.more {
	font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    margin-top: 40px;
	text-align:right;
}
/* .main-event-box .event-container .more { width:100%; padding-top:30px;}
   .main-event-box .event-container .more a {  color:#02AFEF; position: relative; font-weight: 500; }
   .main-event-box .event-container .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
   .main-event-box .event-container .more a:hover { color:#000;}*/

.content__event_result.content-calendar .calendar_icn{width: 50px;height: 50px;background:url('../images/calendar.svg')center center no-repeat;background-size: 100%; display: inline-block;vertical-align: middle;}
.top-container { float:left; width:100%; height:40px; background:#efefef; margin-top:-20px;}
    /*Language Selection*/
	.language-select { width: 52px; height:40px;}
    /* Increase Font */
	.font-increase-utility {float: right; padding:12px 15px;border-left:1px solid #E5E5E5 }
	.font-increase-utility button { -webkit-appearance:none; background: none; border:0; border-radius: 0; cursor: pointer; padding:0 5px}
	.font-increase-utility .increaseFont { font-size:15px}
	.font-increase-utility .decreaseFont { font-size:12px}

	/* Utility Links */
	ul.header-utility-links { display: block; height: 40px; float: right; border-left:1px solid #E5E5E5}
	ul.header-utility-links li { padding:12px 15px; display: inline-block;border-left:1px solid #E5E5E5}
	ul.header-utility-links li:first-child { border:none}
	ul.header-utility-links li a{ color:#01AEEE!important}
	/* eGov Login */
	.egov-button { display:block; width:184px; height:40px; background:#02AFEF; padding:0 10px 0 20px; float:right;cursor:pointer}
	.egov-button .icon { float:right; width:40px; height:37px;background: url(../images/icn-login.svg) no-repeat; }
	.egov-button .text {position:relative; color:#FFF; font-size:13px; text-transform:uppercase;margin-right:10px; margin-top:12px; display:inline-block}
	.egov-button:hover { background:#1A1E23}
	.egov-button:hover .text {   color: #f9d8ae;}
.my-navbar-button:hover { cursor:pointer;}
.my-navbar-button {  position: absolute;  margin: 0; left:26px; top:11px; z-index:100;}
.mynav-item { display: inline-block; margin-left: 10px; text-transform: uppercase; font-size: 10px;visibility: visible; opacity: 100; transition: all 0.3s ease-out 0s; }
.my-navbar-button:hover #mynav-item {visibility: visible; opacity: 1}



@media only screen and (max-width : 1200px){
    .container { width: 95%;}
    .top_main_menu .container-fluid { padding: 0px;}
    .logo_section h1 a { font-size: 20px;}
}

@media only screen and (max-width : 1200px){
    .container { width: 95%;}
    .banner_content h1 {font-size: 30px;}
	.top-footer-cn .col-left {width: 35%;}
	.top-footer-cn .col-right {width: 65%;}

}
@media only screen and (max-width : 1024px) {
    .highlights_section h2 { font-size: 24px;}
    .egov-button{width:130px!important}

    .latest_promotions_section h2 { font-size: 24px;}
	.latest_promotions_section h3 { font-size: 18px;}
    /*.banner_content {padding: 12% 0px 0%;}*/
    .logo_section h1 a {font-size: 13px;}
    .logo_section::before {left: -27px;position: absolute;right: 40px;}
    #myNavbar { margin-left: 0px;}
    .top_main_menu .navbar-nav > li > a {padding: 0px 6px; font-size: 13px;}
    .text_slider {position: relative;top: 0px;}
    .banner_content h1 {font-size: 25px;}
  
	
}
}
@media only screen and (max-width : 767px){
    .top_main_menu .navbar-toggle { background-color: #1b2455; border: 1px solid #fff;position: absolute;right: 0;z-index:999;/*top: -85px;right:296px;--COMMENTED BY HEMA*/}
    .egov-button{width:130px!important}
    .top_main_menu .navbar-collapse { background-color: #003b5c;position: absolute;width: 100%;z-index: 3;margin-left: 1px;border-top: 0px;}
    .top_main_menu .navbar-inverse .navbar-collapse, .header_right .navbar-inverse .navbar-form {border-color: #eaeaea;   }
    header {overflow: inherit;}
    .logo_section::before {background-color: transparent;content: "";height: 100%;left: -999em;position: absolute;right: -1px;top: -2px;transform: skewX(0deg);z-index: -1;}
    .logo_section { background-color: #01a1d9; padding: 0 5%;}
    .container { width: 100%;}
    .top_main_menu::after { background-color: transparent;}
    .top_main_menu .navbar-nav { padding: 0px 0px 0px;margin-left: 10px;}
    .top_main_menu .navbar-nav > li > a { line-height: 30px;}
    .highlights_content1 { padding-left: 0px; padding-right: 0px;margin-bottom: 30px;}
    .latest_promotions_section { margin-top: 30px;margin-bottom: 30px;}
    .expert_section { padding-right: 15px; margin-top: 20px; margin-bottom: 20px;}
    section.banner_img { position: relative;top: 52px;}
    .banner_content {;padding: 20% 0px 28%;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { padding: 0px;}
    .top_main_menu::after {left: -65px;}
    .text_slider {position: relative;top: 10px;}
    .main_content .container  { padding-left: 15px;}
    
	
    .text_slider .container {padding: 0px 15px;}
    .links_section .no-padding-left { padding-left: 15px;} 
    .links_section { padding-left: 0px;}
    .quicklinks.no-padding-right { padding-right: 15px; padding-left: 0px;}
    .subpage_header .container { padding: 0px 15px;}
    
    
}
@media only screen and (max-width : 670px){ 
    .search_box_main .inputgroup_search_btn {padding: 13px 25px;}
     .egov-button{width:130px}

    .search_box_main .input-group input {height: 50px; }
    .banner_content h1 {font-size: 30px;width: 100%;}
    /*.banner_content { padding-top: 0px;}*/
    
    .my-navbar-button{display:none;}
    .font-increase-utility{background-color:white}
    .font-increase-utility{background-color: white;display: block;height: 39px;float: right;}
    .header-utility-links{background-color: white!important; display: block; height: 39px!important;float: right;}
    #fh5co-logo{padding-top:0px!important;}


}

@media only screen and (max-width : 510px){ 
    .banner_content h1 {font-size: 13px;}
        .egov-button{width:130px}
	
	.sticky{
	background:none;
}
    .search_box_main .input-group input {height: 41px;}
    .search_box_main .inputgroup_search_btn { padding: 10px 10px;}
    .search_box_main .inputgroup_search_btn a {font-size: 12px;}
    .text_slider_main h4 {font-size: 13px;}
    .custome_width { width: 100%; margin-left: 0px;}
    section.banner_img {min-height: 343px;}
    
    
    
     .my-navbar-button{display:none;}
     .font-increase-utility{display:none!important;}

    .font-increase-utility{background-color:white}
	.font-increase-utility{background-color: white;display: block;height: 39px;float: right;}
	.header-utility-links{background-color: white!important; display: block;height: 39px!important;float: right;}
	#fh5co-logo{padding-top:0px!important;}


}

@media  (min-width: 768px) {
    div.col-sm-7.five-three {
    width: 60% !important;
    }

    div.col-sm-5.five-two {
    width: 40% !important;
    }
    
    
}

@media screen and (min-width: 0) and (max-width:479px) {
	.top-footer-cn .col-left { width: 100%;}
	.top-footer-cn .col-right {width: 100%;}
	footer .bottom-footer-cn .bottom-menu ul li { margin-bottom: 10px;}

	.cont1450 { width: 95%;}
	
	.my-navbar-button{display:none;}
	.font-increase-utility{background-color:white}
	.font-increase-utility{background-color: white;display: block;height: 39px;float: right;}
	.header-utility-links{background-color: white!important; display: block;height: 39px!important;float: right;width: 123px!important; padding-left: 10px;}
	#fh5co-logo{padding-top:0px!important;}

}
