/* General definitions ====================================== */

* { margin: 0; padding: 0; }

html, body, .textBoxes, .textBoxesMulti, .btnStyle { font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; }

html, body { color: #303030; background: #09486b; }

#wrapper {}

/*.container { width: 80%; } */

.clearbox { clear: both; height: 1px; }
.clearleft { clear: left; height: 1px; }
.clearright { clear: right; height: 1px; }

a, img { outline: 0; }
textarea { resize: none; }

/* General layout =========================================== */

.topbar { height: 5px; background: #09486b; }
.topbarhalf { height: 5px; background: #79cfdc; width: 50%; }

.menuarea { background: #f0f2f2; border-bottom: solid 1px #ececec; }
.pagearea { background: #ffffff; border-bottom: solid 5px #79cfdc; }

.textBoxes, .textBoxesMulti { color: #000000; border: 1px solid #cccccc; background: #fafafa; padding: 7px 7px 7px 7px; }
.textBoxes { width: 60%; }
.textBoxesMulti { width: 80%; height: 200px; }
@media (max-width: 768px) { .textBoxes, .textBoxesMulti { width: 100%; } }

.btnStyle, .btnStyleSm { color: #ffffff; text-decoration: none; display: inline-block; }
.btnStyle:hover, .btnStyle:focus, .btnStyleSm:hover, .btnStyleSm:focus { cursor: pointer; outline: none; color: #ffffff; text-decoration: none; }

.btnStyle { padding: 10px 14px 10px 14px; background: #09486b; }
.btnStyle:hover, .btnStyle:focus { background: #35bed3; }
.btnStyle:focus { background: #09486b; }

.btnStyleSm { padding: 8px 12px 8px 12px; background: #35bed3; font-size: 12px; }
.btnStyleSm:hover, .btnStyleSm:focus { background: #09486b; }
.btnStyleSm:focus { background: #35bed3; }

/* Header layout ============================================ */

.logo { width: 300px; margin: 15px 0 15px 0; }
@media (max-width: 768px) { .logo, .logo img { width: 220px; } }

/* Footer layout ============================================ */

.footerarea .cnt { padding: 32px 0 30px 0; color: #f5f5f5; }
.footerarea .cnt h3 { font-size: 16px; margin-top: 0; font-weight: lighter; }
.footerarea .cnt div { border-left: solid 5px #1a5f85; margin-top: 25px; padding-left: 15px; line-height: 1.8; }
.footerarea .cnt div span { color: #94a7b2; }

.footerarea .cntR { padding: 25px 0 20px 0; color: #94a7b2; text-align: right; line-height: 2; }
.footerarea .imgR { width: 65px; height: 71px; background: url("images/logo-f.png"); float: right; margin-bottom: 30px; }

@media (max-width: 768px) 
{
    .footerarea .cntR { padding: 0 0 20px 0; text-align: left; line-height: 2; }
    .footerarea .imgR { width: 65px; height: 71px; background: url("images/logo-f.png"); float: left; margin-bottom: 20px; }
}

/* Main content layout ====================================== */

.maxImg img, .maxImgLn img { width: 100%; }
.maxImgLn img { border: solid 1px #e0e0e0; }

.actualcontent h1, .actualcontent h1.sp { font-size: 28px; color: #808080; margin: 30px 0 30px 0; font-weight: lighter; }
@media (max-width: 768px) { .actualcontent h1 { font-size: 22px; } }

.actualcontent h2 { font-size: 18px; font-weight: normal; margin: 10px 0 15px 0; }
.actualcontent h1.sp, .actualcontent h2.sp { font-size: 22px; color: #808080; margin: 30px 0 30px 0; font-weight: lighter; border-left: solid 5px #79cfdc; padding: 10px 0 10px 15px; }
.actualcontent p { margin: 0 0 5px 0; }
.actualcontent ul { padding-left: 16px; line-height: 1.8; }
.actualcontentfix { height: 30px; clear: both; }

.gap01 { height: 20px; }
.gap02 { height: 30px; }

.fakeline { height: 1px; border-bottom: dashed 1px #c0c0c0; }
.redValidator { color: #ff0000; }
.noDataFound { padding: 40px 0; margin-bottom: 15px; text-align: center; background: #f2f4f4; border: solid 1px #ececec; }

.map-responsive { padding-bottom: 70%; } /* aspect ratio */
.map-responsive { position: relative; height: 0; overflow: hidden; border: solid 1px #e0e0e0; }
.map-responsive iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 768px) { .map-responsive { margin-top: 15px; }}

/* Social media icons ======================================= */

.socialicons { width: 225px; height: 33px; float: right; margin-top: 35px; }
.icons-lbl { float: left; width: 40px; line-height: 33px; }
.icon-fb, .icon-tw, .icon-lnk, .icon-inst, .icon-pin { float: left; width: 32px; height: 32px; display: block; background: url("images/social.png"); margin-left: 5px; }
.icon-fb { background-position: 0px 0px; }
.icon-tw { background-position: -32px 0px; }
.icon-lnk { background-position: -64px 0px; }
.icon-inst { background-position: -96px 0px; }
.icon-pin { background-position: -128px 0px; }
.icon-fb:hover { background-position: 0px 32px; }
.icon-tw:hover { background-position: -32px 32px; }
.icon-lnk:hover { background-position: -64px 32px; }
.icon-inst:hover { background-position: -96px 32px; }
.icon-pin:hover { background-position: -128px 32px; }

/* Sidebar content layout =================================== */

.sideBox { background: #f0f2f2; margin-bottom: 20px; }
.sideBox h3 { font-size: 16px; color: #ffffff; background: #09486b; padding: 15px 15px 15px 15px; border-left: solid 5px #79cfdc; }

.sideBox .imgB { width: 100%; }
@media (max-width: 768px) { .sideBox .imgB { width: 70%; } }

.sideBox iframe { margin: 10px 0 20px 30px; }
.sideBox p { padding-left: 15px; padding-right: 15px; }
.sideBox p:last-child { padding-bottom: 15px; }

/* Links ==================================================== */

.generalLnk:link, .generalLnk:visited, .generalLnk:active { color: #09486b; text-decoration: none; }
.generalLnk:hover { color: #0d82c6; text-decoration: none; }

.whiteLnk:link, .whiteLnk:visited, .whiteLnk:active { color: #ffffff; text-decoration: none; }
.whiteLnk:hover { color: #94a7b2; text-decoration: none; }

.footerLnk:link, .footerLnk:visited, .footerLnk:active { color: #ffffff; font-weight: bold; text-decoration: none; }
.footerLnk:hover { color: #94a7b2; font-weight: bold; text-decoration: none; }

/* Listing horizontal ======================================= */

.lstBoxHor { float: left; width: 25%; padding: 0 15px 15px 0; box-sizing: border-box; }

@media (max-width: 992px) { .lstBoxHor { width: 33.3333%; } }
@media (max-width: 768px) { .lstBoxHor { width: 50%; } }

.lstBoxHor .cnt { background: #ffffff; border: solid #e0e0e0 1px; }
.lstBoxHor .cnt img { width: 100%; display: block; }
.lstBoxHor .cnt p { text-align: center; padding: 10px 0 10px 0; }

/* Articles related ========================================= */

.artclLstA, .artclLstB { padding: 10px; border-left: solid 1px #ececec; }
.artclLstA { background: #f0f2f2; }
.artclLstB { background: #f2f4f4; }

.articleLstInfo { font-size: 12px; padding-bottom: 10px; font-style: italic; color: #808080; }
.articleLstMore { padding-top: 10px; } 
.articleDtlsInfo { font-size: 12px; padding-bottom: 15px; color: #808080;}

/* Rotator ================================================= */

.rttrarea { background: #ffffff; margin-top: 20px; position: relative; max-height: 500px; overflow: hidden; }

#rttr-pager { position: absolute; top: 15px; right: 15px; }

#rttr-pager a:link, #rttr-pager a:visited, #rttr-pager a:hover, #rttr-pager a.active { display: inline-block; width: 17px; height: 17px; background: url("images/bullets.png"); margin-left: 2px; }
#rttr-pager a:link, #rttr-pager a:visited { background-position: 0px 0px; }
#rttr-pager a:hover, #rttr-pager a.active { background-position: 17px 0px; }

.bx-wrapper .bx-caption { background: rgba(9, 72, 107, 0.75); } /* override */

/* Contact form ============================================= */

.contactgap { height: 15px; }
.contactnotes { padding: 0 0 18px 0; color: #909090; }

/* Bootstrap overrides ====================================== */

a, a:active, a:focus { outline: none; }

/* navigation bar padding and border */
.menuarea .navbar.navbar { margin-bottom: 0px; border-top: 0; border-bottom: 0; }

/* override .navbar-collapse.collapse padding for all devices except mobiles */
@media (min-width: 768px) { .menuarea .navbar-collapse.collapse { padding: 0px; } }

/* navigation bar level 1 */
.menuarea .nav.navbar-nav a { color: #09486b; }
.menuarea .nav.navbar-nav a:hover { background: #ffffff; color: #09486b; }
.menuarea .nav.navbar-nav .open .has-submenu { background: #ffffff; }

/* navigation bar hover hrefs */
.menuarea .nav.navbar-nav ul a { padding-top: 10px; padding-bottom: 10px; color: #09486b; }
.menuarea .nav.navbar-nav ul a:hover { background: #f5f5f5; color: #09486b; }

.menuarea .nav.navbar-nav ul.dropdown-menu { border: solid 1px #ececec; box-shadow: none; border-radius: 0; }

/* navigation bar toggled button styling */
.menuarea .navbar-header .navbar-toggle { background: #09486b; margin-top: 18px; }
.menuarea .navbar-header .navbar-toggle .icon-bar { background: #ffffff; }

.menuarea .navbar-header .navbar-toggle:focus { background: #ffffff; }
.menuarea .navbar-header .navbar-toggle:focus .icon-bar { background: #09486b; }

.menuarea .navbar-custom-fix { height: 26px; }
@media (max-width: 768px) { .menuarea .navbar-custom-fix { height: 0px; } }

/* carousel fade effect */
.carousel-fade .carousel-inner .item { transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control { z-index: 2; }