body {
    color:#525252;
    font-size:16px;
    line-height:1.4;
}
body, button, input, select, textarea, .ms-WPBody, .mha-content h1, .mha-content h2, .mha-content h3 {
    font-family:  'Roboto', Arial,Helvetica,sans-serif;
    text-rendering: optimizeLegibility;
}
.mha-content-wrap {																																													
    background:#fff;
    border-top: 0 solid #84c4e7;
}
.mha-header-wrap {
    min-height: 120px;
    background:#f7f7f7;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.mha-column-top.mha-column {
    margin-bottom: 4em;
}
/* HERO LINKS */
ul.mha-phr-links {
    margin: 0;
    padding: 2rem;
    list-style-type: none;
    text-align: center;
    background-color: #F7F9FC;
    display: block;
}
.mha-content-full .mha-phr-links li {
    display: inline-block;
    text-align: center;
    background:none;
    width:32.5%;
}
span.mha-phr-linkicon {
    width: 30%;
    display: inline-block;
    height: 64px;
    vertical-align: middle;
}

span.mha-phr-linktext {
    width: 70%;
    display: inline-block;
    /* height: 40px; */
    vertical-align: middle;
    text-align: left;
    line-height: 20px;
}

.mha-phr-links li a {
    text-decoration: none !important;
    font-weight:bold;
    width:100%;
}


/* HIT */
.mha-img-block-wrapper {
    margin: 0 0 2rem 0;
}
/*.mha-tri-grid {
    width: 33.3333%;
    float: left;
    min-height: 100%;
    overflow: hidden;
}*/
.widgetHead {
    margin-bottom: 1.5em;
    padding-bottom: .5em;
    border-bottom: 0;
}
.mha-tri-grid {float:left; width:33.33333%; margin-bottom:1em;}
.mha-tri-grid:nth-of-type(3n+1) {padding-right:2%;}
.mha-tri-grid:nth-of-type(3n+2) {padding:0 1%;}
.mha-tri-grid:nth-of-type(3n+3) {padding-left:2%;}
.mha-tri-grid img {width:100%; height:auto; margin:0;}
.mha-tri-grid:nth-of-type(3n+4) {clear:left;}

.mha-img-block .mha-tri-inner {
    padding: 2.8rem;
    background: #E7F2FC;
    margin: 1rem 0;
}
.mha-tri-grid img {
    max-width:100%;
    height: auto;
}
.mha-tri-grid img:hover {
    opacity: .8;
}


/* FOOTER COLUMNS */
.mha-column-footer {
    float: left;
    clear: both;
    width: 100%;
    margin: 2rem 0 4rem;
}

/*.mha-column-footer .ms-webpartzone-cell {
        width:33.33%;
        display:block;
        float:left;
}*/
.mha-column-footer .ms-webpartzone-cell {float:left; width:33.33333%; margin-bottom:1em;}
.mha-column-footer .ms-webpartzone-cell:nth-of-type(3n+1) {padding-right:1%;}
.mha-column-footer .ms-webpartzone-cell:nth-of-type(3n+2) {padding:0 .5%;}
.mha-column-footer .ms-webpartzone-cell:nth-of-type(3n+3) {padding-left:1%;}
.mha-column-footer .ms-webpartzone-cell img {width:100%; height:auto; margin:0;}
.mha-column-footer .ms-webpartzone-cell:nth-of-type(3n+4) {clear:left;}

.mha-column-footer .ms-webpart-titleText {
    padding: 0;
    margin: 0;
    background: #A9D44F;
    display: block;
    width: 75%;
    text-transform: uppercase;
    line-height: 2;
    padding-left: 0.8em;
    color:#02405D;
}
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    font-family: inherit;
    color: #02405D;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mha-column-footer .ms-webpart-chrome-title {
    margin-bottom: -5px;
}

.mha-spotlight-desktop-l2 {
    background: transparent;
    height: auto;
    width: auto;
    padding: 0;
    color: #f4bc33;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
}

/* GENERAL ITEMS */
.mha-column-full {
    width: 100%;
    margin-left: 0;
}

.mha-container {
    /*width: 1024px;*/
}

input[type=password], input[type=text], input[type=file], select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox {
    border: 1px solid #ababab;
    background-color: red;
    background-color: rgba( 255,255,255,0 );
    color: #444;
}

.mha-global-nav-ctrl a {
    display: block;
    color: #fff !important;
    font-weight: 400;
    text-decoration: none;
    padding: 12px;
}
.mha-global-hdr-nav .mha-global-nav-signin .mha-global-nav-ctrl a {
    color: #005073 !important;
}
span.MHA_global_sb_dropdown_borders {
    background: #E7F2FC;
    border-top: 0 solid #e2e4e3;
    border-bottom: 0 solid #e2e4e3;
    height: 26px;
    line-height: 26px;
    box-sizing: content-box;
    display: block;
    overflow: hidden;
    float: left;
}
span.MHA_global_sb_input_borders {
    background: #E7F2FC;
    border-top: 1px solid #e2e4e3;
    border-bottom: 1px solid #e2e4e3;
    height: 30px;
    line-height: 28px;
    box-sizing: content-box;
    display: block;
    overflow: hidden;
}
span.MHA_global_sb_dropdown_borders {
    background: #E7F2FC;
    border-top: 1px solid #e2e4e3;
    border-bottom: 1px solid #e2e4e3;
    border-left: 1px solid #e2e4e3;
    height: 30px;
    line-height: 30px;
    box-sizing: content-box;
    display: block;
    overflow: hidden;
    float: left;
    border-radius: 50px 0 0 50px;
    padding-left: 8px;
}
div.MHA_global_sb_compact div.ms-srch-sb-border {
    border: 0 solid #525252;
    width: 100%;
    max-width: 400px;
    border-radius:50px;
}
div.MHA_global_sb_compact div.ms-srch-sb {
    background:none;
    padding-left: 0;
}

/*
div.MHA_global_sb_compact a.ms-srch-sb-searchLink {
    margin-left: 0;
    width: auto;
    height: 32px !important;
    background: #A9D44F;    															   
    background-position: 50% 7px;
    border-radius: 0 50px 50px 0;
    background-repeat: no-repeat;
}
*/

div#SearchBox {
    margin-top: 30px;
}


.mha-footer-wrap {
    background-image: none;
    background-color:#36424a;
    font-size: 12px;
    overflow: hidden;
    zoom: 1;
}
.mha-footer-menu {
    margin-top: 0;
    clear: both;
    margin-top: 0;
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    padding: 8px 0 45px;
    background: #3D90D9;
}
.mha-footer-wrap {
    padding: 0 0 3em 0;
}
.mha-footer {
    clear: both;
    padding-top: 25px;
}
.mha-global-hdr {
    background-image: none;
    background-color: #005073;
    color: #fff;
    width: 100%;
    /* overflow: hidden; */
}
.mha-global-nav {
    background-image: none;
    background-color: #005073;
    font-size: 13px;
    margin: 0 auto 0 auto;
    clear: both;
}
.mha-spotlight-headline {
    color: #fff !important;
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.mha-spotlight-desktop-l2 {
    background: #02405D;
    height: auto;
    width: auto;
    padding: 0;
    color: #f4bc33;
    text-decoration: none;
    font-size: 14px;
    line-height: 30px;
}
.mha-spotlight-desktop-l2 li {
    background: #02405D;
    height: auto;
    width: auto;
    padding: 0;
    color: #2bcc64;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    border-bottom: 1px solid #1E6E94;
    padding: 0.68rem 0;
    list-style-type: none;
}
.mha-content .mha-spotlight-desktop-l2 .mha-spotlight-desktop li a {
    line-height: 1.4;
}
.mha-content .mha-column-footer h4 {
    font-size: 1.2rem;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.mha-column-footer .ms-WPBody {
    border-top: 0;
    background: #E4EBEE;
    padding: 1.8em 2em;
    min-height: 320px;
}
.mha-column-footer .ms-webpartzone-cell:nth-of-type(3) .ms-WPBody {
    background: #02405D;
}
.mha-column-footer a {
    text-decoration: none;
}
.mha-content h4 {
    font-size: 1em;
    margin-bottom: 0;
    border-bottom: 0 dotted #999;
}
.mha-promo-otdr .mha-promo-otdr-txt-footer {
    clear: both;
    background-color: #02405d;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 6px 24px;
}

.mha-img-block {
    overflow: hidden;
    border-top: 1px solid #828282;
    margin-top: 1rem;
    padding-top: 2rem;
}
.mha-widget-base h2 {
    margin-bottom: 1rem;
    padding-bottom: 4px;
    border-bottom: 1px solid #828282;
}

/* SIDEBAR */
.mha-widget-base {
    background: #E4EBEE;
    padding: 17.5px 21px 40px;
    border-top: 0 solid #e9f4fa;
    border-bottom: 0 solid #c9d6de;
}
.mha-widget-base h2 {
    text-transform: uppercase;
}

/* BUTTONS */
.mha-show-more-btn {
    display: inline-block;
    background: #A9D44F;
    border-radius: 50px;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    text-align: center;
    padding: 0.8em 1.8em;
    font-weight: 700;
    font-size: 1.2em;
}
p.linkMore {
    position: absolute;
    bottom: 10px;
    font-weight:700;
}
p.linkMore a:link {
    color:#02405D !important;
}
p.linkMore a:hover {
    color: #000 !important;
}
p.linkMore a:after {
    content:"\f178";
    font-family: "FontAwesome";
    margin-left:20px;
}

/* HERO GRID */
.mha-hero-gridwrap {
    background: #f7f9fc;
    padding: 0;
}
.mha-content-full .mha-hero-grid {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
}
.mha-hero-grid li .mha-hero-inner {
  transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
    opacity:1;
}
.mha-hero-grid li .mha-hero-inner:hover {
    opacity:0.8;
}
.mha-content-full .mha-hero-grid .mha-hero-item {
    background: none;
    position: relative;
    box-sizing:border-box;
    float:left;
    padding: 0;
}
.mha-content-full .mha-hero-grid .mha-hero-item.mha-item-one {
    width:68%;
    padding-right:12px;
    margin-bottom:-1px;

}
.mha-content-full .mha-hero-grid .mha-hero-item.mha-item-two {
    width:32%;
}
.mha-content-full .mha-hero-grid .mha-hero-item.mha-item-two .mha-hero-inner:first-child {
    margin-bottom: 12px;
}
.mha-hero-inner {
    position: relative;
    overflow:hidden;
}
.mha-grid-img {
    float: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
.mha-grid-img .mha-responsive-img:before {
    content:"";
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0,0,0,0.5);
    box-sizing: border-box;
    display:block;
    width:100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}
.mha-grid-img .mha-responsive-img {
    /*height: 0;
    padding-bottom: 56.25%
    overflow: hidden;
    box-shadow: inset 0 0 80px rgba(0,0,0,0.5);
    box-sizing: border-box;
    display:block;;*/
}
.mha-responsive-img img {
    display:block;
    width:100%;
}
.mha-hero-content {
    float: none;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: auto;
    padding: 10% 0.8rem 0 0.8rem;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));
    background-image: linear-gradient(transparent,rgba(0,0,0,0.8));
    background-position-y: 0;
    bottom: 0;
    text-shadow: 0 1px 2px #000;
    color:#fff;
}
.mha-content .mha-hero-content h2, .mha-content .mha-hero-content h4 {
    color:#fff;
}
.mha-content .mha-hero-content h2 {
    font-size: 1.6em;
    font-weight:700;
}
.mha-content .mha-hero-content h4 {
    font-size: 1.2em;
    font-weight:700;
}






.mha-duo-grid {}

.mha-duo-inner {
    padding: 2rem 2.8rem;
    background: #e7f2fc;
    margin: 1rem 0;
    overflow: hidden;
}

.mha-duo-grid img {
    width: 30%;
    float: left;
}

.mha-duo-content {
    width: 70%;
    float: left;
    box-sizing: border-box;
    padding: 2rem 0 0 2.8rem;
}

.mha-duo-content .mha-txt-left {
    margin-top:1rem;
}
.mha-duo-content .mha-txt-left a {
    text-decoration: none;
}

/* style started for subscription  */
div.mha-sub {
    background-color: #E3EBEE;
    border-radius: 14px;
}


    div.mha-sub ul li {
        background: none;
    }

    div.mha-sub img {
        padding: 12px;
    }

button.closeX {
   float: right;
   padding: 10px;
   color: #005072;
   border: none;
   background-color: #fff;
   margin-top: 32px;
   left: 0px;
   font-size: 1em;
   margin-left: -96px;
}

    button.closeX a {
        color: #005072;
        text-decoration: none;
        cursor: pointer;
    }

div.mha-sub-popup {
    background-color: #fff;
    border-radius: 14px;
    overflow: hidden;
}

    div.mha-sub-popup ul li {
        background: none;
    }
div.mha-sub .mha-promo-otdr-txt {
    width: 400px;
}
div.mha-sub .mha-subscription {
	 display: inline-block;    
    border-radius: 50px;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    text-align: center;
    padding: 0.8em 1.8em;
    font-size: 1em;
    clear: both;
    color: #fff;
    cursor: pointer;
    background-color: #02405d;
    margin-left: -18px;
	width:	35%;
}
   
div.mha-sub-popup img {
    padding: 12px;
}

div.mha-sub-popup .mha-promo-otdr-txt {
    float: right;
    width: 500px;
    color: #444;
    margin: 20px;
    margin-right: 120px;
}

div.mha-sub-popup img {
    float: left;
}

div.mha-sub-popup .mha-promo-otdr-txt-hdr {
    font-size: 22px;
    margin-bottom: 8px;
}

div.mha-sub-popup .mha-promo-otdr-txt-hdr {
    font-size: 22px;
    margin-bottom: 8px;
}

div.mha-sub-popup ul li {
    background: none;
}

div.mha-sub-popup .mha-subscription-continue {
    clear: both;
    color: #fff;
    cursor: pointer;
    background-color: #02405d;
    padding: 6px;
    font-size: 16px;
    text-align: center;
    width: 35%;
    display: block;
    border-radius: 100px;
    overflow: hidden;
    margin-left: 100px;
    margin-top: 20px;
}

div.mha-sub-popup ul {
    list-style: none;
    margin-top: 1em;
    margin-bottom: 1em;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
}

div.mha-sub-popup button.closeX {
    float: right;
    padding: 10px;
    color: #005072;
    border: none;
    background-color: #fff;
    margin-top: 32px;
    left: 0px;
    text-decoration: none;
}

div.mha-sub-popup a#ContinueSubscription:hover {
    text-decoration: none !important;
}

.sidepanel {
   height: 132px; /* Specify a height */
    width: 50px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    background-color: #02405d;
    color: #fff;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
    top: 180px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    cursor: pointer;
    right: -1px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

    /* The sidepanel links */
    .sidepanel a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        /* When you mouse over the navigation links, change their color */
        .sidepanel a:hover {
            color: #f1f1f1;
        }

    /* Position and style the close button (top right corner) */
    .sidepanel .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

/* Style the button that is used to open the sidepanel */
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

    .openbtn:hover {
        background-color: #444;
    }

.sidepanel p {
    margin-left: 17px;
    margin-top: -38px;
    border-radius: 14px;
    font-size: 15px;
}

i.fa.fa-bell.rotate-180 {
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


@media only screen and (max-width: 823px) {
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.no-close.ui-draggable.ui-resizable {
    z-index: 200;
}
	/*  .sidepanel {
         top: 155px;
    } */
	 div#Registraionloading {
        max-width: 790px;
        padding-left: 12px;
    }
   .mha-promo-otdr .mha-promo-otdr-txt {
        font-size: 11px;
    }

    div.mha-sub .mha-subscription {
        margin-left: 38px;
    }

    div.mha-sub-popup .mha-promo-otdr-txt-body {
        font-size: 14px;
        width: 442px;
    }

    .mha-promo-otdr.mha-sub img {
        width: 100%;
        height: auto;
        max-width: 160px;
        margin: 0 auto;
        display: block;
    }
    div.mha-sub-popup img {
        float: left;
        max-width: 170px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;       
    }

    div.mha-sub-popup .mha-subscription-continue {
        clear: both;
        color: #fff;
        cursor: pointer;
        background-color: #02405d;
        padding: 6px;
        font-size: 16px;
        text-align: center;
        width: 35%;
        display: block;
        border-radius: 100px;
        overflow: hidden;
        margin-left: 0;
        margin-top: 20px;
    }

    div.mha-sub-popup .mha-promo-otdr-txt {
        float: right;
        width: 65%;
        color: #444;
        margin: 20px;
        margin-right: 0;
    }

   
	 button.closeX {
		float: none;
		margin-top: 35px;
		left: 670px;
		margin-left: -22px;
		position: relative;
		top: 47px;
   }
}
@media only screen and (max-width: 768px) {  
    div#Registraionloading {
        max-width: 750px;
        padding-left: 12px;
    }
div.mha-sub .mha-subscription {
    margin-left: 0px;
}
   
}
@media only screen and (max-width: 736px) {  
    div#Registraionloading {
        max-width: 730px;
        padding-left: 12px;
    }

   
	button.closeX {
    float: none;
    margin-top: 35px;
    left: 670px;
    margin-left: -53px;
    position: relative;
    top: 47px;
}
}
@media only screen and (max-width: 667px) {  

    div#Registraionloading {
        max-width: 625px;
        padding-left: 12px;
    }

  
	div.mha-sub-popup .mha-promo-otdr-txt {
    float: right;
    width: 59%;
    color: #444;
    margin: 20px;
    margin-right: 0;
}
div.mha-sub-popup .mha-promo-otdr-txt-body {
    font-size: 11px;
    width: 287px;
}
button.closeX {
    float: none;
    margin-top: 35px;
    left: 670px;
    margin-left: -150px;
    position: relative;
    top: 47px;
}
}
@media only screen and (max-width: 640px) {  
.mha-promo-otdr.mha-sub img{
	float:left;
}
}
@media only screen and (max-width: 568px)  {  
.mha-promo-otdr.mha-sub img{
	float:left;
}
div#Registraionloading {
    max-width: 550px;
    padding-left: 12px;
}
div.mha-sub-popup .mha-promo-otdr-txt-body {
    font-size: 11px;
    width: 252px;
}
div.mha-sub-popup .mha-promo-otdr-txt {
    float: right;
    width: 53%;
    color: #444;
    margin: 20px;
    margin-right: 0;
}

button.closeX {
    float: none;
    margin-top: 35px;
    left: 670px;
    margin-left: -225px;
    position: relative;
    top: 47px;
}
}
@media only screen and (max-width: 414px) {  
 .sidepanel {
         top: 200px;
    }
div#Registraionloading {
    max-width: 390px;
    padding-left: 12px;
}
    button.closeX {
        float: none;
        margin-top: 20px;
        left: 350px;
        margin-left: -67px;
        position: relative;
        top: 41px;
   }
   div.mha-sub-popup .mha-promo-otdr-txt {
    float: none;
	 width: 50%;
    }
	div.mha-sub-popup .mha-promo-otdr-txt-body {
    font-size: 11px;
    width: 348px;
}
div.mha-sub .mha-subscription {
    margin-left: 0px;
	}
}

@media only screen and (max-width: 375px) {
    div#Registraionloading {
        max-width: 360px;
        padding-left: 12px;
    }
    button.closeX {
        float: none;
        margin-top: 48px;
        left: 320px;
        margin-left: -65px;
        position: relative;
        top: 50px;
   }
   div.mha-sub-popup .mha-promo-otdr-txt-body {
    font-size: 11px;
    width: 324px;
    }   
  
   div.mha-sub-popup .mha-promo-otdr-txt {
    float: none;
    }
	
}

@media only screen and (max-width: 320px) {
    div#Registraionloading {
        max-width: 305px;
        padding-left: 12px;
    }
    button.closeX {
        float: none;
        margin-top: 51px;
        left: 320px;
        margin-left: -116px;
        position: relative;
        top: 50px;
   }
   div.mha-sub-popup .mha-promo-otdr-txt-body {
        font-size: 11px;
        width: 260px;
        }   
   
	
	
}



.mha-global-nav-menu li {
	 margin-right: 0px !important;
}