﻿/*SharePoint CSS*/

#s4-titlerow{display:none!important}

/*#s4-ribbonrow { display: none;}*/

#sideNavBox{display:none!important}

#contentBox{margin-right:0px!important;margin-left:0px!important;min-width:0px!important;}
#contentRow{padding:0px!important;}

.ms-webpart-zone{display: block!important;}
.ms-webpart-cell-vertical {display: block!important;}
.ms-webpart-chrome-vertical {display: block!important;}

#WebPartWPQ2{display: block!important;}

#suiteBarDelta{z-index: 9999;position: relative;}


/*Added by Hema for dropdown on Homepage */
.egov-link
{
  position: relative;
  display: inline-block;
  float:right;
}
.dropdown-content
{
    display: none;
    position: absolute;
    background-color: #02AFEF;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 40px;
    color:#ffffff; 
    
}
.dropdown-content p:hover { background:#1A1E23; color: #f9d8ae!important; border-bottom: thin #f9d8ae solid!important;}}
.dropdown-content a:hover { color: #f9d8ae!important;}
 
.dropdown-content p
{
    border-bottom: thin navy solid;
    min-width: 200px;
    padding: 12px 16px;
}
.dropdown-content a
{
	color:white
}
.dropdown-content a:visited
{
	text-decoration:none
}

/*.egov-link:hover .dropdown-content
{
  display: block;
}

.egov-button:hover  .dropdown-content

{
  display: block;
}*/

.appeardrp:hover .dropdown-content
{
  display: block;
}

.appeardrp:hover  .dropdown-content

{
  display: block;
}



/*End of SharePoint CSS*/

@font-face {
     font-family: 'helveticaneueregular';
     src: url('/SiteAssets/MofedStyles/fonts/helveticaneue/helveticaneue-webfont.woff2') format('woff2'), url('/SiteAssets/MofedStyles/fonts/helveticaneue/helveticaneue-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'helveticaneuebold';
     src: url('/SiteAssets/MofedStyles/fonts/neuebold/helvetica_neu_bold-webfont.woff2') format('woff2'), url('/SiteAssets/MofedStyles/fonts/neuebold/helvetica_neu_bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 * {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 html {
     font-size: 0.7em;
}
 body {
     color: #696969;
     font-size: 14px;
}
/* Global Rules */
 .container {
     max-width: 1260px;
     width: 100%;
}
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
     font-weight: 400;
}
 ul, li {
     margin: 0;
     padding: 0;
}
 li {
     list-style-type: none;
}
 .nopadding {
     padding: 0px;
}
 header {
     /*padding: 20px 0px;*/
     border-bottom: 2px solid #b2b4b6;
     width:100%; /*position:fixed;*/z-index: 30;
     /*background-color:white; */
}
 .main_menu .navbar-default {
     background-color: transparent;
     border: none;
     margin-bottom: 0px;
     padding: 34px 0px;
}
 .navbar-default .navbar-nav li a {
     font-family: 'helveticaneueregular';
     font-size: 17px;
     font-weight: bold;
     letter-spacing: 2px;
     color: #231f20;
}
 .banner {
     background-color: #e8e8e9;
     width: 100%;
     display: inline-block;
     margin-top: 1px;
     padding: 45px 0px;
     overflow: hidden;
}
/* .banner .news img {
     width: 100%;
}
*/
 .banner_right {
     padding-right: 0px;
}
 .video_section {
     display: inline-block;
     margin-bottom: 20px;
}
 video {
     width: 100%;
}
 .main_menu {
     display: inline-block;
}
 .search_bar {
     width: 220px;
     display: inline-block;
     position: relative;
     top: -42px;
}
 input[type=text] {
     padding: 9px 20px;
     font-size: 1.1em;
     border-radius: 30px;
     border: 2px solid #1cacd8;
     float: left;
     height: 40px;
     width: 100%;
     color: #cecdcd;
     font-family: 'helveticaneueregular';
     font-size: 15px;
     font-weight: bold;
     letter-spacing: 2px;
     background: #fff;
}
 /*button {
     float: right;
     padding: 9px;
     background: #1cacd8;
     color: #fff;
    /* font-size: 1.3em;*/
    /* height: 40px;
     border: none;
     position: absolute;
     top: 14px;
     right: 0;
     border-radius: 100%;
     line-height: 20px;
     border-left: none;
     cursor: pointer;
     font-size: 6px;
     margin-top: -14px;
}*/
 .about_info {
     padding: 100px 0px;
}
 h3 {
     color: #232222;
     font-family: 'helveticaneueregular';
     font-size: 22px;
     font-weight: bold;
     letter-spacing: 2px;
     min-height: 60px;
     margin: 35px 0px 0px;
}
 p {
     color: #1b1a1a;
     font-size: 15px;
     font-weight: bold;
     font-family: sans-serif;
     width: 100%;
     padding: 0 15%;
     /*min-height: 80px;*/
}
 .section_info {
     text-align: center;
}
 .section_info a {
     border: 1px solid #1cacd8;
     padding: 5px 10px;
     border-radius: 5px;
     color: #1cacd8;
     font-size: 14px;
     font-weight: bold;
     font-family: sans-serif;
}
 .section_info a:hover {
     background-color: #1cacd8;
     color: #fff;
     text-decoration: none;
}
 .budget_corner_main {
     display: flex;
}
 .budget_corner_section {
     width: 100%;
     background-color: #f3f3f3;
     display: inline-block;
     padding: 50px 0px;
}
 .budget_corner_section h1 {
     text-align: center;
     font-family: 'helveticaneuebold';
     color: #1a6aba;
     margin-bottom: 20px;
     font-size: 45px;
}
 .budget_corner_section h1 span {
     color: #47525a;
}
 .budget_corne {
     padding-right: 0px;
}
 .budget_corne .budget_folder {
     background-color: #fff;
     width: 100%;
     height: 412px;
     display: inline-block;
}
 .budget_corne .budget_folder img {
     width: auto;
     margin-bottom: 20px;
     text-align: center;
}
 .budget_folder {
     text-align: center;
}
 .budget_folder p {
     color: #1cacd8;
     font-size: 15px;
     line-height: 20px;
     margin-bottom: 20px;
}
 .budget_folder a{
     background-color: #fff;
     border: 1px solid #1cacd8;
     padding: 5px 10px;
     border-radius: 5px;
     color: #1cacd8;
     font-size: 14px;
     font-weight: bold;
     display: inline-block;
     margin: 10px 0px 15px;
     font-family: sans-serif;
}
 .budget_folder a:hover {
     background-color: #1cacd8;
     color: #fff;
     text-decoration: none;
}
 .budget_corne img {
     width: 100%;
     text-align: center;
}
 .budget_corne h2 {
     text-align: center;
     padding: 20px 40px;
     font-size: 28px;
     color: #204c75;
     width: 100%;
     font-family: 'helveticaneuebold';
     min-height: 132px;
     display: inline-block;
}
 .budget_corne h2 span {
     width: 100%;
     display: inline-block;
     font-family: 'helveticaneuebold';
}
 .budget_corne h3 {
     font-size: 28px;
     color: #7c7d7e;
     width: 100%;
     font-family: 'helveticaneuebold';
     text-align: center;
     padding: 20px 0;
     margin: 0;
     font-weight: normal;
}
 .budget_speech {
     background-color: #fff;
}
 .budget_document {
     background-color: #fff;
}
 .budget_discussion {
     background-color: #fff;
}
 .finance_act {
     background-color: #fff;
}
 .policy_info {
     padding: 100px 0px;
}
/* .policy_main h1 {
     color: #000;
}
 .policy_main:hover h1 {
     color: #f00;
}
 */
 .policy_main {
     padding-right: 0px;
}
 .policy_main_details {
     display: inline-block;
     width: 100%;
     background-color: #dcd8d9;
}
 .text_info1 {
     width: 100%;
     position: relative;
     margin-top: -85px;
     padding: 20px;
}
 .text_info1 h1{
     font-family: 'helveticaneuebold';
     font-size: 30px;
     text-shadow: 2px 2px 3px #000;
     margin-bottom: 10px;
     color: #fff;
}
 .policy_small_info {
     background-color: rgba(255, 255, 255, 0.8);
     padding: 15px;
}
 .policy_small_info p {
     padding: 0px;
     color: #3b3b3b;
     font-size: 11px;
     font-family: sans-serif;
}
 .policy_main_details span {
     display: inline-block;
     width: 100%;
     position: relative;
     overflow: hidden;
}
 .policy_main_details span img {
     width: 100%;
     -webkit-transition: 0.4s ease;
     transition: 0.4s ease;
  }
 .policy_small_info a {
     color: #17b9bb;
     font-size: 15px;
     margin-top: 10px;
     font-family: sans-serif;
     font-weight: normal;
}
 .overly_effect {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     opacity: 0.3;
     transition: .5s ease;
     background-color: #000;
}
 .policy_main:hover {
     cursor: pointer;
}
 .policy_main:hover img {
     -webkit-transform: scale(1.08);
     transform: scale(1.08);
}
 .policy_main:hover .overly_effect{
     opacity: 0;
}
 .policy_main:hover .policy_small_info {
     background-color: #575757;
}
 .policy_main:hover .policy_small_info p {
     color: #fff;
}
 footer {
     background-color: #303030!important;
     padding: 60px 0px;
}
 .footer_content1 {
     float: left;
     padding: 0 0 50px;
}
 .footer_content1 h2 a{
     color: #FFF;
     font-family: "Open Sans",sans-serif;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 30px;
     margin-top: 0;
     text-align: left;
}
 .footer_links {
     list-style: outside none none;
     padding-left: 0;
}
 .footer_links li {
     background-image: url('/SiteAssets/MofedStyles/images/footer_arrow.png');
     background-position: left center;
     background-repeat: no-repeat;
     color: #FFF;
     font-family: "Roboto",sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 35px;
     padding-left: 15px;
}
 .footer_links li a{
    color: #C7C7C7;
     text-decoration: none;
}
 .footer_links li a:hover {
    padding-left: 10px;
    transition: all .50s ease;
}
 .footer_links li.active a {
     padding-left: 10px;
     transition: all .50s ease;
}
 .banner-style {
    position: absolute;
    bottom: 0px;
    background: #0000002e;
    width: 100%;
    padding-top: 10px;
}
 .banner-style .banner-para{
     font-size: 18px;
     min-height: 0px;
     padding: 0 5% !important;
     color: #fff;
}
 .banner-second-para{
     padding: 0 6% !important;
     min-height: auto;
}
 .banner-style .banner-second-para span.news_r{
     background: #51c4c9;
     min-height: 0px;
     color: #fff;
     padding: 1px 12px;
}
 .banner-style .banner-second-para span.news_date{
    font-size: 12px;
    color: #fff;
}
 .banner-style .banner-second-para span.read_more a{
     font-size: 12px;
     margin-left: 12px;
     color: #f53939;
}
 .flext-parent{
     display: flex;
}
 .new_1{
     width: 100%;
     height: 100%;
}
 .div_padding{
     padding-right: 0;
}
 .position-details{
     position: relative;
}
 .padding-leftclass{
     padding-left: 0;
}
 .new_2{
     width: 100%;
}
 .new_3{
     width: 100%;
}
 .new_4{
     width: 100%;
}
 .banner-style1 .banner-para{
     font-size: 18px;
    min-height: 0px;
     padding: 60px 5% 0px;
     color: #fff;
}
 .banner-second-para1{
     padding: 0 12px;
     min-height: auto;
}
 .banner-style1 .banner-second-para1 span.news_r{
     background: #e92a00;
     min-height: 0px;
     color: #fff;
     padding: 1px 12px;
}
 .banner-style1 .banner-second-para1 span.news_date{
    font-size: 12px;
    color: #fff;
}
 .banner-style1 .banner-second-para1 span.read_more a{
     font-size: 12px;
     margin-left: 12px;
     color: #f53939;
}
 .banner-style1 {
     position: absolute;
     background: #00000073;
     width: 50%;
     bottom: 0px;
     height:100%;
}
/* Media Query */
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
     .logo img{
         width:300px;
    }
     .flext-parent {
         display: unset;
    }
     .banner-style1 {
         width: 100%;
    }
     .banner{
         padding: 0px 0px;
    }
     .tweets_section{margin-bottom:20px}
     .mrg-bottom{
         margin-bottom: 20px;
    }
     .banner-style .banner-para{
         padding: 0 7%;
    }
     .banner-second-para {
         padding: 0 7%;
    }
    .banner-style1 .banner-para{
            padding: 8px 0px 0px 19px;
    }
    .banner-second-para1 {
       padding: 0 31px;
    }
    .banner-third-para {
    padding: 0 7% !important;
    }
    .banner-style_3 .banner-para{
            padding: 0 7% !important;
    }
    .banner-style_4 .banner-para{
        padding: 0 10% !important;
    }
    .banner-fouth-para {
    padding: 0 11% !important;
    }
     .new_1 {
         width: 100%;
         height: auto;
    }
     .main_menu .navbar-default{
         float: left;
         margin:0;
         padding: 20px 0px 0px 0px;
    }
     .navbar-toggle{
         float: left !important;
    }
     .search_bar{
         top:0;
         float: right;
    }
     .main_menu {
         display: inline-block;
         margin-top: -29px;
    }
     .budget_corner_main {
         display: inline-block;
         padding-right: 15px;
    }
     .budget_speech{
         margin-bottom: 15px;
    }
     .budget_document{
         margin-bottom: 15px;
    }
     .budget_discussion{
         margin-bottom: 15px;
    }
     .finance_act{
         margin-bottom: 15px;
    }
     .budget_folder{
         margin-bottom: 15px;
    }
     .budget_corne {
         padding-right: none;
    }
     .about_info {
         padding: 55px 0px 17px 0px;
    }
     .section_info {
         text-align: center;
         margin-bottom: 35px;
    }
     .section_info h3{
         margin: 18px 0px -19px;
    }
     .section_info p{
         min-height: 62px;
    }
     .policy_info {
         padding: 50px 0px;
    }
     .budget_corner_section {
         padding: 50px 0px 20px 0px;
    }
     .policy_main_details {
         margin-bottom: 15px;
    }
     .footer_content1 {
         display: block;
         width: 100% !important;
         padding: 0px 0 13px 28px;
    }
     .policy_main {
         padding-right: 15px;
    }
     footer{
         padding: 25px 0px;
    }
     .navbar-toggle {
         margin-bottom: 14px;
    }
    .banner_right {
    padding-right: 15px;
}
}
 @media only screen and (min-device-width : 481px) and (max-device-width : 767px) {
     .logo img{
         width:100%;
    }
     .tweets_section{margin-bottom:20px}
     .flext-parent {
         display: unset;
    }
    .mrg-bottom{
        margin-bottom: 20px;
    }
    .banner-style1 {
    width: 100%;
     }
     .banner {
        padding: 0px;
     }
      .banner-style .banner-para{
         padding: 0 7%;
    }
     .banner-second-para {
         padding: 0 7%;
    }
    .banner-style1 .banner-para{
            padding: 8px 0px 0px 19px;
    }
    .banner-second-para1 {
       padding: 0 31px;
    }
    .banner-third-para {
    padding: 0 7% !important;
    }
    .banner-style_3 .banner-para{
            padding: 0 7% !important;
    }
    .banner-style_4 .banner-para{
        padding: 0 10% !important;
    }
    .banner-fouth-para {
    padding: 0 11% !important;
    }

     .video_section {
         display: inline-block;
         margin-bottom: 20px;
         width: 100%;
    }
     .new_1 { 
        width: 100%;
    }
     .new_2 {
         width: 100%;
    }
     .new_3 {
         width: 100%;
    }
     .new_4{ 
         width: 100%;
    }
    
     .main_menu .navbar-default{
         margin:0;
         padding: 20px 0px 0px 0px;
    }
     .navbar-toggle{
         float: left !important;
    }
     .search_bar{
         top:0px;
         float: right;
    }
     .main_menu {
         display: inline-block;
         margin-top: -27px;
    }
     .navbar-toggle {
         margin-bottom: 19px;
    }
     .about_info {
         padding: 51px 0px;
    }
     .section_info {
         text-align: center;
         margin-bottom: 35px;
    }
     .section_info h3{
         margin: 18px 0px -19px;
    }
     .section_info p{
         min-height: 62px;
    }
     .budget_corner_main {
         display: block;
         padding-right: 15px;
    }
     .budget_speech{
         margin-bottom: 15px;
    }
     .budget_document{
         margin-bottom: 15px;
    }
     .budget_discussion{
         margin-bottom: 15px;
    }
     .finance_act{
         margin-bottom: 15px;
    }
     .budget_folder{
         margin-bottom: 15px;
    }
     .budget_corne {
         padding-right: none;
    }
     .about_info {
         padding: 55px 0px 17px 0px;
    }
     .section_info {
         text-align: center;
         margin-bottom: 35px;
    }
     .section_info h3{
         margin: 18px 0px -19px;
    }
     .section_info p{
         min-height: 62px;
    }
     .policy_info {
         padding: 50px 0px;
    }
     .budget_corner_section {
         padding: 50px 0px 20px 0px;
    }
     .policy_main_details {
         margin-bottom: 15px;
    }
     .footer_content1 {
         display: block;
         width: 100% !important;
         padding: 0px 0 13px 28px;
    }
     .policy_main {
         padding-right: 15px;
    }
     footer{
         padding: 25px 0px;
    }
     body{
         overflow-x:hidden;
    }
    .banner_right {
    padding-right: 15px;
}
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
     .section_info {
         text-align: center;
         margin-bottom: 35px;
    }
    .banner-style .banner-para{
       font-size: 12px;
    }
    .banner-style1 .banner-para {
   font-size: 12px;
    padding: 16px 0px 0px 10px;
    }
    .banner-style_3 .banner-para {
   font-size: 12px !important;
    padding: 16px 0px 0px 10px;
    }
    .banner-second-para1{
            font-size: 12px;
    }
    .banner-style_4 .banner-para {
   font-size: 12px !important;
    }
    .banner-third-para {
    font-size: 12px;
     }
     .banner-fouth-para {
    font-size: 12px;
}
.banner {
       padding: 16px 0px;
    }
 
     .about_info {
         padding: 100px 0px;
    }
     .logo img{
         width:100%;
    }
     .navbar-nav > li {
         float: left;
         margin-right: -21px;
    }
     .navbar-default .navbar-nav li a {
         font-family: 'helveticaneueregular';
         font-size: 12px;
         font-weight: bold;
         letter-spacing: 2px;
         color: #231f20;
    }
     .search_bar {
         width: 136px;
         display: inline-block;
         position: relative;
    }
     .section_info h3{
         font-size: 15px;
    }
     .section_info p{
         font-size: 13px;
    }
     .main_menu .navbar-default {
         margin-top: -26px;
    }
     .budget_corne h2 {
         font-size: 19px;
    }
     .budget_corne h3 {
         font-size: 19px;
    }
     .text_info1 h1 {
         font-family: 'helveticaneuebold';
         font-size: 18px;
    }
     .footer_content1 {
         float: left;
         padding: 17px 0 50px 45px;
         padding-top: 17px;
         padding-right: 0px;
         padding-bottom: 50px;
         padding-left: 45px;
         width: 25%;
    }
     .about_info .col-sm-2{
         width: 19.667%;
    }
     .budget_corner_section .col-sm-2{
         width: 19.667%;
    }
     .policy_info .col-sm-2{
         width: 19.667%;
    }
}
 .banner-style_3 {
     position: absolute;
     bottom: 0;
     background: #00000057;
     width: 100%;
     padding-top: 12px;
}
 .banner-third-para{
     padding: 0 5%;
    min-height: auto;
}
 .banner-style_3 .banner-third-para span.news_r{
     background: #51c4c9;
     min-height: 0px;
     color: #fff;
     padding: 1px 12px;
}
 .banner-style_3 .banner-third-para span.news_date{
    font-size: 12px;
    color: #fff;
}
 .banner-style_3 .banner-third-para span.read_more a{
     font-size: 12px;
     margin-left: 12px;
     color: #f53939;
}
 .banner-style_4 {
     position: absolute;
     bottom: 0px;
     background: #00000057;
     width: 100%;
     padding-top: 12px;
}
 .banner-style_3 .banner-para{
     font-size: 18px;
     min-height: 0px;
     padding: 0 5%;
     color: #fff;
}
 .banner-style_4 .banner-para{
     font-size: 18px;
     min-height: 0px;
     padding: 0 5%;
     color: #fff;
}
 .banner-fouth-para{
     padding: 0 5%;
     min-height: auto;
}
 .banner-style_4 .banner-fouth-para span.news_r{
    background: #51c4c9;
     min-height: 0px;
     color: #fff;
     padding: 1px 12px;
}
 .banner-style_4 .banner-fouth-para span.news_date{
    font-size: 12px;
    color: #fff;
}
 .banner-style_4 .banner-fouth-para span.read_more a{
     font-size: 12px;
     margin-left: 12px;
     color: #f53939;
}
 @media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {
     .logo img{
         width:100%;
    }

    .navbar-default .navbar-nav li a {
    font-size: 15px;
    }
    .banner-style .banner-para {
    font-size: 16px;
    }
    .banner-style1 .banner-para {
    font-size: 16px;
    }
    .banner-style_3 .banner-para {
    font-size: 16px;
    }
    .banner-style_4 .banner-para {
    font-size: 16px;
    }
  
     .budget_corne h2 {
         font-size: 19px;
    }
     .budget_corne h3 {
         font-size: 19px;
    }
     .section_info h3{
         margin-bottom: 10px;
    }
     .section_info p{
         font-size: 13px;
    }
     .text_info1 h1 {
         font-family: 'helveticaneuebold';
         font-size: 18px;
    }
     .footer_content1 {
         float: left;
         padding: 17px 0 50px 45px;
         padding-top: 17px;
         padding-right: 0px;
         padding-bottom: 50px;
         padding-left: 45px;
         width: 25%;
    }
     .navbar-nav{
         margin-top: -25px;
    }
}
 @media (min-width : 1025px) {
     .logo img{
         width:100%;
    }
     .footer_content1 {
         float: left;
         padding: 17px 0 50px 45px;
         padding-top: 17px;
         padding-right: 0px;
         padding-bottom: 50px;
         padding-left: 45px;
         width: 25%;
    }
     .budget_corne h2 {
         font-size: 19px;
    }
     .budget_corne h3 {
         font-size: 19px;
    }
     .section_info h3{
         margin-bottom: 10px;
    }
     .section_info p{
         font-size: 13px;
    }
     .text_info1 h1 {
         font-family: 'helveticaneuebold';
         font-size: 18px;
    }
}
 @media only screen and (min-device-width : 1025px) {
.navbar-default .navbar-nav li a {
    font-family: 'helveticaneueregular';
    font-size: 13px;
}

/*Added Css*/
.paddingspace{
	padding-top:10px;
	padding-bottom:10px
}

.find-out-more{
	border: none !important; 
	padding: 0 !important; 
	border-radius: 0 !important; 
	color: #1cacd8; 
	font-size: 14px; 
	font-weight: 100 !important;  
	font-family: sans-serif;
}

