@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/******************************************************************************/
/*********************************** Deafult **********************************/
/******************************************************************************/

body,
html{background: #FFFFFF;}

body{display: inline-block; width: 100%;}

@media (min-width: 992px) {
    body{background: url('../images/style/background_bg.png'); background-position: calc(100% - -140px) 142px; background-repeat:  repeat-y;}
}

@media (min-width: 1400px) {
    body{background-position: calc(100% - -13%) 142px;}
}

@media (min-width: 1500px) {
    body{background-position: calc(100% - -9%) 142px;}
}

@media (min-width: 1500px) {
    body{background-position: calc(100% - -5%) 142px;}
}

@media (min-width: 1680px) {
    body{background-position: right 142px;}
}

html,
body,
table,
p,
td,
button{ font-family: 'Roboto Condensed', sans-serif; font-size:15px; line-height:1.3; font-weight:500; -ms-font-feature-settings: normal; letter-spacing:1px; }

img{ max-width: 100%; height: auto; }

h1,
.h1 { margin: 0px 0px; font-size: 30px; line-height: 1.2; text-transform: none; font-weight: normal; color: #1183c2; font-family: 'Archer'; }
h1.contentPageTitle,
h2,
.h2{ margin: 20px 0px; font-size: 30px; line-height: 1; text-transform: none; font-weight: normal; color: #1183c2; font-family: 'Archer'; }
h3,
.h3 { margin: 20px 0px; font-size: 30px; line-height: 1.2; text-transform: none; font-weight: 400; color: #2b2b2b; font-family: 'Archer'; }
h3 strong,
.h3 strong { font-weight: 999; }
h4,
.h4 { font-size: 23px; line-height: 1.2; text-transform: none; font-weight: bold; color: #2b2b2b; }
p { line-height: 1.4; margin: 12px 0px; font-size: initial; }
h1.contentPageTitle{float: left; position: relative; width: 100%;}
#login h1.contentPageTitle{text-align: left;}
li,
p{ font-size: 15px; }
a{color: #1183c2;}
hr { border: none; border-bottom: 2px solid #bfbfbf; margin: 25px 0px; width: 100%; }


.vertical-center{ height:100%; width:100%; text-align: center; font: 0/0 a; }
.vertical-center:before{ content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.vertical-center > .vertical-item{ max-width: 100%; display: inline-block; vertical-align: middle; }

.overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.button{line-height: 35px; height: 35px; float: left; position: relative; width: auto; min-width: 120px; border: none; background: #fa903c; text-transform: uppercase; color: #ffffff; font-weight: bold; padding: 0 10px; text-align: center;}

.placeholder{color: #ffffff !important;}

#defaultContent{margin-top: 35px; margin-bottom: 35px; min-height: 337px;}
#defaultContent ul { padding:0px 0px 0px 10px; margin: 0px 0px 10px 15px; }
#defaultContent ol { list-style: roman; }
#defaultContent ul li { padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px; list-style: disc outside url("../images/style/circle_icon.svg"); }
@media (min-width: 992px) {
    #defaultContent > .container{ padding-right: 145px; }
}
@media (min-width: 1200px) {
    #defaultContent > .container{ width: 1111px; padding-right: 15px; }
}

#pageEditorContent{float: left; position: relative; width: 100%; padding: 0 15px;}
#defaultRightColContent{padding: 0 15px;}
#defaultRightColContent .rightCol{display: none;}

@media (min-width: 576px) {
    #pageEditorContent{padding: 0;}
    #defaultRightColContent{padding: 0;}
}

@media (min-width: 992px) {
    #defaultRightColContent #pageEditorContent{width: 72%;}
    #defaultRightColContent .rightCol{ float:  left; position:  relative; width: 25.5%; margin-left: 2.5%; display: block; }
}

@media (min-width: 1200px) {
    #defaultRightColContent #pageEditorContent{width: 73%;}
    #defaultRightColContent .rightCol{width: 22%; margin-left: 5%;}
}

/******************************************************************************/
/*********************************** Header ***********************************/
/******************************************************************************/

#header{min-height: 142px; background: url('../images/style/header_bg.jpg'); background-position: top left; letter-spacing: initial;}
#header .vertical-center{height: auto; top: 15px;}

#header .panel-1{position: absolute;}
#header .panel-2 .layer1,
#header .panel-2 .layer2{float: left; position: relative; width: 100%;}
#header .panel-2 .layer1{margin-top: 15px;}
#header .panel-2 .layer2{margin-top: -35px;}

#header .layer1 .facebookIcon{float: right; position: relative; width: 50%; max-width: 33px; height: 33px; margin: 9px 0; display: none;}
#header .layer1 .facebookIcon > span{ width:  100%; height:  100%; }
#header .layer1 .facebookIcon > span > svg{ height: 100%; width: 100%; }

#header .layer1 .beneficiaryLogin{float: right;position: relative;width: 40%;height: 47px;margin: 0 2px 0 60%;border-radius: 25px;background: #00ae98; border: 2px solid #00ae98;}
#header .layer1 .beneficiaryLogin:hover{background: #FFFFFF;}
#header .layer1.loggedIn .beneficiaryLogin{ margin-top:  15px; }
#header .layer1.loggedIn .beneficiaryLogin:first-child{ margin-top:  0; }
#header .layer1 .beneficiaryLogin svg,
#header .layer1 .beneficiaryLogin span{color: #ffffff; line-height: 47px; text-transform: uppercase; float: left; position: relative;}
#header .layer1 .beneficiaryLogin:hover svg,
#header .layer1 .beneficiaryLogin:hover span{color: #00ae98;}
#header .layer1 .beneficiaryLogin svg{font-size: 26px; margin: 0 13px; height: 47px;}
#header .layer1 .beneficiaryLogin span{font-weight: bold;}

#header .siteSearchContainer{float: right; position: relative; width: 40%; margin-left: 60%; margin-top: 15px; z-index: 1;}
#header .siteSearchContainer .searchLabel{display: none;}
#header .siteSearchContainer #site_search_form{float: right; position: relative; display: inline-block; width: 100%;}
#header .siteSearchContainer #site_search_form button,
#header .siteSearchContainer #site_search_form input{float: left; position: relative; background: #FFFFFF; border: 2px solid #b8b8b8; height: 51px;}
#header .siteSearchContainer #site_search_form input.siteSearchInput{color: #767676; width: 100%; font-size: 15px; padding: 15px 50px 15px 15px; border-radius: 25px; outline: none;}
#header .siteSearchContainer #site_search_form input.siteSearchInput::placeholder{font-style: italic;}
#header .siteSearchContainer #site_search_form .siteSearchSubmit{color: #b8b8b8;width: 50px; position: absolute;right: 0;border: none;height:  47px;top: 2px;bottom:  2px;background:  none; border-radius: 0 25px 25px 0;text-align: left;}

#header nav.navbar button{outline: none;}
#header nav.navbar .navbar-collapse{margin-top: 50px; background: #0000000a; padding: 15px;}
#header #navbarNav .navbar-nav li{float: left; position: relative; width: 100%; list-style: none;}
#header #navbarNav .navbar-nav li a{color: #01070c; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: bold; padding: 0; letter-spacing: initial;}
#header #navbarNav .navbar-nav li ul{display: block; float: left; position: relative; width: 100%; padding: 0 16px;}
#header #navbarNav .navbar-nav li ul li{width: 100%;padding: 0;text-align: left;}
#header #navbarNav .navbar-nav li ul li a{ padding: 0; font-size: 14px; font-weight: 700; line-height: 35px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #header > .container > .no-gutter > div{float: left; position: relative;}
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    #header{height: 142px;}
    #header .panel-2 .layer2{margin-top: 28px; text-align: left; position: relative; top: auto;}
    #header .layer1 .facebookIcon{display: block;}
    #header .layer1.loggedIn .beneficiaryLogin{width: auto;display:  inline-block;margin-top:  0;}
    #header .layer1.loggedIn .beneficiaryLogin span{margin-right: 13px;}
    #header .siteSearchContainer{margin: 0 26px; max-width: 200px; width: 100%;}
    #header .layer1 .beneficiaryLogin{margin: 0 0 0 13px; max-width: 200px; width: 100%;}
    #header .vertical-center{height: 115px; top: auto;}

    #header nav.navbar .navbar-collapse{margin-top: auto; background: transparent; padding: 0;}
    #header nav.navbar{padding: 0;}
    #header nav.navbar .navbar-brand{display: none;}
    #header nav.navbar > div{display: inline-block !important; margin-top: -10px;}
    #header #navbarNav .navbar-nav{display: inline-block;}
    #header #navbarNav .navbar-nav li{float: left; position: relative; width: auto; padding: 0 10px 13px;}
    #header #navbarNav .navbar-nav li:first-child,
    #header #navbarNav .navbar-nav li:first-child a{padding-left: 0;}
    #header #navbarNav .navbar-nav li:last-child,
    #header #navbarNav .navbar-nav li:last-child a{padding-right: 0;}
    #header #navbarNav .navbar-nav li a{padding: 0 0 0 0;}
    #header #navbarNav .navbar-nav li.home-anchor a{background: url('../images/icons/home-icon.png'); background-repeat:  no-repeat; background-position: top left; background-size: contain; font-size:  0; width:  38px; height: 25px; margin-top: -8px; }
    #header #navbarNav .navbar-nav > li > i{ color: #FFFFFF; position: absolute; left: 50%; transform: translateX(-50%); cursor: pointer;}

    #header #navbarNav .navbar-nav li ul{display: none;position:  absolute;top: 33px;background: #01070c;z-index: 1;width: 130px;left:  0;}
    #header #navbarNav .navbar-nav li:hover ul{display: inline-block;}
    #header #navbarNav .navbar-nav li ul li a{ color:  #FFFFFF; text-decoration: none;}

    #header #navbarNav > .navbar-nav > li:after{content: " /";position: absolute;right:  0;top: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: bold;}
    #header #navbarNav > .navbar-nav > li:last-child:after{display: none;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (min-width: 768px) {
    #header #navbarNav .navbar-nav li ul{top: 38px;}
}

@media (min-width: 992px) {
    #header .layer1 .beneficiaryLogin{max-width: 205px;}
    #header .layer1 .beneficiaryLogin.loggedIn{}
    #header .siteSearchContainer{max-width: 259px;}
    #header .panel-2 .layer2{text-align: right;}

    #header nav.navbar > div{margin-top: 0;}
    #header #navbarNav .navbar-nav li{padding: 0 15px 13px 11px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (min-width: 992px) {
    #header #navbarNav .navbar-nav li{padding: 0 10px 18px 6px;}
    #header .layer1 .beneficiaryLogin{max-width: 215px;}
}

@media (min-width: 1200px) {
    #header > .container{width: 1170px;}
    #header .panel-1{position: initial;}
    #header .vertical-center{height: 142px;}
}

/******************************************************************************/
/*********************************** Footer ***********************************/
/******************************************************************************/

#footer{padding-top: 50px;float:  left;position:  relative;width:  100%; margin-top: 30px; color: #FFFFFF;}
#footer > .outerContainer{ height: 122px; background: #1183c2; padding-top: 30px; }
#footer > .outerContainer > .backgroundContainer{ display: none; background: url('../images/style/footer_bg.png'); background-position: top left; background-repeat: no-repeat; position:  absolute; top: 0; bottom: 0; right: 0; left: 0; }
#footer .panel{ float: left; position: relative; width: 100%; margin-bottom: 15px; }
#footer .panel .left,
#footer .panel .right{ float: left; position: relative; width: 100%; text-align: left; }
#footer .panel a,
#footer .panel span{ font-size: 17px; color: #ffffff; margin: 0; }

@media (min-width: 576px) {
    #footer{ padding-top: 100px; }
    #footer > .outerContainer > .backgroundContainer{display: block;background-size: contain;}
}

@media (min-width: 768px) {
    #footer{ padding-top: 150px; }
    #footer > .outerContainer > .backgroundContainer{}
    #footer .panel .left,
    #footer .panel .right{ width: 50%; }
    #footer .panel .right{text-align: right;}
}

@media (min-width: 992px) {
    #footer{ padding-top:  200px; }
    #footer > .outerContainer > .backgroundContainer{}
}

@media (min-width: 1200px) {
    #footer{ padding-top: 278px; }
    #footer > .outerContainer > .backgroundContainer{}
}


/******************************************************************************/
/******************************** Header Banner *******************************/
/******************************************************************************/

.moduleComponentContainerheaderBanner{margin-bottom: 30px; overflow: hidden; background: #000000;}
.moduleComponentContainerheaderBanner .carousel-inner{overflow:visible}
.moduleComponentContainerheaderBanner .bannerHtmlContent{ display: none; }
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerImageContainer{text-align: center;}

.moduleComponentContainerheaderBanner .carousel-indicators li{ position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 13px; height: 13px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255,255,255,0.5); border-radius: 100%; }
.moduleComponentContainerheaderBanner .carousel-indicators li.active{background-color: #FFFFFF;}

.carousel-fade .carousel-inner .carousel-item{ transition-property: opacity;  transition: ease 1s all;}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item.active.carousel-item-right{ opacity: 0;}
.carousel-fade .carousel-inner .carousel-item.active,
.carousel-fade .carousel-inner .carousel-item.carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item.carousel-item-prev.carousel-item-right{ opacity: 1;}
.carousel-fade .carousel-inner .carousel-item.carousel-item-next,
.carousel-fade .carousel-inner .carousel-item.carousel-item-prev,
.carousel-fade .carousel-inner .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item.active.carousel-item-right{ left: 0; transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control{ z-index: 2; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    .carousel-fade .carousel-inner .carousel-item{ transition-property: all;  transition: ease 1s all;}
    .carousel-fade .carousel-inner .carousel-item,
    .carousel-fade .carousel-inner .carousel-item.active.carousel-item-left,
    .carousel-fade .carousel-inner .carousel-item.active.carousel-item-right,
    .carousel-fade .carousel-inner .carousel-item.active,
    .carousel-fade .carousel-inner .carousel-item.carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-inner .carousel-item.carousel-item-prev.carousel-item-right{ opacity: 1;}
    .carousel-fade .carousel-inner .carousel-item.carousel-item-next,
    .carousel-fade .carousel-inner .carousel-item.carousel-item-prev,
    .carousel-fade .carousel-inner .carousel-item.active.carousel-item-left,
    .carousel-fade .carousel-inner .carousel-item.active.carousel-item-right{transform: none; }
}

/******************************************************************************/
/********************************** Callouts **********************************/
/******************************************************************************/

.moduleComponentContainercallouts .moduleComponent{ float:  left; position:  relative; width: 100%; margin-bottom: 30px; text-align: center;}
.moduleComponentContainercallouts .moduleComponent .bannerImageContainer .hover{display: none;}
.moduleComponentContainercallouts .moduleComponent:hover .bannerImageContainer .bannerImage{display: none;}
.moduleComponentContainercallouts .moduleComponent:hover .bannerImageContainer .hover{display: inline-block;}
.moduleComponentContainercallouts .moduleComponent .bannerHtmlContent{ position:  absolute; top: 0; bottom:  0; left:  0; right: 0; width:  100%; height:  100%; text-align:  center;; }
.moduleComponentContainercallouts .moduleComponent .bannerHtmlContent:before{ content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle{ vertical-align: middle; display:  inline-block; }
.moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle a{ color: #FFFFFF; font-family: 'Archer'; font-weight: bold; font-size: 23px; text-decoration: none;}

#defaultRightColContent .rightCol .moduleComponentContainercallouts .moduleComponent{margin: 0 0 30px 0; width: 100%;}

@media (min-width: 576px) {
    .moduleComponentContainercallouts{margin-top: 30px;}
    .home .moduleComponentContainercallouts{margin-top: 0;}
    .moduleComponentContainercallouts .moduleComponent{width: 50%;}
}

@media (min-width: 768px) {
    .moduleComponentContainercallouts .moduleComponent{width: 32%;margin: 0 1% 30px;}
    .moduleComponentContainercallouts .moduleComponent:nth-child(3n-5){margin-left:0;}
    .moduleComponentContainercallouts .moduleComponent:nth-child(3n){margin-right:0;}
    .moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle a{font-size: 20px;}
}

@media (min-width: 992px) {
    .moduleComponentContainercallouts .moduleComponent .bannerHtmlContent{text-align: right;}
    .moduleComponentContainercallouts .moduleComponent:nth-child(3n-5),
    .moduleComponentContainercallouts .moduleComponent:nth-child(3n),
    .moduleComponentContainercallouts .moduleComponent{width: 23%; margin: 0 1.3% 30px;}
    .moduleComponentContainercallouts .moduleComponent:nth-child(4n-7){margin-left:0;}
    .moduleComponentContainercallouts .moduleComponent:nth-child(4n){margin-right:0;}
    .moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle{ margin: 0 5px 0 0; }
    .moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle a{font-size: 20px;}
}

@media (min-width: 1200px) {
    .moduleComponentContainercallouts > .container{ width:  1111px; }
    .moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle{ margin: 0 20px 0 0; }
    .moduleComponentContainercallouts #moduleComponent23.moduleComponent .bannerHtmlContent .bannerTitle{margin: 0 10px 0 0;}
    .moduleComponentContainercallouts .moduleComponent .bannerHtmlContent .bannerTitle a{font-size: 23px;}
}

/******************************************************************************/
/******************************** Home Content ********************************/
/******************************************************************************/

#homeContent > .container > .row > div{float: left; position: relative; width: 100%;}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #homeContent > .container{padding-right: 145px;}
}

@media (min-width: 1200px) {
    #homeContent > .container{ width:  1111px; padding-right: 15px;}
}

/******************************************************************************/
/*********************************** Module ***********************************/
/******************************************************************************/

[class*='moduleListingWrapper'].standardModule .listingItem{border-bottom:1px solid #ccc;background:none;}
[class*='moduleListingWrapper'].standardModule .listingItem:nth-child(2n+1) .moduleItemImage,
[class*='moduleListingWrapper'].standardModule .moduleItemsListing .moduleImage{float:left;padding:0px;margin:20px 20px 20px 0px;}
[class*='moduleListingWrapper'].standardModule .listingItem:nth-child(2n) .readMore a{float:none;}
#moduleItemBack a,
[class*='moduleListingWrapper'].standardModule .listingItem .readMore a{ color:#348dd2; font-weight:600; font-size:17px; text-decoration:none; transition: all 0.5s ease-in; text-transform:uppercase; }
#moduleItemBack,
.moduleItemBack {float: left; position: relative; display: block; width: 100%; border-top: 1px solid #efefef; padding: 10px 0px 20px; margin: 40px 0px 20px 0; }
#moduleItemContent{float: left; position: relative; width: 100%;}
#moduleItemContent #facebook{ display: inline-block; float: none; position: relative; width: 140px !important; top: -4px; margin: 20px 0px 0px 0px; }
#moduleItemContent #twitter{ display: inline-block; float: none; position: relative; width: 82px !important; margin: 20px 0px 0px 0px; }
#moduleItemContent .pinterest{ display: inline-block; float: none; width: 65px; position: relative; margin: 20px 0px 0px 0px; }
#moduleItemContent #plusone{ display: inline-block; float: none; position: relative; width: 87px !important; margin: 20px 0px 0px 0px; }

/******************************************************************************/
/*********************************** Gallery **********************************/
/******************************************************************************/

.gallery .moduleItemsListing{margin-top: 35px;}
.gallery .moduleItemsListing .listingItem{float: left; position: relative; width: 100%;}
.gallery #multipleImageContainer{margin-top: 18px;}
.moduleItemContent .title{font-size: 22px; font-weight: bold; font-family: 'Archer'; margin-top: 15px;}

@media (min-width: 576px) {
    .gallery .moduleItemsListing .listingItem{width: 50%; padding: 0 15px;}
    .gallery .moduleItemsListing .listingItem:nth-child(odd){padding-left:0;}
    .gallery .moduleItemsListing .listingItem:nth-child(even){padding-right:0;}
}

@media (min-width: 768px) {
    .gallery .moduleItemsListing .listingItem:nth-child(odd),
    .gallery .moduleItemsListing .listingItem:nth-child(even),
    .gallery .moduleItemsListing .listingItem{width: 30.6%; padding: 0; margin: 0 2% 30px;}

    .gallery .moduleItemsListing .listingItem:nth-child(3n-8){margin-left:0;}
    .gallery .moduleItemsListing .listingItem:nth-child(3n){margin-right:0;}
}

@media (min-width: 992px) {
    .gallery .moduleItemsListing .listingItem:nth-child(odd),
    .gallery .moduleItemsListing .listingItem:nth-child(even),
    .gallery .moduleItemsListing .listingItem:nth-child(3n-8),
    .gallery .moduleItemsListing .listingItem:nth-child(3n),
    .gallery .moduleItemsListing .listingItem{width: 22.9%; margin: 0 1.4% 30px;}

    .gallery .moduleItemsListing .listingItem:nth-child(4n-7){margin-left:0;}
    .gallery .moduleItemsListing .listingItem:nth-child(4n){margin-right:0;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/**************************** Feature Image Carousel **************************/
/******************************************************************************/

#gallery-feature .carousel-inner{background: url('../images/style/gallery_bg.jpg'); background-position: top left;}
#gallery-feature .carousel-inner .carousel-item {text-align:  center;}
#gallery-feature .carousel-inner .carousel-item img{max-height: 152px; margin: 0 auto;}
#gallery-feature .thumb-box{margin-bottom:30px;}
#gallery-feature ul.thumbnails-carousel {margin: 0;padding:  0;list-style-type: none;text-align: center;}
#gallery-feature ul.thumbnails-carousel .center { display: inline-block; }
#gallery-feature ul.thumbnails-carousel li {padding: 0;margin: 30px 2% 0;float: left;cursor: pointer;list-style:  none;width: 21%;}
#gallery-feature .controls-background-reset { background: none !important; }
#gallery-feature .active-thumbnail { opacity: 0.4; }
#gallery-feature .indicators-fix { bottom: 70px; }

@media (min-width: 576px) {
    #gallery-feature .carousel-inner .carousel-item img{max-height: 274px;}
    #gallery-feature ul.thumbnails-carousel li{
    width: 22%;
}
    #gallery-feature ul.thumbnails-carousel li:nth-child(4n-7){margin-left: 0;}
    #gallery-feature ul.thumbnails-carousel li:nth-child(4n){margin-right: 0;}
}

@media (min-width: 768px) {
    #gallery-feature .carousel-inner .carousel-item img{max-height: 365px;}
    #gallery-feature ul.thumbnails-carousel li:nth-child(4n-7),
    #gallery-feature ul.thumbnails-carousel li:nth-child(4n),
    #gallery-feature ul.thumbnails-carousel li{width: 16.8%;margin: 30px 2% 0;}

    #gallery-feature ul.thumbnails-carousel li:nth-child(5n-9){margin-left: 0;}
    #gallery-feature ul.thumbnails-carousel li:nth-child(5n){margin-right: 0;}
}

@media (min-width: 992px) {
    #gallery-feature .carousel-inner .carousel-item img{max-height: 471px;}
    #gallery-feature .carousel-inner .carousel-item img{max-height: 365px;}
    #gallery-feature ul.thumbnails-carousel li:nth-child(5n-9),
    #gallery-feature ul.thumbnails-carousel li:nth-child(5n),
    #gallery-feature ul.thumbnails-carousel li:nth-child(4n-7),
    #gallery-feature ul.thumbnails-carousel li:nth-child(4n),
    #gallery-feature ul.thumbnails-carousel li{width: 13.33%;margin: 30px 2% 0;}

    #gallery-feature ul.thumbnails-carousel li:nth-child(6n-11){margin-left:  0;}
    #gallery-feature ul.thumbnails-carousel li:nth-child(6n){margin-right: 0;}
}

@media (min-width: 1200px) {
    #gallery-feature .carousel-inner .carousel-item img{max-height: 528px;}
}

/******************************************************************************/
/************************************ Form ************************************/
/******************************************************************************/

#data_form{float: left; position: relative; width: 100%;}

.formRow{float: left; position: relative; width: 100%;}
.formRow select,
.formRow input,
.formRow textarea{background: #eeeeee;border: 1px solid #2b2b2b;max-width: 100%;width: 100%;}
.formRow input.fradio{background: none;}
.formRow select,
.formRow input{ line-height:  35px; height:  35px; padding: 0 10px;}
.formRow textarea{padding: 10px; width: 100%;}
.buttonBar{float: left; position: relative; width: 100%;}
.buttonBar input{float: left; position: relative; width: auto; padding: 0 30px; color: #FFFFFF; background: #1183c2; line-height: 46px; height: 46px; outline: none; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer;}

@media (min-width: 576px) {
    .formRow{ width: 48%; margin: 0 1% 30px; }
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/******************************************************************************/
/*********************************** Login ************************************/
/******************************************************************************/

#loginContent{margin-bottom: 35px; min-height: 337px;}

@media (min-width: 992px) {
    #loginContent > .container{padding-right: 145px;}
}

@media (min-width: 1200px) {
    #loginContent > .container{ width: 1111px; padding-right: 15px;}
}

/******************************************************************************/
/******************************* Update Details *******************************/
/******************************************************************************/

#registrationForm{float: left; position: relative; width: 100%; margin-top: 15px;}
#registrationForm .formRow{float: left;position: relative;width: 100%;margin: 0 0 30px;}
#registrationForm .formRow > span:first-child{float: left; position: relative; width: 100%; margin-bottom: 8px;}

#registrationForm .formRow.field12Container .labelHorizontal{display: none;}
#registrationForm .formRow.field12Container .valueHorizontal .fgroup{ float:  left; position:  relative; width: 100%; }
#registrationForm .formRow.field12Container .valueHorizontal .fgroup tr{float: left;position: relative;width: 50%;display: block;}
#registrationForm .formRow.field12Container .valueHorizontal .fgroup tr:last-child{ width: 100%; }
#registrationForm .formRow.field12Container .valueHorizontal .fgroup tr td{float: left; position: relative; width: 100%;}
#registrationForm .formRow.field12Container .valueHorizontal .fgroup tr td input{ float:  left; position:  relative; margin-right: 5px; width: auto; }
#registrationForm .formRow.field12Container .valueHorizontal .fgroup tr td input#mf_text_12_other{ margin:  0; width: 100%; }
#registrationForm .formRow.field12Container .valueHorizontal .fgroup tr td label{ margin-bottom: 0; line-height:  35px; height:  35px; float:  left; position:  relative; }
#registrationForm .buttonPanel{float: left; position: relative; width: 100%;}
#registrationForm .buttonPanel input{float: left; position: relative; width: auto; padding: 0 30px; color: #FFFFFF; background: #1183c2; line-height: 46px; height: 46px; outline: none; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer;}

#registrationForm .formRow.field20Container{width: 100%;margin: 30px 0;padding:  30px 0;border-top: 2px solid #56a59f;border-bottom: 2px solid #56a59f;}
#registrationForm .formRow.field20Container .labelHorizontal{ float:  left; position:  relative; width:  100%; }
#registrationForm .formRow.field20Container .labelHorizontal > span:first-child{font-size: 30px;line-height: 1.2;text-transform: none;font-weight: normal;color: #1183c2;font-family: 'Archer';float:  left;position:  relative;width:  100%;margin-bottom:  30px;}
#registrationForm .formRow.field20Container .labelHorizontal > span.note{ float:  left; position:  relative; width: 100%; margin-bottom:  15px; }
#registrationForm .formRow.field20Container .valueHorizontal{ float:  left; position:  relative; width: 100%; }
#registrationForm .formRow.field20Container .valueHorizontal .customContainer{float: left; position: relative; width: 100%;}
#registrationForm .formRow.field20Container .valueHorizontal .customContainer .custom_row{ float:  left; position:  relative; width: 100%; margin-bottom:  15px; }
#registrationForm .formRow.field20Container .valueHorizontal .customContainer .custom_row input{ float: left; position: relative; max-width: 348px; }
#registrationForm .formRow.field20Container .valueHorizontal .customContainer .custom_row .remove{float: left; position: relative; width: auto; color: #FF0000; line-height: 35px; height: 35px; margin-left: 15px;}

@media (min-width: 576px) {
    #registrationForm .formRow{ width: 50%; }
    #registrationForm .formRow.field10Container,
    #registrationForm .formRow.field11Container,
    #registrationForm .formRow.field12Container{ width: 100%; }

    #registrationForm .formRow.field1Container,
    #registrationForm .formRow.field3Container,
    #registrationForm .formRow.field5Container,
    #registrationForm .formRow.field8Container,
    #registrationForm .formRow.passwordOne{ padding-right:  7.5px; }

    #registrationForm .formRow.field2Container,
    #registrationForm .formRow.field4Container,
    #registrationForm .formRow.field6Container,
    #registrationForm .formRow.field7Container,
    #registrationForm .formRow.field9Container,
    #registrationForm .formRow.passwordTwo{ padding-left: 7.5px; }

    #registrationForm .formRow.username{margin-right: 50%;}

    #registrationForm .formRow.field12Container .valueHorizontal .fgroup tr{ width:  25%; }
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #registrationForm .formRow.field9Container,
    #registrationForm .formRow.field1Container,
    #registrationForm .formRow.field3Container,
    #registrationForm .formRow.field5Container,
    #registrationForm .formRow.field7Container,
    #registrationForm .formRow.field2Container,
    #registrationForm .formRow.field4Container,
    #registrationForm .formRow.field6Container,
    #registrationForm .formRow.field8Container,
    #registrationForm .formRow.passwordOne,
    #registrationForm .formRow.passwordTwo,
    #registrationForm .formRow.username,
    #registrationForm .formRow{ width: 32%; padding: 0; margin: 0 1% 30px; }

    #registrationForm .formRow.field5Container{
    margin-right:  34%;
}

    #registrationForm .formRow.field10Container,
    #registrationForm .formRow.field11Container{ width: 49%; }

    #registrationForm .formRow.field12Container{margin:0 0 30px 0;}
    #registrationForm .formRow.field12Container .valueHorizontal .fgroup tr:last-child,
    #registrationForm .formRow.field12Container .valueHorizontal .fgroup tr{ width:  auto; margin-right: 40px}
    #registrationForm .formRow.field12Container .valueHorizontal .fgroup tr td input#mf_text_12_other{width:350px; margin-left: 15px;}

    #registrationForm .formRow.username,
    #registrationForm .formRow.field1Container,
    #registrationForm .formRow.field4Container,
    #registrationForm .formRow.field7Container,
    #registrationForm .formRow.field10Container{margin-left: 0;}

    #registrationForm .formRow.passwordTwo,
    #registrationForm .formRow.field3Container,
    #registrationForm .formRow.field6Container,
    #registrationForm .formRow.field9Container,
    #registrationForm .formRow.field11Container{margin-right: 0;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/*********************************** Contact **********************************/
/******************************************************************************/

.contact-us #pageSource{float: left; position: relative; width: 100%;}
.contact-us #pageSource .left{float: left; position: relative; width: 100%;}
.contact-us #pageSource .right{float: right; position: relative; width: 100%;}
.contact-us #pageSource .right iframe{max-width: 100%;}

.contact-us #formTable .formRow > span{float: left; position: relative; width: 100%;}
.contact-us #formTable .formRow .labelHorizontal{margin-bottom: 5px;}

.contact-us #defaultRightColContent .moduleComponentContainercallouts .container{ width: 100%; padding:  0; margin:  0; }
.contact-us #defaultRightColContent .rightCol .moduleComponentContainercallouts .container .row{ margin:  0; }

.followUs{float: left; position: relative; width: 100%; margin-top: 3px;}
.followUs a{float: left; position: relative; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; color: #FFFFFF; background: #1c84c0; height: 46px; line-height: 46px; font-size: 16px; text-decoration: none; border: 2px solid #1c84c0;}
.followUs a:hover{background: #FFFFFF; color: #1c84c0;}

@media (min-width: 576px) {
    .contact-us #pageSource .left{width: 50%;}
    .contact-us #pageSource .right{width: 50%;}

    .contact-us #formTable .formRow{width: 49%;}

    .contact-us #formTable .formRow.field13Container,
    .contact-us #formTable .formRow.field15Container,
    .contact-us #formTable .formRow.field17Container{margin-left: 0;}

    .contact-us #formTable .formRow.field14Container,
    .contact-us #formTable .formRow.field16Container,
    .contact-us #formTable .formRow.field18Container{margin-right: 0;}

    .contact-us #formTable .formRow.field19Container{margin-right: 0; margin-left: 0; width: 100%;}

    .contact-us #defaultRightColContent .moduleComponentContainercallouts{margin-top: 70px;}
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/******************************************************************************/
/******************************* Document Library *****************************/
/******************************************************************************/

#documentLibraryItems{float: left; position: relative; width: 100%; margin-top: 30px;}
#documentLibraryItems .documentLibraryItem{float: left;position: relative;width: 49%; margin-left:  1%; margin-right:  1%;margin-bottom:  30px;}
#documentLibraryItems .documentLibraryItem:nth-child(odd){margin-left: 0;}
#documentLibraryItems .documentLibraryItem:nth-child(even){margin-right: 0;}
#documentLibraryItems .documentLibraryItem .docImage{ height:  240px; background:  #888888; }
#documentLibraryItems .documentLibraryItem .docTitle{ height: 53px; }
#documentLibraryItems .documentLibraryItem .docDownload{color: #ffffff;background: #00ae98;float:  left;position:  relative;width: 100%;text-align:  center;text-transform:  uppercase;font-weight:  bold;line-height:  35px;height: 35px;text-decoration:  none;}

#documentLibraryItems .documentLibraryItem .docImage div{ height:100%; width:100%; text-align: center; font: 0/0 a; }
#documentLibraryItems .documentLibraryItem .docImage div:before{ content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
#documentLibraryItems .documentLibraryItem .docImage div > svg{max-width: 100%; display: inline-block; vertical-align: middle; font-size: 30px; color: #FFFFFF;}

#documentLibraryItems .documentLibraryItem .docTitle div{ height:100%; width:100%; text-align: center; }
#documentLibraryItems .documentLibraryItem .docTitle div:before{ content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
#documentLibraryItems .documentLibraryItem .docTitle div > span{max-width: 100%; display: inline-block; vertical-align: middle;}

@media (min-width: 576px) {
    #documentLibraryItems .documentLibraryItem:nth-child(odd),
    #documentLibraryItems .documentLibraryItem:nth-child(even),
    #documentLibraryItems .documentLibraryItem{width: 32%; margin-left: 1%; margin-right: 1%;}

    #documentLibraryItems .documentLibraryItem:nth-child(3n-5){margin-left: 0;}
    #documentLibraryItems .documentLibraryItem:nth-child(3n){margin-right: 0;}
}

@media (min-width: 768px) {
    #documentLibraryItems .documentLibraryItem:nth-child(3n-5),
    #documentLibraryItems .documentLibraryItem:nth-child(3n),
    #documentLibraryItems .documentLibraryItem:nth-child(odd),
    #documentLibraryItems .documentLibraryItem:nth-child(even),
    #documentLibraryItems .documentLibraryItem{width: 23%;margin-left: 1%;margin-right: 1%;}

    #documentLibraryItems .documentLibraryItem:nth-child(4n-7){margin-left: 0;}
    #documentLibraryItems .documentLibraryItem:nth-child(4n){margin-right: 0;}
}

@media (min-width: 992px) {
    #documentLibraryItems .documentLibraryItem:nth-child(4n-7),
    #documentLibraryItems .documentLibraryItem:nth-child(4n),
    #documentLibraryItems .documentLibraryItem:nth-child(3n-5),
    #documentLibraryItems .documentLibraryItem:nth-child(3n),
    #documentLibraryItems .documentLibraryItem:nth-child(odd),
    #documentLibraryItems .documentLibraryItem:nth-child(even),
    #documentLibraryItems .documentLibraryItem{width: 18.4%;margin-left: 1%;margin-right: 1%;}

    #documentLibraryItems .documentLibraryItem:nth-child(5n-9){margin-left: 0;}
    #documentLibraryItems .documentLibraryItem:nth-child(5n){margin-right: 0;}
}

@media (min-width: 1200px) {
    #documentLibraryItems .documentLibraryItem:nth-child(4n-7),
    #documentLibraryItems .documentLibraryItem:nth-child(4n),
    #documentLibraryItems .documentLibraryItem:nth-child(3n-5),
    #documentLibraryItems .documentLibraryItem:nth-child(3n),
    #documentLibraryItems .documentLibraryItem:nth-child(odd),
    #documentLibraryItems .documentLibraryItem:nth-child(even),
    #documentLibraryItems .documentLibraryItem{width: 15%;margin-left: 1%;margin-right: 1%;}

    #documentLibraryItems .documentLibraryItem:nth-child(6n-11){margin-left: 0;}
    #documentLibraryItems .documentLibraryItem:nth-child(6n){margin-right: 0;}
}

/******************************************************************************/
/*********************************** Calendar *********************************/
/******************************************************************************/

#categoryView.calendar { position: absolute; top: -9px; left: 0px; width: 300px; text-align: left; font-size: 12px; line-height: 20px; z-index: 10; }
#categoryView.calendar .viewSelectHeader { float: left; position: relative; width: auto; }
#categoryView.calendar .viewSelectElement { float: left; position: relative; width: auto; margin: -5px 0px 0px 10px; }
#categoryView.calendar .viewSelectElement select { position: relative; float: right; top: 4px; right: 0px; margin: 0px 12px 0px 0px; padding: 2px; border: 1px solid #ccc; width: 180px; font-size: 11px; background: #fff; }
#categoryNavigation.calendar { position: absolute; top: -17px; right: -12px; width: auto; text-align: left; font-size: 12px; line-height: 20px; z-index: 10; }
#categoryNavigation.calendar .categorySelectHeader { float: left; position: relative; width: auto; }
#categoryNavigation.calendar .categorySelectElement { float: left; position: relative; margin: 0px 0px 0px 10px; }
#categoryNavigation.calendar .categorySelectElement select { position: relative; float: right; top: 6px; right: 0px; margin: 0px 12px 0px 0px; padding: 2px; border: 1px solid #ccc; width: auto; font-size: 12px; background: #000; }
.navCalendarViewLinks span,
.navCategoryLinks span { display: none; }
.navCalendarViewLinks,
.navCategoryLinks { position: absolute; top: 0; right: 0; background: #00ae98; border-radius: 4px; overflow: hidden; border: 1px solid #00ae98; }
.navCategoryLinks { right: 260px; }
.navCalendarViewLinks a,
.navCategoryLinks a { display: block; float: left; height: 37px; color: #fff; font-size: 15px; font-weight: bold;}
.navCalendarViewLinks a.bimonthly,
.navCalendarViewLinks a.monthly,
.navCalendarViewLinks a.weekly,
.navCategoryLinks a { text-align: center; width: 120px; line-height: 37px; padding: 0px 0px 0px 0px; text-transform: uppercase; text-decoration: none; }
.navCalendarViewLinks a.calendar { text-align: center; width: 120px; line-height: 37px; padding: 0px 0px 0px 0px; text-transform: uppercase; text-decoration: none; }
.navCalendarViewLinks a:hover,
.navCategoryLinks a:hover { background: #ffffff; color: #00ae98; }
.navCalendarViewLinks a.selected,
.navCategoryLinks a.selected { background: #fff; color: #00ae98; }
.navCalendarViewLinks a.selected:hover,
.navCategoryLinks a.selected:hover { background: #fff; color: #322F31; }
.navCalendarCategoryLinks { position: relative; float: right; width: 30%; height: 30px; text-align: right; font-size: 11px; line-height: 20px; background: #141D96; color: #FFF; margin: 10px 0px 20px 0px; -webkit-border-radius: 0px 15px 15px 0px ; -moz-border-radius: 0px 15px 15px 0px ; border-radius: 0px 15px 15px 0px ; behavior: url(PIE.htc); }
.navCalendarCategoryLinks select { position: relative; float: right; top: 4px; right: 0px; margin: 0px 12px 0px 0px; padding: 2px; border: 1px solid #ccc; width: auto; font-size: 12px; background: #ffff; }
#navDateLinks { position: relative; float: left; width: 100%; height: 35px; line-height: 35px; font-weight: bold; text-indent: 20px; color: #fff; font-size: 17px; text-transform: uppercase; text-align: center; background: #000000; margin-top: 30px;}
#navDateLinks p { margin: 0; padding: 0; }
#navDateLinks a,
#navDateLinks span.current { margin: 0px; color: #fff; font-size: 17px; line-height: 35px; text-transform: none; font-weight: bold; font-family: 'LunchBox',arial; padding: 0px 10px; text-decoration: none; }
#navDateLinks a:hover { color: #fb9131; }
#navDateLinks span.current { color: #f99130; line-height: 36px; }
#calendarTable { border: none; margin: 0px 0px; width: 100%; border-collapse: collapse; border-right: 1px solid #efefef; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; }
#calendarTable TD{ height:100px; vertical-align:top; background-color:#fff; border: 1px solid #b5b5b5; border-top: none; border-collapse: collapse; color: #0c8bc4;}
#calendarTable TD.calendarHeader{ box-shadow: none; border-color:#fb9131; }
#calendarTable TD.blank{ background: #e8e8e8; box-shadow: none;}
.calendar #calendarTable TD DIV.mday{ text-align:right; color:#322F31; font-weight:bold; font-size:8pt; }
#calendarTable TD .mday{color: #000000;}
.calendarBullets { display: none; color:#AC9B8C; }
#calendarTable TD.calendarHeader  { width:14%; background-color:#fb9131; font-size:15px; padding: 8px 12px; text-align:center; height:auto; color: #FFFFFF; }
#calendarTable TD.long{ width:15%; }
#calendarTable TD{ font-size:14px; overflow:visible; padding:15px;}

@media (max-width: 768px) {
    #calendarTable table{ float: left; position: relative; overflow: hidden; }
    #calendarTable thead tr { left: -9999px; position: absolute; top: -9999px; }
    #calendarTable tr { border: 1px solid #ccc; }
    #calendarTable td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #eee; border-image: none; border-style: none none solid; border-width: medium medium 1px; position: relative; float:  left; width: 100%; padding: 30px 15px 15px; height:  auto; }
    #calendarTable td:before { left: 6px; position: absolute; top: 6px; white-space: nowrap; }
    #calendarTable td.noEvents,
    #calendarTable td.blank{ display:  none; }
    #calendarTable td:nth-of-type(1):before { content: "Sunday"; }
    #calendarTable td:nth-of-type(2):before { content: "Monday"; }
    #calendarTable td:nth-of-type(3):before { content: "Tuesday"; }
    #calendarTable td:nth-of-type(4):before { content: "Wednesday"; }
    #calendarTable td:nth-of-type(5):before { content: "Thursday"; }
    #calendarTable td:nth-of-type(6):before { content: "Friday"; }
    #calendarTable td:nth-of-type(7):before { content: "Saturday"; }
    #calendarTable td.calendarHeader { display: none; }
    #calendarTable TD .mday{ position:  absolute; top: 6px; left: 90px; color:  #0c8bc4; }
    #calendarTable TD > a{ color: #000000; }
}

/******************************************************************************/
/****************************** Calendar Bimonthly ****************************/
/******************************************************************************/

#calendarItems { float: left; position: relative; width: 100%; }
#calendarItems .calendarItem {float: left;position: relative;width: 100%;margin: 15px 0;}
#calendarItems .calendarItem .title {float: none;position: relative;width: auto;margin: 0;color: #2b2b2b;font-weight:  normal;font-size: 20px;}
#calendarItems .calendarItem .date {float: none;position: relative;width: auto;margin: 12px 0 16px 0;font-weight: normal;text-align: left;color: #2b2b2b;}
#calendarItems .calendarItem .content {float: none;position: relative;width: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color: #2b2b2b;}
#calendarItems .calendarItem .content p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; }
#calendarItems .calendarItem .calendarImage { float: left; position: relative; margin: 0px 25px 0px 0px; width: 230px; }
#calendarItems .calendarItem .calendarImage img { position:relative; border-radius: 0px; width: 230px; behavior: url(PIE.htc); }
#calendarItems .calendarItem .content p { margin: 0px 0px 10px; padding: 0; }
#calendarItems .calendarItem .detailsButton{ width: 160px; float: left; position:  relative; display:  block; }
#calendarItems .calendarItem .detailsButton a{ line-height:  35px; height: 35px; background: #00ae98; color: #ffffff; width: 100%; float:  left; position:  relative; text-transform:  uppercase; text-align:  center; font-weight:  bold; text-decoration:  none; margin-top: 7px; border: 1px solid #00ae98;}
#calendarItems .calendarItem .detailsButton a:hover{background: #ffffff; color: #00ae98;}
#calendarBack { float: left; position: relative; width: 100%; padding: 10px 0px 0px 0px; }

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #calendarItems .calendarItem{ width: 50%; }
    #calendarItems .calendarItem:nth-child(odd){padding-right: 15px;}
    #calendarItems .calendarItem:nth-child(even){ padding-left:  15px; }
}

@media (min-width: 1200px) {}

/******************************************************************************/
/******************************* Calendar Details *****************************/
/******************************************************************************/

#calendarItemDetails{float: left; position: relative; width: 100%;}
#calendarItemDetails .calendarImage{ float:  left; position:  relative; width:  100%; }
#calendarItemDetails .title{ float: right; position:  relative; width: 100%; font-size:  20px; color: #2b2b2b; font-weight:  bold; margin-bottom:  10px; }
#calendarItemDetails .date{ float:  right; position:  relative; width: 100%; color: #2b2b2b; }
#calendarItemDetails .content{ float:  right; position:  relative; width: 100%; }
#calendarItemDetails #calendarBack{ width: 100%;}
#calendarItemDetails #calendarBack a{ color: #ffffff; background: #00ae98; float:  left; position:  relative; width: 100%; line-height:  35px; height: 35px; text-align:  center; text-transform: uppercase; font-weight:  bold; }

@media (min-width: 576px) {
    #calendarItemDetails .calendarImage{width: 35%; padding-right:  30px;}
    #calendarItemDetails .title,
    #calendarItemDetails .date,
    #calendarItemDetails .content{width: 65%;}
}

@media (min-width: 768px) {
    #calendarItemDetails #calendarBack{ width:  35%; padding-right: 30px;}
}

@media (min-width: 992px) {
    #calendarItemDetails #calendarBack{ width:  253px; padding-right: 0;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/******************************** Calendar Popup ******************************/
/******************************************************************************/

#login.events .fancybox-container .fancybox-slide--ajax > div{box-sizing:  border-box;max-width: 731px;padding: 83px 93px;background: -moz-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,174,152,1)), color-stop(100%, rgba(12,139,196,1)));background: -webkit-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%);background: -o-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%);background: -ms-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%);background: linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8bc4', endColorstr='#00ae98',GradientType=1 );}
#calendarItemDetails.popup .calendarImage,
#calendarItemDetails.popup .title,
#calendarItemDetails.popup .date,
#calendarItemDetails.popup .content{width: 100%; color: #FFFFFF;}
#calendarItemDetails.popup .calendarImage{max-width: 338px;max-height: 225px;padding:  0;margin-bottom:  25px;}
#calendarItemDetails.popup .title{font-family: 'Archer'; font-size: 50px; line-height: 1;}
#calendarItemDetails.popup .date{margin-bottom: 20px;}
#calendarItemDetails.popup .content,
#calendarItemDetails.popup .content > *{font-size: 20px;}
#login.events .fancybox-container .fancybox-slide--ajax > div > .fancybox-close-small{ background: none; color:  #FFFFFF; font-size:  60px; width: auto; height: auto; line-height: 30px; top: 28px; right: 20px; outline: none;}

/******************************************************************************/
/******************************* Beneficiary News *****************************/
/******************************************************************************/

#listingBeneficiaryNews { float: left; position: relative; width: 100%; }
#listingBeneficiaryNews .listingItem {float: left;position: relative;width: 100%;margin: 15px 0; border: none;}
#listingBeneficiaryNews .listingItem .title {float: none;position: relative;width: auto;margin: 0 0 16px 0;color: #2b2b2b;font-weight:  normal;font-size: 20px;}
#listingBeneficiaryNews .listingItem .date {float: none;position: relative;width: auto;margin: 12px 0 16px 0;font-weight: normal;text-align: left;color: #2b2b2b;}
#listingBeneficiaryNews .listingItem .content {float: none;position: relative;width: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color: #2b2b2b;}
#listingBeneficiaryNews .listingItem .content p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; }
#listingBeneficiaryNews .listingItem .moduleItemImage { float: left; position: relative; margin: 0px 25px 0px 0px; width: 230px; }
#listingBeneficiaryNews .listingItem .moduleItemImage img { position:relative; border-radius: 0px; width: 230px; behavior: url(PIE.htc); }
#listingBeneficiaryNews .listingItem .content p { margin: 0px 0px 10px; padding: 0; }
#listingBeneficiaryNews .listingItem .readMore{ width: 160px; float: left; position:  relative; display:  block; }
#listingBeneficiaryNews .listingItem .readMore a{ line-height:  35px; height: 35px; background: #00ae98; color: #ffffff; width: 100%; float:  left; position:  relative; text-transform:  uppercase; text-align:  center; font-weight:  bold; text-decoration:  none; margin-top: 7px; border: 1px solid #00ae98;}
#listingBeneficiaryNews .listingItem .readMore a:hover{background: #ffffff; color: #00ae98;}
#calendarBack { float: left; position: relative; width: 100%; padding: 0; margin: 30px 0 0 0;}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #listingBeneficiaryNews .listingItem{ width: 50%; }
    #listingBeneficiaryNews .listingItem:nth-child(odd){padding-right: 15px;}
    #listingBeneficiaryNews .listingItem:nth-child(even){ padding-left:  15px; }
}

@media (min-width: 1200px) {}

/******************************************************************************/
/****************************** Beneficiary Details ***************************/
/******************************************************************************/

#moduleItemBeneficiaryNewsDetails{float: left; position: relative; width: 100%;}
#moduleItemBeneficiaryNewsDetails .moduleItemImage{ float:  left; position:  relative; width:  100%; }
#moduleItemBeneficiaryNewsDetails .title{ float: right; position:  relative; width: 100%; font-size:  20px; color: #2b2b2b; font-weight:  bold; margin-bottom:  10px; }
#moduleItemBeneficiaryNewsDetails .date{ float:  right; position:  relative; width: 100%; color: #2b2b2b; }
#moduleItemBeneficiaryNewsDetails .content{ float:  right; position:  relative; width: 100%; }
#moduleItemBeneficiaryNewsDetails #moduleItemBack{ width: 100%; margin: 30px 0 0 0; padding: 0;}
#moduleItemBeneficiaryNewsDetails #moduleItemBack a{ color: #ffffff; background: #00ae98; float:  left; position:  relative; width: 100%; line-height:  35px; height: 35px; text-align:  center; text-transform: uppercase; font-weight:  bold; }

@media (min-width: 576px) {
    #moduleItemBeneficiaryNewsDetails .moduleItemImage{width: 35%; padding-right:  30px;}
    #moduleItemBeneficiaryNewsDetails .title,
    #moduleItemBeneficiaryNewsDetails .date,
    #moduleItemBeneficiaryNewsDetails .content{width: 65%;}
    #moduleItemBeneficiaryNewsDetails .content{min-height: 200px;}
}

@media (min-width: 768px) {
    #moduleItemBeneficiaryNewsDetails #moduleItemBack{ width:  35%; padding-right: 30px; border-top: none;}
}

@media (min-width: 992px) {
    #moduleItemBeneficiaryNewsDetails #moduleItemBack{ width:  253px; padding-right: 0;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/**************************** Survey Login Container **************************/
/******************************************************************************/

#surveyLoginContainer{ background: -moz-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,174,152,1)), color-stop(100%, rgba(12,139,196,1))); background: -webkit-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%); background: -o-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%); background: -ms-linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%); background: linear-gradient(45deg, rgba(0,174,152,1) 0%, rgba(12,139,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8bc4', endColorstr='#00ae98',GradientType=1 ); }
#surveyLoginContainer.loggedIn{ background: none;}
#surveyLoginContainer #registerContainer{display: none;}
/* #surveyLoginContainer .heading{ float: left; position: relative; width: 100%; line-height: 47px; min-height: 47px; color: #ffffff; font-size: 20px;} */
#surveyLoginContainer .heading{float: left; position: relative; width: 100%; line-height: 30px; min-height: 30px; color: #ffffff; font-size: 20px; margin-bottom: 10px;}
#surveyLoginContainer .heading:first-child{margin-top: 13px;}
#surveyLoginContainer .heading > a{color: #ffffff; text-decoration: underline;}
#surveyLoginContainer .welcome{ float: left; position: relative; width: auto; font-size: 20px; line-height: 112px; height: 112px;}
#surveyLoginContainer input{float: left; position: relative; width: 100%; max-width: 255px; height: 40px; background: rgba(208, 215, 218, 0.7); color: #ffffff; border: none; outline: none; margin-right: 30px; margin-bottom: 20px; padding: 0 20px;}
#surveyLoginContainer input::placeholder{font-size: 15px; color: #ffffff;}
#surveyLoginContainer button{float: left;position: relative;width: auto;min-width: 160px;line-height: 40px;height: 40px;color: #ffffff;background: #fd9232;border: none;outline: none;margin-right: 30px;padding: 0 15px 20px;cursor: pointer;font-size: 15px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}
#surveyLoginContainer button#logMeOut{float: right; margin-right: 0; margin-bottom: 0; margin-top: 37px;}

/******************************************************************************/
/******************************** Survey Module *******************************/
/******************************************************************************/

.startSurvey{float: left; position: relative; width: 126px; height: 47px; line-height: 47px; background: #fd9232; color: #FFFFFF; text-transform: uppercase; text-align: center; font-weight: bold; text-decoration: none;}
.startSurvey:hover{color: #FFFFFF; text-decoration: none;}

#progressbarContainer{float: left; position: relative; width: 100%;}
#progressbarContainer .progress{height: 20px;}
#progressbarContainer .progress .progress-bar{height: 20px; line-height: 20px;}

#surveyTable{float: left; position: relative; width: 100%; margin-top: 15px;}
#surveyTable .formRow{float: left;position: relative;width: 100%;margin-bottom:  30px;}

#surveyTable .formRow.q37Container .label,
#surveyTable .formRow.q23Container .label,
#surveyTable .formRow.q21Container .label,
#surveyTable .formRow.q1Container .label{display: none;}

#surveyTable .formRow.q19Container .label{display: block;}

#surveyTable .formRow.radioContainer .value .fgroup{ float:  left; position:  relative; width: 100%; }
#surveyTable .formRow.radioContainer .value .fgroup tr{float: left;position: relative;width: 50%;display: block;}
#surveyTable .formRow.q19Container .value .fgroup tr:last-child,
#surveyTable .formRow.q1Container .value .fgroup tr:last-child{ width: 100%; }
#surveyTable .formRow.radioContainer .value .fgroup tr td{float: left; position: relative; width: 100%;}
#surveyTable .formRow.radioContainer .value .fgroup tr td input{ float:  left; position:  relative; margin-right: 5px; width: auto; }
#surveyTable .formRow.radioContainer .value .fgroup tr td input:before{ content: "\f096"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 5px; background: #fff; }
#surveyTable .formRow.radioContainer .value .fgroup tr td input:checked:before{ content: "\f14a"; color: #16a085; animation: effect 250ms ease-in; } #surveyTable .formRow.q19Container .value .fgroup tr td input#mf_text_q19_other,
#surveyTable .formRow.q1Container .value .fgroup tr td input#mf_text_q1_other{ margin:  0; width: 100%; }
#surveyTable .formRow.radioContainer .value .fgroup tr td label{ margin-bottom: 0; line-height:  35px; height:  35px; float:  left; position:  relative; }
#surveyTable .buttonPanel{float: left; position: relative; width: 100%;}
#surveyTable .buttonPanel input{float: left; position: relative; width: auto; padding: 0 30px; color: #FFFFFF; background: #1183c2; line-height: 46px; height: 46px; outline: none; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer;}

#surveyTable .custom_row > div{float: left; position: relative; width: 100%; margin-top: 10px;}
#surveyTable .custom_row > div:nth-child(2){margin-top: 0;}
#surveyTable .custom_row.radioContainer > div > input{ float: left; position: relative; width: auto;}
#surveyTable .custom_row.radioContainer > div > label{ float: left; position: relative; width: auto; margin-right: 30px; line-height: 35px; height: 35px; margin-bottom: 0;}
#surveyTable .custom_row .more{float: left; position: relative; width: 100%; margin-top: 15px;}
#surveyTable .custom_row .more > span{color: #2b2b2b; text-decoration: none; cursor: pointer;}
#surveyTable .custom_row .more > span > span{color: #00ae98; font-weight: bold; margin-right: 15px;}

#surveyTable .formRow hr{border-color: #55a4a1;}

#surveyTable .formRow.q1Container,
#surveyTable .formRow.q12Container,
#surveyTable .formRow.q13Container,
#surveyTable .formRow.q16Container,
#surveyTable .formRow.q17Container,
#surveyTable .formRow.q18Container,
#surveyTable .formRow.q19Container,
#surveyTable .formRow.q20Container,
#surveyTable .formRow.q21Container,
#surveyTable .formRow.q22Container,
#surveyTable .formRow.q23Container,
#surveyTable .formRow.q25Container,
#surveyTable .formRow.q26Container,
#surveyTable .formRow.q29Container,
#surveyTable .formRow.q32Container,
#surveyTable .formRow.q33Container,
#surveyTable .formRow.q34Container,
#surveyTable .formRow.q36Container,
#surveyTable .formRow.q37Container,
#surveyTable .formRow.q38Container,
#surveyTable .formRow.q40Container,
#surveyTable .formRow.q41Container,
#surveyTable .formRow.q42Container,
#surveyTable .formRow.q46Container,
#surveyTable .formRow.q108Container,
#surveyTable .formRow.q109Container,
#surveyTable .formRow.checkboxContainer,
#surveyTable .formRow.uploadContainer{width: 100%; margin: 0 0 30px 0;}

#surveyTable .formRow.q42Container,
#surveyTable .formRow.q44Container,
#surveyTable .formRow.q45Container,
#surveyTable .formRow.q46Container{margin-bottom: 0;}

#surveyTable .formRow.q50Container{ margin-top:  -30px; }
#surveyTable .formRow.uploadContainer .value{margin-top: 5px;}
#surveyTable .formRow.uploadContainer .value input{ background:  none; border: none; line-height:  1; height: auto; width:  auto; padding:  0; }
#surveyTable .formRow.uploadContainer .value > div{ float:  left; position:  relative; width: 100%; }
#surveyTable .formRow.uploadContainer .value > div > img{ float:  left; position:  relative; width: auto; padding: 9px 0 !important; }
#surveyTable .formRow.uploadContainer .value > div > div{ float:  left; position:  relative; width: auto; line-height: 35px; height: 35px; padding: 0 15px; }
#surveyTable .formRow.uploadContainer .value > div > span{ float:  left; position:  relative; width:  auto; line-height:  35px; height:  35px; margin-left: 30px; }
#surveyTable .formRow.uploadContainer .value > div > span > a{ color: #FFFFFF; text-transform:  uppercase; font-weight:  bold; line-height:  35px; height:  35px; float:  left; position:  relative; width: 126px; text-align:  center; margin-right:  5px; }
#surveyTable .formRow.uploadContainer .value > div > span > a.show{ background: #fd9232; }
#surveyTable .formRow.uploadContainer .value > div > span > a.remove{ background: #909090; }

#surveyTable .formRow.checkboxContainer .label{display: none;}
#surveyTable .formRow.checkboxContainer .value .fchk{ width: auto; float:  left; position:  relative; margin-right:  15px; }
#surveyTable .formRow.checkboxContainer .value span{ float:  left; position:  relative; width: auto; line-height:  35px; height:  35px; }

#surveyTable .formRow.q42Container .value a{font-weight: bold; text-decoration: none;}

#surveyTable .buttonBar{ margin-top: 40px; padding-top: 40px; float: left; position: relative; width: 100%; border-top: 2px solid #55a4a1;}
#surveyTable .buttonBar input{float: left; position: relative; width: 126px; text-align: center; height: 47px; line-height: 47px; background: #1183c2; color: #ffffff; text-transform: uppercase; padding: 0;}
#surveyTable .buttonBar input.save{}
#surveyTable .buttonBar input.continue{float: right; background: #fd9232;}

@media (min-width: 576px) {
    #surveyTable .formRow{ width: 50%; margin: 0 0 30px 0; padding: 0;}

    #surveyTable .formRow.q2Container,
    #surveyTable .formRow.q4Container,
    #surveyTable .formRow.q6Container,
    #surveyTable .formRow.q8Container,
    #surveyTable .formRow.q10Container,
    #surveyTable .formRow.q12Container,
    #surveyTable .formRow.q14Container,
    #surveyTable .formRow.q27Container,
    #surveyTable .formRow.q30Container,
    #surveyTable .formRow.q48Container{ padding-right:  7.5px; }

    #surveyTable .formRow.q3Container,
    #surveyTable .formRow.q5Container,
    #surveyTable .formRow.q7Container,
    #surveyTable .formRow.q9Container,
    #surveyTable .formRow.q11Container,
    #surveyTable .formRow.q15Container,
    #surveyTable .formRow.q28Container,
    #surveyTable .formRow.q31Container{ padding-left: 7.5px; }

    #surveyTable .formRow.radioContainer .value .fgroup tr{width: auto; padding-right: 10px;}
    #surveyTable .formRow.radioContainer .value .fgroup tr:last-child{padding-right: 0;}

    #surveyTable .formRow.q23Container .value .fgroup tr,
    #surveyTable .formRow.q19Container .value .fgroup tr,
    #surveyTable .formRow.q1Container .value .fgroup tr{ width:  33%; }
}

@media (min-width: 768px) {
    #surveyTable .formRow.q23Container .value .fgroup tr,
    #surveyTable .formRow.q19Container .value .fgroup tr,
    #surveyTable .formRow.q1Container .value .fgroup tr{ width:  25%; }
}

@media (min-width: 992px) {
    #surveyTable .formRow.q2Container,
    #surveyTable .formRow.q4Container,
    #surveyTable .formRow.q6Container,
    #surveyTable .formRow.q8Container,
    #surveyTable .formRow.q10Container,
    #surveyTable .formRow.q12Container,
    #surveyTable .formRow.q14Container,
    #surveyTable .formRow.q48Container,
    #surveyTable .formRow.q3Container,
    #surveyTable .formRow.q5Container,
    #surveyTable .formRow.q7Container,
    #surveyTable .formRow.q9Container,
    #surveyTable .formRow.q11Container,
    #surveyTable .formRow.q15Container,
    #surveyTable .formRow.q16Container,
    #surveyTable .formRow.q26Container,
    #surveyTable .formRow.q27Container,
    #surveyTable .formRow.q28Container,
    #surveyTable .formRow.q30Container,
    #surveyTable .formRow.q31Container,
    #surveyTable .formRow{ width: 32%; padding: 0; margin: 0 1% 30px; }

    #surveyTable .formRow.q17Container,
    #surveyTable .formRow.q18Container{ width: 49%; margin: 0 1% 30px;}

    #surveyTable .formRow.q23Container,
    #surveyTable .formRow.q19Container
    #surveyTable .formRow.q1Container{margin:0 0 30px 0;}
    #surveyTable .formRow.q19Container .value .fgroup tr:last-child,
    #surveyTable .formRow.q19Container .value .fgroup tr,
    #surveyTable .formRow.q1Container .value .fgroup tr:last-child,
    #surveyTable .formRow.q1Container .value .fgroup tr{ width:  auto; margin-right: 40px}
    #surveyTable .formRow.q19Container .value .fgroup tr td input#mf_text_q19_other,
    #surveyTable .formRow.q1Container .value .fgroup tr td input#mf_text_q1_other{width:350px; margin-left: 15px;}

    #surveyTable .formRow.q23Container .value .fgroup tr{width: 16.6%;}

    #surveyTable .formRow.q2Container,
    #surveyTable .formRow.q5Container,
    #surveyTable .formRow.q8Container,
    #surveyTable .formRow.q11Container,
    #surveyTable .formRow.q14Container,
    #surveyTable .formRow.q17Container,
    #surveyTable .formRow.q26Container,
    #surveyTable .formRow.q30Container,
    #surveyTable .formRow.q48Container{margin-left: 0;}

    #surveyTable .formRow.q4Container,
    #surveyTable .formRow.q7Container,
    #surveyTable .formRow.q10Container,
    #surveyTable .formRow.q12Container,
    #surveyTable .formRow.q16Container,
    #surveyTable .formRow.q18Container,
    #surveyTable .formRow.q28Container{margin-right: 0;}

    #surveyTable .formRow.q12Container{ width:  66%; }
}

@media (min-width: 1200px) {}

/******************************************************************************/
/***************************** Survey Module Tree *****************************/
/******************************************************************************/

#tree{ display:  inline-block; float:  left; position:  relative; width:  100%; padding:19px; margin-bottom:20px; overflow-x: scroll;}
#tree ul li{ list-style-type:none; list-style: none; margin:0; padding:10px 5px 0 5px; position:relative }
#tree ul li::before,
#tree ul li::after { content:''; left:-20px; position:absolute; right:auto }
#tree ul li::before {border-left:1px solid #999;bottom: 0;height:100%;top: 50%;width:1px;}
#tree ul li div:not(.glyphicon) {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;text-decoration:none;}
#tree ul li.parent_li>div:not(.glyphicon) { cursor:pointer }
#tree > ul > li::before,
#tree > ul > li::after { border:0 }
#tree ul li:last-child::before { height:30px }
#tree ul li.parent_li > div:not(.glyphicon):hover,
#tree ul li.parent_li>div:not(.glyphicon):hover+ul li div:not(.glyphicon) { background:#eee; border:1px solid #999; padding:3px 8px; color:#000 }

#tree ul li > div{width: 180px;}
#tree ul li > div > label{width: 100%;}
#tree ul li > div > input{width: 100%;}

#tree ul li > div::after { content:''; left:-20px; position:absolute; right:auto }
#tree ul li > div::after {border-top:1px solid #999;height:20px;top: auto;width: 21px;bottom: -1px;left:  auto;right:  -20px;}
#tree ul li > div::before { content:''; left:-20px; position:absolute; right:auto }
#tree ul li > div::before {border-top:1px solid #999;height:20px;top: auto;width: 21px;bottom: -1px;left: -20px;right: auto;}
#tree > ul > li > ul > li > ul > li > ul > li > ul > li > div::after{display: none;}
#tree > ul > li > div::before{display: none;}
#tree ul li:last-child::before{display: none;}

#tree ul li div{ position:  absolute; top: 50%; transform: translateY(-50%); }

#tree ul,
#tree ul li{ padding:  0; margin:  0; }
#tree ul{padding-left: 220px;}
#tree > ul{ float:  left; position:  relative; width:  100%; padding-left:  0; }

#tree > ul > li > ul{}
#tree > ul > li > ul > li{ height:  800px; }
#tree > ul > li > ul > li::before{ top: 413px; }
#tree > ul > li > ul > li > ul{ height:  800px; }
#tree > ul > li > ul > li > ul > li{ height: 50%; }
#tree > ul > li > ul > li > ul > li::before{ top: 213px; }
#tree > ul > li > ul > li > ul > li > ul{ height: 100%; }
#tree > ul > li > ul > li > ul > li > ul > li{ height:  50%; }
#tree > ul > li > ul > li > ul > li > ul > li::before{ top: 56%; }
#tree > ul > li > ul > li > ul > li > ul > li > ul{ height:  100%; }
#tree > ul > li > ul > li > ul > li > ul > li > ul > li{ height: 50%; }
#tree > ul > li > ul > li > ul > li > ul > li > ul > li::before{ top: 63px; }

/******************************************************************************/
/******************************** Popup Login *********************************/
/******************************************************************************/

.modal-dialog.login{max-width: 1160px; }
.modal-dialog.login .bootbox-close-button.close{display: none;}
.modal-dialog.login .modal-content{border: none;}
.modal-dialog.login .modal-header{display: none;}
.modal-dialog.login .modal-body{padding: 30px; background: rgba(29,174,226,1); background: -moz-linear-gradient(left, rgba(29,174,226,1) 0%, rgba(29,196,165,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,174,226,1)), color-stop(100%, rgba(29,196,165,1))); background: -webkit-linear-gradient(left, rgba(29,174,226,1) 0%, rgba(29,196,165,1) 100%); background: -o-linear-gradient(left, rgba(29,174,226,1) 0%, rgba(29,196,165,1) 100%); background: -ms-linear-gradient(left, rgba(29,174,226,1) 0%, rgba(29,196,165,1) 100%); background: linear-gradient(to right, rgba(29,174,226,1) 0%, rgba(29,196,165,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1daee2', endColorstr='#1dc4a5', GradientType=1 );}
.modal-dialog.login .modal-body #loginForm{ position:  relative; float:  left; }
.modal-dialog.login .modal-body #loginForm > div{float: left; position: relative; width: 100%;}
.modal-dialog.login .modal-body #loginForm > div > div{float: left;position:  relative;width: 100%;margin-bottom:  30px;color:  #ffffff;}
.modal-dialog.login .modal-body #loginForm > div > div.title{ font-size:  42px; font-family: 'Archer';}
.modal-dialog.login .modal-body #loginForm > div > div.content{ font-size:  18px; font-weight:  bold; }
.modal-dialog.login .modal-body #loginForm > div > div.fields{margin-bottom: 0;}
.modal-dialog.login .modal-body #loginForm > div > div .formRow{ float:  left; position:  relative; width:  100%; margin:  0 0 30px 0; }
.modal-dialog.login .modal-body #loginForm > div > div .formRow:last-child{ margin-bottom:  0; }
.modal-dialog.login .modal-body #loginForm > div > div .formRow .value{ float:  left; position:  relative; width:  100%; }
.modal-dialog.login .modal-body #loginForm > div > div .formRow .value input{float: left;position: relative;width: 100%;background: rgba(208, 215, 218, 0.7);color: #ffffff;line-height:  65px;height: 65px;border:  none;font-size:  18px;outline:  none;}
.modal-dialog.login .modal-body #loginForm > div > div .formRow .value input::placeholder{color: #ffffff;}
.modal-dialog.login .modal-body #loginForm > div > div .formRow button{ width: 120px; height: 66px; line-height:  66px; border: none; text-transform:  uppercase; background: #fa903c; color: #FFFFFF; font-weight:  bold; font-size:  20px; cursor: pointer;}
.modal-dialog.login .modal-body #loginForm .leftCol{}
.modal-dialog.login .modal-body #loginForm .rightCol{ padding-top: 30px; margin-top:  30px; border-top: 2px solid #ffffff; }
.modal-dialog.login .modal-body #loginForm .bottomBar{ margin-top: 30px; text-align:  center; font-weight:  bold; color: #000000; }
.modal-dialog.login .modal-body #loginForm .bottomBar a{ color: #000000; text-decoration:  underline; }

.modal-dialog.login .modal-body #loginForm .closeContainer{ position:  absolute; top: -14px; right: -16px; width:  auto; font-size: 50px; color:  #ffffff; line-height: 1; cursor: pointer; z-index: 999;}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .modal-dialog.login .modal-body #loginForm .leftCol,
    .modal-dialog.login .modal-body #loginForm .rightCol{width: 50%;}
    .modal-dialog.login .modal-body #loginForm .leftCol{padding-right:15px;border-right:2px solid #ffffff;}
    .modal-dialog.login .modal-body #loginForm .rightCol{padding-left:15px;border-top: none;padding-top:  0;margin-top: 0;}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}


/******************************************************************************/
/******************************** Site Search *********************************/
/******************************************************************************/

#pageEditorContent .siteSearch form{ float:  left; position:  relative; width: 100%; }
#pageEditorContent .siteSearch form span{ float:  left; position:  relative; width: auto; line-height:  35px; height: 35px; }
#pageEditorContent .siteSearch form #k{background: #eeeeee;border: 1px solid #2b2b2b;max-width: 100%;padding: 0 10px;line-height: 35px;float:  left;position: relative;height:  35px;margin:  0 15px;}
#pageEditorContent .siteSearch form .fsub{line-height: 35px;height: 35px;float:  left;position:  relative;width: 120px;border: none;background: #fa903c;text-transform:  uppercase;color: #ffffff;font-weight:  bold;}
#pageEditorContent .siteSearch #searchResultItems{ float:  left; position:  relative; width:  100%; margin:  30px 0 0 0; }
#pageEditorContent .siteSearch #searchResultItems #searchResultDescription{ float:  left; position:  relative; width: 100%; margin-bottom:  30px; }
#pageEditorContent .siteSearch #searchResultItems .searchResultItem{ float:  left; position:  relative; width: 100%; padding-bottom:  15px; margin-bottom:  15px; border-bottom: 2px solid #bfbfbf; }
#pageEditorContent .siteSearch #searchResultItems .searchResultItem .img{float:  left;position:  relative;width: 15%;}
#pageEditorContent .siteSearch #searchResultItems .searchResultItem .content{float:  left;position:  relative;width: 85%;padding-left:  10px;}
#pageEditorContent .siteSearch #searchResultItems .searchResultItem .content .title{}
#pageEditorContent .siteSearch #searchResultItems .searchResultItem .content .title a{font-size: 16px;line-height: 1.2;text-transform: none;font-weight: bold;color: #2b2b2b;}
#pageEditorContent .siteSearch #searchResultItems .searchResultItem .content .description{}
#pageEditorContent .siteSearch #searchResultItems .searchResultItem .other{}

@media (min-width: 576px) {
    #pageEditorContent .siteSearch #searchResultItems .searchResultItem .img{width: 22%;}
    #pageEditorContent .siteSearch #searchResultItems .searchResultItem .content{width: 78%;padding-left:  0;}
}

@media (min-width: 768px) {
    #pageEditorContent .siteSearch #searchResultItems .searchResultItem .img{width: 18%;}
    #pageEditorContent .siteSearch #searchResultItems .searchResultItem .content{width: 82%;}
}

@media (min-width: 992px) {
    #pageEditorContent .siteSearch #searchResultItems .searchResultItem .img{width:  12%;}
    #pageEditorContent .siteSearch #searchResultItems .searchResultItem .content{width:  88%;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/************************** Grants-and Scohlarships ***************************/
/******************************************************************************/

.grants-and-scohlarships #pageEditorContent .button{line-height: 45px; height: 45px; min-width: 142px;}

/******************************************************************************/
/****************************** Forgot Password *******************************/
/******************************************************************************/

.forgot-password #data_form #passwordReminder{ float:  left; position:  relative; width: 100%; }
.forgot-password #data_form #passwordReminder .labelHorizontal{line-height:  35px;float:  left;position:  relative;width:  100%;display:  block;}
.forgot-password #data_form #passwordReminder .valueHorizontal{ float:  left; position:  relative; width: 100%; }
.forgot-password #data_form #passwordReminder .valueHorizontal input{ float:  left; position:  relative; width: 100%; line-height:  35px; height:  35px; padding: 0 10px; background: #eeeeee; border: 1px solid #2b2b2b; }
.forgot-password #data_form #passwordReminder .buttonBar{ float: initial; position:  initial; width:  auto; }
.forgot-password #data_form #passwordReminder .buttonBar .buttonPanel{ float:  left; position:  relative; width: 100%; text-align:  right; margin-top:  15px; }
.forgot-password #data_form #passwordReminder .buttonBar .buttonPanel .fsub{ float:  none; }
.forgot-password #data_form #passwordReminder .buttonBar .buttonPanel .fsub.reset{ margin-left: 15px; }

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .forgot-password #data_form #passwordReminder .labelHorizontal{ float:  initial; position:  initial; width:  initial; }
    .forgot-password #data_form #passwordReminder .valueHorizontal{ float:  initial; position:  initial; width:  auto; }
}

@media (min-width: 1200px) {}

/******************************************************************************/
/******************************* Content Blocks *******************************/
/******************************************************************************/

.moduleComponentContainerContentBlocks{float: left; position: relative; width: 100%;}
.moduleComponentContainerContentBlocks .moduleComponent .subBlocks{float: left; position: relative; width: 100%;}
.moduleComponentContainerContentBlocks .moduleComponent .subBlocks a{outline: none;}
.moduleComponentContainerContentBlocks .moduleComponent{float: left; position: relative; width: 100%;}
.moduleComponentContainerContentBlocks .moduleComponent .bannerTitle.hidden{display: none;}
.moduleComponentContainerContentBlocks .moduleComponent.subBlock{width: 50%; padding: 0 7.5px;}
.moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(odd){padding-left: 0;}
.moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(even){padding-right: 0;}
.moduleComponentContainerContentBlocks .moduleComponent.subBlock .bannerHtmlContent .bannerTitle{ float:  left; position:  relative; width: 100%; font-size:  18px; text-align:  center; }
.moduleComponentContainerContentBlocks .moduleComponent.subBlock .bannerHtmlContent .bannerTitle a{ float:  left; position:  relative; width: 100%; }

.moduleComponentContainerContentBlocks #moduleComponent49,
.moduleComponentContainerContentBlocks #moduleComponent47,
.moduleComponentContainerContentBlocks #moduleComponent46,
.moduleComponentContainerContentBlocks #moduleComponent45,
.moduleComponentContainerContentBlocks #moduleComponent43{margin-top: 30px; padding-top: 15px; border-top: 2px solid #bfbfbf;}

.moduleComponentContainerContentBlocks #moduleComponent49.moduleComponent .bannerTitle.hidden,
.moduleComponentContainerContentBlocks #moduleComponent46.moduleComponent .bannerTitle.hidden,
.moduleComponentContainerContentBlocks #moduleComponent45.moduleComponent .bannerTitle.hidden{display: block}

@media (min-width: 576px) {
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(odd),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(even),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock{width: 32%;margin: 0 1%; padding: 0;}
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n-5){margin-left: 0;}
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n){margin-right: 0;}
}

@media (min-width: 768px) {
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(odd),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(even),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n-5),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock{width: 23.5%;margin: 0 1%;}
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(4n-7){margin-left: 0;}
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(4n){margin-right: 0;}
}

@media (min-width: 992px) {
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(odd),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(even),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n-5),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(4n-7),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(4n),
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock{width: 18.4%; margin: 0 1%;}
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(5n-9){margin-left: 0;}
    .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(5n){margin-right: 0;}
}

@media (min-width: 1200px) {}

/*********************************/
/*   Content Blocks Geothermal   */
/*********************************/

.geothermal .moduleComponentContainerContentBlocks .moduleComponent{border-top: 2px solid #bfbfbf;}
.geothermal .moduleComponentContainerContentBlocks .moduleComponent:first-child{border-top: none;}
.geothermal .moduleComponentContainerContentBlocks .subBlocks {float: left;position:  relative;width: 100%;margin-top:  15px;}
.geothermal .moduleComponentContainerContentBlocks .subBlocks .moduleComponent{border-top:none;}

@media (min-width: 768px) {
    .geothermal .moduleComponentContainerContentBlocks .moduleComponent.subBlock{width: 32%;margin: 0 1%;}
    .geothermal .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n-5){margin-left: 0;}
    .geothermal .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n){margin-right: 0;}
}

/*********************************/
/*   Content Blocks Who We Are   */
/*********************************/

.moduleComponentContainerContentBlocks #moduleComponent66{margin-top: 30px; padding-top: 15px; border-top: 2px solid #bfbfbf;}

@media (min-width: 768px) {
    .who-we-are .moduleComponentContainerContentBlocks .moduleComponent.subBlock{width: 32%;margin: 0 1%;}
    .who-we-are .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n-5){margin-left: 0;}
    .who-we-are .moduleComponentContainerContentBlocks .moduleComponent.subBlock:nth-child(3n){margin-right: 0;}
}

/******************************************************************************/
/********************************* News & Events ******************************/
/******************************************************************************/

#listingBlog { float: left; position: relative; width: 100%; }
#listingBlog .listingItem {float: left;position: relative;width: 98%;margin: 15px 0; border: none;}
#listingBlog .listingItem .title {float: none;position: relative;width: auto;margin: 0 0 16px 0;color: #2b2b2b;font-weight:  normal;font-size: 20px; line-height: 1em;}
#listingBlog .listingItem .date {float: none;position: relative;width: auto;margin: 12px 0 16px 0;font-weight: normal;text-align: left;color: #2b2b2b;}
#listingBlog .listingItem .content {float: none;position: relative;width: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color: #2b2b2b;}
#listingBlog .listingItem .content p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; }
#listingBlog .listingItem .moduleItemImage { float: left; position: relative; margin: 0px 25px 0px 0px; width: 245px; }
#listingBlog .listingItem .moduleItemContent { float: right; position: relative; width: 50%; } /* 30 Nov 2018 - added this to contain the content on one side*/
#listingBlog .listingItem .moduleItemImage img { position:relative; border-radius: 0px; width: 245px; behavior: url(PIE.htc); }
#listingBlog .listingItem .content p { margin: 0px 0px 10px; padding: 0; }
#listingBlog .listingItem .readMore{ width: 160px; float: left; position:  relative; display:  block; }
#listingBlog .listingItem .readMore a{ line-height:  35px; height: 35px; background: #00ae98; color: #ffffff; width: 100%; float:  left; position:  relative; text-transform:  uppercase; text-align:  center; font-weight:  bold; text-decoration:  none; margin-top: 7px; border: 1px solid #00ae98;}
#listingBlog .listingItem .readMore a:hover{background: #ffffff; color: #00ae98;}
#calendarBack { float: left; position: relative; width: 100%; padding: 0; margin: 30px 0 0 0;}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #listingBlog .listingItem{ min-height: 210px; width: 50%; max-height: 220px;}  /* 30 Nov 2018 - added the max-height to avoid blank area */
    #listingBlog .listingItem:nth-child(odd){padding-right: 15px;}
    #listingBlog .listingItem:nth-child(even){ padding-left:  15px; }
}

@media (min-width: 1200px) {}

/******************************************************************************/
/****************************  News & Events Details **************************/
/******************************************************************************/

#moduleItemBlogDetails{float: left; position: relative; width: 100%;}
#moduleItemBlogDetails .moduleItemImage{ float:  left; position:  relative; width:  100%; }
#moduleItemBlogDetails .title{ float: right; position:  relative; width: 100%; font-size:  20px; color: #2b2b2b; font-weight:  bold; margin-bottom:  10px; }
#moduleItemBlogDetails .date{ float:  right; position:  relative; width: 100%; color: #2b2b2b; }
#moduleItemBlogDetails .content{ float:  right; position:  relative; width: 100%; }
#moduleItemBlogDetails #moduleItemBack{ width: 100%; margin: 30px 0 0 0; padding: 0;}
#moduleItemBlogDetails #moduleItemBack a{ color: #ffffff; background: #00ae98; float:  left; position:  relative; width: 100%; line-height:  35px; height: 35px; text-align:  center; text-transform: uppercase; font-weight:  bold; }

@media (min-width: 576px) {
    #moduleItemBlogDetails .moduleItemImage{width: 35%; padding-right:  30px;}
    #moduleItemBlogDetails .title,
    #moduleItemBlogDetails .date,
    #moduleItemBlogDetails .content{width: 65%;}
    #moduleItemBlogDetails .content{min-height: 200px;}
}

@media (min-width: 768px) {
    #moduleItemBlogDetails #moduleItemBack{ width:  35%; padding-right: 30px; border-top: none;}
}

@media (min-width: 992px) {
    #moduleItemBlogDetails #moduleItemBack{ width:  253px; padding-right: 0;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/***************************  Survery Module Standard *************************/
/******************************************************************************/

.pakeke-grant #pageSource > *:first-child,
.school-cost-grant #pageSource > *:first-child,
.sporting-grant #pageSource > *:first-child,
.tertiary-grant #pageSource > *:first-child{margin-top: 30px;}
#surveyTable.standard{margin-top: 30px;}
#surveyTable.standard .formRow{ margin: 0 0 30px; padding:  0 15px;}
#surveyTable.standard .formRow.textareaContainer,
#surveyTable.standard .formRow.uploadContainer,
#surveyTable.standard .formRow.headingContainer{width:  100%;}
#surveyTable.standard .formRow > .label{ float:  left; position:  relative; width:  100%; margin-bottom:  8px; }
#surveyTable.standard .formRow > .value{ float:  left; position:  relative; width:  100%; }
#surveyTable.standard .formRow > .value .fgroup{float: left; position: relative; width: 100%;}
#surveyTable.standard .formRow > .value .fgroup > tbody > tr{float: left; position: relative; width: 100%;}
#surveyTable.standard .formRow > .value .fgroup > tbody > tr > td{float: left; position: relative; width: 100%;}
#surveyTable.standard .formRow > .value .fgroup > tbody > tr > td input{float: left;position: relative;width:  auto;line-height:  20px;height: 20px;}
#surveyTable.standard .formRow > .value .fgroup > tbody > tr > td label{ line-height:  20px; height: 20px; margin-bottom:  0; margin-left:  8px; }

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #surveyTable.standard .formRow{ width:  33%; }
    #surveyTable.standard .formRow.textareaContainer .value{width: 50%;padding-right: 15px;}
}

@media (min-width: 1200px) {}

/******************************************************************************/
/***************************** Tertiary Grant 2018 ****************************/
/******************************************************************************/

#surveyTable.standard .formRow.q119Container{width:  100%;}