#contentPanel img {
    display: block;
    height: auto;
    max-width: 100%;
}

#contentPanel table {
    display: block;
}

.ms-rteFontFace-20 {
    -ms-name: "Arial";
    font-family: "Arial";
}

.ms-core-brandingText {
    font-size: 16px;
}

.ms-core-suiteLink-a {
    font-size: 14px;
}

.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink {
    font-size: 14px;
}

.socialTray {
    text-align: right;
    padding-right: 4%;
    padding-top: 8px;
}

    .socialTray img {
        width: 38%;
        height: 31%;
    }

.img-responsive.imgBanner {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

.modal-open {
    overflow: auto;
    z-index: 900;
}

    body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
        margin-right: 0 !important;
    }

.ms-srch-hover-outerContainer {
    left: 600px !important;
}

.ratePageAnchor {
    padding-left: 38px;
    font-size: 12px;
}

#anchorRatingLink {
    display: block;
    float: right;
    margin-right: 9%;
}

#rateThisPageArea table {
    display: inline-table;
}
/***********************quicklink***********************/
#quicklink-tab {
    border: 6px solid #fff;
    background-color: #FAFAF8;
}

.quicklink-header > p {
    font-size: 31px;
    cursor: pointer;
    padding: 14px 0px 0px 0px;
    color: #AA2B56;
}

.item-title > a {
    color: #4C4C4C;
    font-weight: bold;
    font-size: 16px;
}

.item-title > img {
    min-width: 16px;
}

.quicklink-item.row {
    padding: 8px 0;
    border-bottom: 1px solid #D4CFCB;
    margin-left: 0;
    width: 95%;
}

.quicklink-header.row {
    border-bottom: 1px solid #D4CFCB;
    padding: 0;
    margin: 0px 0 10px 20px;
    width: 88%;
}

.quicklink-item.row > .item-description {
    font-size: 13px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    color: #0D0C13;
}

.quicklink-items.row {
    margin: 0px 0 10px 20px;
    overflow-y: auto;
    /* min-height: 295px; */
    max-height: 500px;
    overflow-x: hidden;
}



/***********************endquicklink***********************/



#searchImg {
    left: -35px !important;
}

/*common*/
body {
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    /* overflow-x: hidden;*/
    background-color: #fff;
}

.articleByLine {
    width: 100%;
}

#SearchBox .ms-srch-sb-navLink {
    width: auto;
    height: auto;
}

#DeltaPlaceHolderSearchArea {
    width: 230px;
    position: relative;
}

.search-on-mobile {
    float: left;
    height: 30px !important;
    padding-left: 10px;
}

#mobileSearch {
    display: none;
}

#s4-workspace {
    overflow-x: hidden;
}

h1 {
    font-size: 1.7em;
    color: #252525;
}

.no-padding {
    padding: 0px;
}

/*end common*/
#s4-bodyContainer {
    background: #fff;
    /*height: 200px;*/
    margin-top: 1%;
    padding-bottom: 0;
    display: none;
}

.article-modified {
    padding: 0 0 15px 0;
    font-size: 1em;
    color: #9fa7b7;
}

.title-edit {
    margin-bottom: 5px;
}

.breadcrumb {
    padding: 0px 15px 10px 0px;
    list-style: none;
    border-bottom: 2px solid #abb4bd;
    margin-bottom: 15px;
    background: none;
    border-radius: 0px;
    position: relative;
    margin: 0px ;
	margin-top: 0px !important;
}

#printFunction {
    cursor: pointer;
    position: absolute;
    bottom: 5%;
    right: 0;
}

#printDetailPage, #printDetails {
    padding-bottom: 10px;
}

#printDetails {
    padding-top: 5px;
    font-size: 13px;
    padding-left: 5px;
}

#printDetailPage img {
    max-width: 20px;
}

#printFunction img:hover {
    cursor: pointer;
}
/*helper*/
/*end helper*/
.modal-header .close {
    text-align: right;
}

#mainbodyZone {
    padding-top: 3%;
}
/**********Site map***********/
#siteMap {
    font-family: Arial;
    padding: 30px 40px;
}


    #siteMap .title-main {
        width: 100%;
        position: relative;
    }

    #siteMap .pagetitle {
        padding-top: 5px;
        padding-bottom: 6px;
        text-align: left;
        font-size: 20px;
        color: #951D22;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: bottom;
        border-bottom: #D5D5D5 2px solid;
    }

    #siteMap .title-main h2 {
        position: absolute;
        bottom: -2px;
    }

    #siteMap #topSiteMap {
        padding-top: 20px;
    }

    #siteMap .title-main p {
        color: #9E9E9E;
        font-size: 11px;
        position: absolute;
        right: 0;
        top: 6px;
    }

    #siteMap .news-sitemap ul li {
        display: block;
    }

    #siteMap .box-sitemap {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

        #siteMap .box-sitemap h1 {
            color: #055897;
            font-size: 17px;
            border-bottom: 1px solid #cccccc;
        }

        #siteMap .box-sitemap ul {
            padding: 10px 15px;
        }

            #siteMap .box-sitemap ul li {
                /*background: url("../img/node-open.gif") no-repeat left 3px;*/
                line-height: 22px;
                padding-left: 13px;
            }

                #siteMap .box-sitemap ul li a {
                    color: #636363;
                    font-weight: bold;
                }

                    #siteMap .box-sitemap ul li a:hover {
                        color: #EC3537;
                    }

#divSiteMap .box-sitemap ul li:last-child {
    border-bottom: none;
}

#siteMap .box-sitemap ul ul {
    padding: 0;
    padding-left: 17px;
}

    #siteMap .box-sitemap ul ul li {
        background: url("../img/page-site-map.gif") no-repeat left 9px;
        padding-left: 10px;
    }

    #siteMap .box-sitemap ul ul a {
        font-weight: normal;
    }

#siteMap .setCollapsed, #siteMap .collapsed {
    background: url("../img/node-closed.gif") no-repeat left 1px;
    padding-left: 13px;
    font-weight: bold;
}

#siteMap .setExpand {
    background: url("../img/node-open.gif") no-repeat left 1px;
    padding-left: 13px;
    font-weight: bold;
}
/***************************/


/**********Top Navigation***********/
#home_nav {
    padding-top: 25px;
    background: url("../img/Home.png") no-repeat center 0px;
}

li.dropdown.yamm-fw > a:hover #home_nav {
    padding-top: 25px;
    background: url("../img/Home_white.png") no-repeat center 0px;
}

#about_nav {
    padding-top: 25px;
    background: url("../img/AboutStateCourts.png") no-repeat center 0px;
}

li.dropdown.yamm-fw > a:hover #about_nav {
    padding-top: 25px;
    background: url("../img/AboutStateCourts_white.png") no-repeat center 0px;
}

#career_nav {
    padding-top: 25px;
    background: url("../img/Careers.png") no-repeat center 0px;
}

li.dropdown.yamm-fw > a:hover #career_nav {
    padding-top: 25px;
    background: url("../img/Careers_white.png") no-repeat center 0px;
}

#news_nav {
    padding-top: 25px;
    background: url("../img/NewsAndEvents.png") no-repeat center 0px;
}


li.dropdown.yamm-fw > a:hover #news_nav {
    padding-top: 25px;
    background: url("../img/NewsAndEvents_white.png") no-repeat center 0px;
}


#ask_nav {
    padding-top: 25px;
    background: url("../img/AskStateCourts.png") no-repeat center 0px;
}

li.dropdown.yamm-fw > a:hover #ask_nav {
    padding-top: 25px;
    background: url("../img/AskStateCourts_white.png") no-repeat center 0px;
}

#useful_nav {
    padding-top: 25px;
    background: url("../img/UsefulLinks.png") no-repeat center 0px;
}

li.dropdown.yamm-fw > a:hover #useful_nav {
    padding-top: 25px;
    background: url("../img/UsefulLinks_white.png") no-repeat center 0px;
}

.nav > li > a > img {
    padding-bottom: 2px;
}

.topNavigation {
    float: left;
}

    .topNavigation li {
        display: block;
        margin-top: 16px;
    }

        .topNavigation li a {
            text-decoration: none;
        }

            .topNavigation li a div {
                color: #616161;
                text-transform: uppercase;
                text-align: center;
            }

            .topNavigation li a:hover {
                background: #AA2B56;
                color: #fff;
                height: 65px;
            }

#stcnav {
    margin-bottom: 0 !important;
}
/***************************/

/**********SEARCH***********/
#Search {
    clear: both;
    float: right;
    margin-bottom: 5px;
}

#SearchBox a {
    position: absolute;
    margin-top: 2%;
    margin-left: 0;
    left: 0px;
    top: -1px;
}

#SearchBox input[type="text"] {
    font-size: 12px;
    line-height: 19px;
    color: #B6B6B6;
    height: 20px;
    border: 1px solid #838383;
    margin: 0;
    border-radius: 0px;
    position: relative;
    width: 144px;
    padding-left: 20px;
    padding-right: 38px;
}

#searchInputBox #SearchBox {
    margin-top: 5px;
    height: 21px;
    position: relative;
}

#advanceSearch {
    display: inline;
    padding: 0px;
    font-size: 11px;
}

.go {
    border: 3px solid #BC2B54;
    color: #fff;
    background-color: #BC2B54;
    font-size: 14px;
    position: absolute;
    right: 2px;
    top: 7px;
    cursor: pointer;
    text-transform: uppercase;
}

    .go:hover {
        -moz-opacity: 0.9;
        opacity: 0.9;
    }
/**********MENU BAR*************/
.banner {
    margin-bottom: 8px;
}

.bannerLeft {
    padding: 0;
}

.bannerRight {
    margin-top: 10px;
    text-align: right;
    padding: 0;
}

/* Notices */
#socialNetworkTray {
    display: inline-flex;
    background-color: rgba(252, 247, 182, 0.8);
    color: #EE4949;
    padding: 4px 4px 0 8px;
}

    #socialNetworkTray a {
        color: #4C4C4C;
    }

#noticeClose {
    cursor: pointer;
}

/* Thang's changes */
.carouselContainer {
    position: relative;
}

.row.firstRow, .row.secondRow, .row.fourthRow, .row.fifthRow {
    margin: 0;
}

    .row.firstRow .col-md-12, .row.secondRow .col-md-12 {
        padding: 0;
    }

.carouselContainer > .fb_overlay {
    /*display: block;*/
    /*height: 30px;*/
    position: absolute;
    width: 100%;
    z-index: 9;
    /*border-bottom: 1px solid rgba(120, 133, 147, 0.6);*/
    padding-top: 1px;
    /*background-color: rgba(120, 133, 147, 0.5);*/
}

    .carouselContainer > .fb_overlay .facebookLink {
        float: right;
        margin-right: 10px;
    }

        .carouselContainer > .fb_overlay .facebookLink img {
            height: 27px;
        }

.carousel-inner .slide-detail-container {
    height: 64px;
    width: 100%;
    text-align: center;
    background: #fff;
    text-align: left;
    padding: 1px 2% 0 3%;
    color: #222222;
    font-family: Arial;
}

.item .slide-detail-container > p {
    font-size: 13px;
    width: 670px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-inner .slide-detail-container h3 {
    font-weight: 600;
    font-family: Arial;
    margin-bottom: 4px;
    width: 1124px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
    margin: inherit;
}
/* End of Thang's changes */
.bannerRight div {
    float: right;
}


#logoRight {
    background-color: #fff;
    background: no-repeat left top transparent;
    width: 216px;
    height: 30px;
    display: block;
    margin-bottom: 5px;
    float: right;
}

    #logoRight img {
        width: 245px;
        margin-right: -7px;
    }

.menuRight {
    width: 170px;
}

    .menuRight .advSearch {
        /*float: right;*/
        clear: both;
        margin-left: -35px;
    }

#desc {
    font-size: 10px;
}

.advSearch .zoom {
    color: #C42450;
    cursor: pointer;
}

.advSearch .selected {
    color: blue;
}

.menuRight a {
    font-size: 1.1em;
    color: #000 !important;
}

.menuRight .yamm-fw > a {
    margin-left: -14px;
}

.divider {
    margin-left: 4px;
}

#fontSize {
    font-size: 11px;
    padding-right: 0px;
}

#font {
    display: inline-block;
    padding-right: 18px;
}

    #font span {
        margin: 2px;
    }

#ins {
    margin-right: 20px;
    font-size: 16px;
}

#reset {
    font-size: 12px;
}

#desc {
    font-size: 9px;
}

.advSearch a {
    color: #0c0d0d;
    text-decoration: none;
}

.navbarWrapper::before {
    border-top: 1px solid #d3d3d3;
    height: 3px;
    background: #fff;
    content: '';
    display: block;
}

.navbarWrapper {
    margin-top: 0px;
    border-bottom: 2px solid #BA2B57;
    overflow: visible;
}

.yamm {
    background: #F3F3F3;
    margin: 0;
}

    .yamm .collapse, .yamm .nav, .yamm .dropdown {
        position: static;
        height: 65px;
    }

.navbar-collapse {
    max-height: 571px;
}

li.dropdown.yamm-fw > a.currentSelected {
    background: #BD2C57;
    color: #fff;
}

    li.dropdown.yamm-fw > a.currentSelected:hover {
        color: #fff;
    }

li.dropdown.yamm-fw > a {
    font-size: 11px;
    color: #616161;
    text-transform: uppercase;
    height: 65px;
    text-align: center;
    padding: 15px 13px;
}

    li.dropdown.yamm-fw > a:hover {
        /*background: #AA2B56;*/
        color: #AA2B56;
        /*height: 65px;*/
    }

b.caret {
    display: none;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    box-shadow: none;
    border: 0;
    background: transparent;
}

.yamm .mmSub {
    background: #2C2C2C;
    border-bottom: 2px solid #AA2B56;
    border-top: 2px solid #AA2B56;
    margin-top: -6px;
    min-height: 316px;
}

.mmSub .headline {
    padding-left: 0px !important;
    margin-bottom: 17px;
    margin-top: 25px;
    padding-bottom: 0px !important;
    font-weight: bold;
}

.rightArrow {
    font-size: 9px;
    margin-right: 5px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #AA2B56;
    /*background: #AA2B56;
    height: 65px;*/
}

.navbar-collapse.in {
    background-color: #F3F3F3;
    overflow-x: hidden;
}

#topMenu {
    clear: both;
    float: right;
    margin-bottom: 5px;
}

    #topMenu a {
        padding-right: 0px;
        padding-left: 10px;
        color: #3F3D3D;
        font-size: 11px;
        text-decoration: none;
    }

.header-right {
    text-align: right;
}

/************LOGO************/
#DeltaSiteLogo img {
    max-width: 180px;
    max-height: 69px;
    margin-left: -28px;
}

    #DeltaSiteLogo img.family-logo {
        max-width: 310px;
        max-height: 75px;
        margin-left: 0px;
    }

#DeltaSiteLogo .img-responsive {
    display: inline;
}

#DeltaSiteLogo .commemorative-logo {
    margin-left: 5px;
}

/* ------------------Singapore map--------------*/
.toggleMap {
    text-align: center;
}


    .toggleMap input {
        color: transparent;
        background-color: transparent;
        border: 0;
        width: 29px;
        height: 30px;
        min-width: 0px;
        padding-top: 35px;
    }

input[type="button"]:hover {
    border-color: transparent;
    background-color: transparent;
}

.showMap {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

.hideMap {
    overflow: hidden;
    display: block;
    width: 100%;
    /*height: 500px;*/
    padding-left: 30px;
    padding-right: 30px;
}

.mapDown {
    background: url(../img/expMap.png) no-repeat 0 0 transparent;
}

.mapUp {
    background: url(../img/minMap.png) no-repeat 0 0 transparent;
}

.toggleMap input:focus {
    outline: 0;
}

/*Onemap*/
#map {
    width: 100% !important;
}

    #map .img-responsive {
        height: 300px;
        width: 100%;
    }

#mapTitle {
    cursor: pointer;
    font-size: 31px;
    text-align: center;
    font-style: italic;
}

.mapContainer {
    margin: 0px;
    padding-top: 20px;
    width: 100%;
    border-top: 4px solid #BC2E56;
    padding-bottom: 5px;
    background-color: #F2F2F4;
}

.infowindow .right {
}

    .infowindow .right .titlebar {
        background: #444444;
        color: #fff;
        padding-left: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .infowindow .right .content {
        height: 80px;
        background-color: #F7F7F7;
        overflow: hidden;
        margin: 0 !important;
        padding: 5px;
        overflow: hidden !important;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .infowindow .right .user .border {
        margin-top: 0 !important;
        border: none !important;
    }

    .infowindow .right .content div {
        overflow-x: hidden !important;
    }

#DeltaPlaceHolderMain > div:nth-of-type(5) > .col-md-12 {
    padding: 0;
}
/*-------------End map------*/
/****************************/
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-toggle {
    margin-top: 2%;
}

a.left.carousel-control, a.right.carousel-control {
    background: none;
    outline: none;
}

/************FOOTER***************/
.footer {
    height: 60px;
    background: #555;
    color: #b3b3b3;
    border-top: 6px solid #BC2E56;
    margin-top: 0px;
    font-size: 0.88em;
    font-family: Arial;
    font-size: 12px;
}

.footerLeft {
    padding-top: 15px;
    text-align: center;
    padding-right: 100px;
    color: #B1B1B1;
}

.footerRight {
    padding-top: 15px;
    text-align: right;
    padding-right: 45px;
}

.footer a {
    color: #B1B1B1;
    font-size: 12px;
}

/***********BANNER*****************/
#myCarousel .carousel-indicators {
    bottom: 0px;
    top: 62%;
    left: 10%;
}

.glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
    top: 36%;
}

#carouselButtons {
    position: absolute;
    right: 1.9%;
    bottom: 31.7%;
}

    #carouselButtons button {
        background: transparent;
        border: 0;
        font-size: 0;
        line-height: 1.5;
        border-radius: 3px;
    }

.carousel-control:visited {
    color: #fff;
}

#carouselButtons .glyphicon {
    font-size: 20px;
    color: #fff;
}

.carousel .item {
    background-color: transparent;
    padding: 0;
}

.carousel-inner .item img {
    top: 0;
    left: 0;
    min-width: 100%;
    max-height: 100%;
    height: 293px !important;
}

.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: none;
    opacity: 0.9;
}

.carousel-indicators li {
    width: 17px;
    height: 17px;
    border: 3px solid black;
    background-color: #756B69;
    opacity: 0.4;
}

    .carousel-indicators li:hover {
        opacity: 0.6;
    }

.carousel-indicators .active {
    width: 18px;
    height: 18px;
    opacity: 1;
}

.carousel-control .glyphicon-chevron-left {
    left: 15%;
}

.carousel-control .glyphicon-chevron-right {
    right: 5%;
}

#confirm-delete {
    top: 20%;
    outline: none;
    overflow: hidden;
}

#notification-box {
    top: 20%;
    outline: none;
    overflow: hidden;
}


.pageHeadline {
    font-size: 1.6em;
    color: #AA2B56;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
    padding-left: 0;
}

#contentPanel {
    padding: 20px 17px 30px 15px;
}

    #contentPanel .article-content {
        text-align: justify;
        margin-top: 15px;
    }

#carouselButtons .glyphicon {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    opacity: 0.5;
}

    #carouselButtons .glyphicon:hover {
        opacity: 1;
    }


/************PARTNER*****************/
.container.partnerWrapper {
    margin-top: 25px;
    padding: 0;
}

.partnerWrapper .container-inner {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}

.partnerWrapper img {
    margin: 0 auto;
    max-width: 200px;
}

.thumbnail {
    height: 95px;
    border: 0px;
}

.vendor {
    display: inline-block;
    width: 16%;
}

@media screen and (max-width: 480px) {
    .vendor {
        width: auto;
    }
}

/*********** *****************/
/**********Sidebar***********/
.heading-first {
    font-size: 16px;
}

.heading-second {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 13px;
}

.heading-third {
    font-size: 12px;
}

#menu-content .panel-heading {
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#menu-content .panel-default > .panel-heading {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
}

#menu-content .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.accordion-first-level .accordion-toggle.collapsed {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 15px 20px 55px;
    color: #4f4f4f;
    background-color: #f5f5f5;
    text-decoration: none;
}

.first-level-node {
    border: 1px solid #A8AAAA;
}

#LHS_Navigation {
    margin-top: 10px;
}



.accordion-first-level .accordion-toggle {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 15px 20px 55px;
    color: #fff;
    background-color: #AA2B56;
    text-decoration: none;
}

#LHS_Navigation .accordion-first-level .accordion-toggle.currentNode {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 15px 20px 55px;
    color: #fff;
    background-color: #AA2B56;
    text-decoration: none;
}

.accordion-second-level .accordion-toggle {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 20% 20px 20px;
    color: #fff;
    background-color: #c3c3c3;
    text-decoration: none;
    background-image: url('../img/collapsed-arrow.png');
    background-repeat: no-repeat;
    background-position: 87%;
}

#LHS_Navigation .accordion-second-level .accordion-toggle.currentNodeLvl2 {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 20% 20px 20px;
    color: #fff;
    background-color: #c3c3c3;
    text-decoration: none;
    background-image: url('../img/collapsed-arrow.png');
    background-repeat: no-repeat;
    background-position: 87%;
}

.accordion-second-level .accordion-toggle.collapsed {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 20% 20px 20px;
    color: #838586;
    background-color: #fff;
    text-decoration: none;
    background-image: url('../img/precollapsed-arrow.png');
    background-repeat: no-repeat;
    background-position: 88%;
}

.third-level-menu {
    padding: 14px 0 14px 0px;
    text-decoration: none;
    list-style-type: square;
    color: #AA2B56;
    font-size: 13px;
}

li.third-level-menu a, li.third-level-menu a:visited, li.third-level-menu a:hover, li.third-level-menu a:active {
    color: #2A6496;
}

.node-text {
    display: block;
    overflow: hidden;
}

.first-level-node, #LHS_Navigation, #RHS_MainContent, .sidebar-active-btn {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transition: all 0ms ease;
}

.accordion-body {
    /*transition: height 500ms ease-in;*/
}

.heading-second {
    overflow: hidden;
}

.heading-second-text {
    background: url('/_layouts/15/SC.Branding/img/bullet-second-level.png') no-repeat left center;
    display: block;
    padding-left: 25px;
}

a.sidebar-active-btn {
    display: block;
    background-color: #AA2B56;
    height: 62px;
    cursor: pointer;
    margin-bottom: 5px;
    color: #FFF;
    text-decoration: none;
    font-size: 22px;
    position: relative;
}

    a.sidebar-active-btn .node-text {
        padding: 18px 0 0 40px;
    }

ul.second-level-list {
    margin: 0;
}

a.sidebar-active-btn.sidebar-expanded {
    background: url('../img/collapse-horizontal-left-white.png') no-repeat scroll 90% center #AA2B56;
}

a.sidebar-active-btn.sidebar-collapsed {
    background: url('../img/collapse-horizontal-right-white.png') #AA2B56 no-repeat 19% center;
}

.first-level-node.accordion-toggle {
    background-repeat: no-repeat;
    background-position: 7px;
}

/***************************/
/********Information for visitor************/
#information {
    padding-top: 40px;
    padding-bottom: 15px;
}

.info-item {
    text-align: center;
    height: 173px;
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-top: 21px;
}

.info-title {
    font-size: 18px;
    padding-top: 25px;
}

.content a {
    color: #fff;
    display: block;
    padding: 0px 0px 10px;
}

    .content a:hover {
        text-decoration: underline;
        color: #fff;
    }

#information.container .info-content {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

#information > div:first-of-type {
    width: 85%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    padding-top: 35px;
    padding-bottom: 15px;
}

.infoVisitorBlock .info-item .btn {
    position: relative;
    color: #fff;
    background: #8C334F;
    border: none;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 1000;
    float: right;
    right: 10%;
    margin-top: -20px;
}

.location .info-item .btn {
    right: 6%;
}

.info-item .more-details {
    text-align: left;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #b61644;
    opacity: 0.8;
    z-index: 1000;
    color: #fff;
    top: 0px;
    padding-top: 15px;
    overflow-y: auto;
}

.info-content p {
    font-size: 16px;
    padding-top: 30px;
}

.info-item .more-details .content {
    padding: 0px 10px 15px 20px;
}

.more-details .content > p:nth-of-type(3) {
    line-height: 0.6;
}

#most-visited .content {
    position: relative;
}



#operations-hours .content a {
    padding: 0;
}

.more-details .content ul {
    float: none;
}

#most-visited{
    overflow-y: auto;
    scrollbar-base-color: #790022;
    scrollbar-3dlight-color: transparent;
    scrollbar-highlight-color: #790022;
    scrollbar-track-color: #790022;
    scrollbar-arrow-color: transparent;
    scrollbar-shadow-color: #b61644;
}
    /************Customize Scrollbar***********/

    #most-visited::-webkit-scrollbar, #operations-hours::-webkit-scrollbar {
        width: 8px;
        background-color: transparent;
    }

    #most-visited::-webkit-scrollbar-thumb, #operations-hours::-webkit-scrollbar-thumb {
        background-color: #790022;
        border-radius: 10px;
    }

        #most-visited::-webkit-scrollbar-thumb:hover, #operations-hours::-webkit-scrollbar-thumb:hover {
            background-color: #790022;
            border: none;
        }

        #most-visited::-webkit-scrollbar-thumb:active, #operations-hours::-webkit-scrollbar-thumb:active {
            background-color: #790022;
            border: none;
        }

    /******************************************************/
    #most-visited .content a {
        color: #fff;
        display: block;
        padding: 0px 0px 10px;
        text-decoration: none;
        text-transform: none;
        padding-top: 0px;
        font-weight: 100;
    }

.infoVisitorBlock {
    padding: 10px 30px 0px 30px;
}

.more-details .content {
    font-size: 13px;
    margin: 5px;
}

    .more-details .content a {
        display: inline-block;
        /* font-weight: bold; */
    }

        .more-details .content a:hover {
            color: blue;
            opacity: 0.8;
        }

#info-for-visitor .dfwp-column.dfwp-list {
    float: none;
    padding-left: 0;
}
/*****/
.mask {
    background-color: #AA2B56;
    position: absolute;
    height: 270px;
    z-index: 1000;
    top: -63px;
    display: none;
    color: #fff;
    width: 100%;
    text-align: left !important;
    padding-left: 22px;
}

.infoBlock div {
    margin-top: 43px;
}

.infoBlock {
    text-align: center;
}

div#frequentlyContent a {
    color: white;
}

#frequentlyContent div p {
    margin-top: 0px;
    margin-bottom: 0px;
}

#frequentlyContent div {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.dismissDiv {
    text-align: right !important;
    margin-top: 0 !important;
    margin-right: 15px;
}

#dismissSite {
    background: #8A1133;
    border: 0;
    padding: 10px 15px 10px 15px;
    border-radius: 3px;
    font: inherit;
    color: inherit;
}

#dismissLoc {
    background: #8A1133;
    border: 0;
    padding: 10px 15px 10px 15px;
    border-radius: 3px;
    font: inherit;
    color: inherit;
}

.infoSite, .infoMsg {
    cursor: pointer;
}

.show {
    opacity: 0.8;
}

.dismissBtn {
    background: #8A1133;
    border: 0;
    padding: 10px 15px 10px 15px;
    border-radius: 3px;
}

.infoLocation {
    position: relative;
    height: 271px;
    cursor: pointer;
}

#maskFreq {
    overflow-y: scroll;
}

#infoLocationContent {
    text-align: left;
}
/********************/

/*************IF U ARE*************************/
#MainRow {
    margin-top: 0 !important;
}

.col-md-12 .infoTitle {
    font-size: 40px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px;
}

.row.if-you-are {
    margin: 0;
}

    .row.if-you-are img {
        max-height: 46px;
        margin: 0 auto;
    }

.if-you-are .item {
    background: #FF706A;
    height: 155px;
    cursor: pointer;
    margin: 4px;
}

.if-you-are .icon {
    height: 60px;
    padding-top: 20px;
    text-align: center;
    -ms-flex-direction: column;
}

.text-center-captcha {
    text-align: right;
    width: 200px;
}

    .text-center-captcha input.captchaInput {
        width: 200px;
        margin-top: -20px;
    }

.if-you-are .text-center h4 {
    padding: 10px 15px 0 15px;
}

.if-you-are .icon1 {
    background-position: -162px 0;
}


.if-you-are h4 {
    color: #FFFEFF;
    margin: 5px 0 0 0;
    line-height: 1.2;
    font-size: 18px;
}

.if-you-are .example {
    color: #FFFEFF;
    font-size: 16px;
}

.if-you-are a, a:hover {
    text-decoration: none;
}

.iyaMask .mmSub p.headline {
    margin-bottom: 5px;
    padding-left: 0;
}

.iyaBack {
    position: absolute;
    right: 34px;
    bottom: 41px;
}

.col-md-12.infoTitle {
    font-size: 34px;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 12px;
}

.iyaMask {
    min-height: 306px;
    color: #fff;
    position: absolute;
    height: 100%;
    z-index: 1000;
    top: 0;
    width: 100%;
    display: none;
}

    .iyaMask .mmSub {
        background: #2C2C2C;
        margin: -24px -15px 0px 15px;
        height: 100%;
        border-bottom: 4px solid #AA2B56;
        border-top: 2px solid #AA2B56;
        overflow: auto;
    }

#iyaBackBtn {
    background: #bd2d56;
    font-size: 11px;
    color: #f9fffb;
    background: #AA2B56;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
    border: none;
    text-transform: uppercase;
}

    #iyaBackBtn:hover {
        background: #AA2B56;
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

#divisionTitle {
    height: 42px;
}

.divisionContainer {
    margin: 0 -4px;
}

.mmSub a {
    color: #fff;
    font-size: 13px;
}

.mmSub p {
    margin-bottom: 4px;
}

.mmSub .headline a {
    font-size: 15px;
    color: #979797;
    text-transform: uppercase;
    padding-left: 0px;
}

    .mmSub .headline a:hover {
        text-decoration: none;
    }
/*rate this page*/


.dashed-line {
    width: 100%;
    height: 1px;
    border-top: 1px dashed #c3c3c3;
    margin: 10px 0;
}

hr {
    height: 8px;
    background: #AA2B56;
}

.btn.btn-default {
    background: #bd2d56;
    color: #f9fffb;
    background: #AA2B56;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
    border: none;
}

    .btn.btn-default:hover {
        background: #AA2B56;
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

.LBD_CaptchaImageDiv img[id$="CaptchaImage"] {
    width: 187px;
    height: 63px;
}

input[id$="CaptchaCodeTextBox"] {
    margin-top: 5px;
    width: 215px;
}

.rate-this-page {
    padding-left: 25px;
    padding-right: 25px;
}

    .rate-this-page .rateContent {
        padding: 0;
    }

    .rate-this-page .rateComment {
        height: 129px;
    }

        .rate-this-page .rateComment textarea {
            height: 100%;
        }

    .rate-this-page .titleRate {
        font-size: 1em;
    }

    .rate-this-page .checkRate label {
        font-size: 1em;
    }

    .rate-this-page .rankRate {
        font-weight: bold;
    }

        .rate-this-page .rankRate .disagree {
            /* padding-left: 25px; */
        }

.rankRate .agree {
    text-align: right;
}

.rate-this-page .rankRate .row {
    padding: 15px;
}

#rateThisPage_Comment_CharacterstLeft {
    font-size: 0.9em;
}

.rate-this-page .checkRate .row tr td {
    padding-left: 0 0 0 5%;
}

.rate-this-page .checkRate .row table {
    display: table;
    width: 100%;
}

.rate-this-page .rankRate .agree {
    padding-right: 30px;
}

.rate-this-page .checkRate input {
    margin: 1px 4px 0;
}

.rateButton > input[type=submit] {
    font-family: Arial;
    font-size: 0.9em;
}

/*end rate this page*/
/***********Latest News**********************/
/*news */
.middle-row {
    background-color: #f2f2f3;
    padding: 30px 30px 15px 30px;
    margin: 0;
}

#latest-news {
    border: 6px solid #fff;
    background-color: #FAFAF8;
}

    #latest-news .fbHeadTitle {
        font-size: 31px;
        cursor: pointer;
        padding: 14px 0px 0px 0px;
        color: #AA2B56;
    }

    #latest-news .date {
        color: #4c4c4c;
        font-size: 25px;
        text-align: left;
        font-family: inherit;
        height: 35px;
        text-align: left;
        padding-left: 2px;
    }

    #latest-news .month {
        color: #4c4c4c;
        font-size: 16px;
        vertical-align: top;
        text-align: left;
        text-transform: uppercase;
        font-family: inherit;
        padding: 2px 0px 0px 0px;
    }

    #latest-news .date-month {
        padding: 0;
    }

    #latest-news .news-content {
        padding: 0;
    }

    #latest-news > .row {
        padding: 4px 0;
        border-bottom: 1px solid #D4CFCB;
        margin: 0px 30px 5px 20px;
    }

    #latest-news .row:last-child {
        border: 0px;
    }

    #latest-news > .row.newsHeader {
        padding: 0;
    }

    #latest-news .title a {
        color: #4C4C4C;
        /*font-weight: bold;
        font-size: 14px;*/
    }

.news-content {
    position: relative;
}

#latest-news .description {
    font-size: 13px;
    width: 310px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 6px;
    color: #0D0C13;
}

#latest-news #buttonDiv {
    text-align: right;
    padding-top: 21px;
}

#latest-news #btnMore {
    font-family: Arial;
    font-size: 0.9em;
}
/**************End Latest News******/

/**************Search Result******/
.ms-srch-result #ResultFooter {
    display: none;
}
/**************End of Search Result******/

/**************List of News******/
#Result #list-of-news-pager .nvgButton {
    background-color: #BC2C56;
    padding-top: 3px;
    padding-left: 2px;
}

.list-of-news {
    padding-bottom: 25px;
    padding-top: 35px;
}

    .list-of-news img {
        max-width: 130px;
    }

    .list-of-news .title a {
        color: #AA2B56;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .list-of-news .newsImage {
        padding-bottom: 8px;
    }

.listOfNews .newsList .list-item {
    list-style: none;
}

#listNews .title {
    font-size: 16px;
}

#listNews .description {
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 6px;
    text-align: justify;
}

#listNews .created .from {
    color: #bdb4a0;
    padding-left: 15px;
    padding-right: 4px;
}

.list-of-news .created {
    color: #bdb4a0;
    font-size: 16px;
    padding: 10px;
    padding-left: 0;
}

    .list-of-news .created span {
        display: none;
    }



#list-of-news-pager {
    padding: 0;
    margin: 0 auto;
    color: white;
    font-weight: bold;
    text-align: center;
}

    #list-of-news-pager a, #list-of-news-pager span {
        min-width: 16px;
        min-height: 15px;
        line-height: 97%;
        text-decoration: none;
        text-align: center;
        margin: 0 5px;
        padding: 2px 0 1px;
        vertical-align: middle;
        display: inline-block;
        zoom: 1;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        font-weight: normal;
    }

    #list-of-news-pager a {
        background-color: #7f7f7f;
        text-decoration: none;
        color: white;
    }

        #list-of-news-pager a:hover {
            background-color: #AA2B56;
            text-decoration: none;
            cursor: pointer;
        }

    #list-of-news-pager .current {
        display: inline-block;
        border-radius: 10em;
        text-decoration: none;
        background-color: #AA2B56;
        font-weight: bold;
    }


    #list-of-news-pager img {
        position: relative;
        left: -2px;
        top: -4px;
    }
/**************End List of News******/



/**************Privacy Statement***********/
#privacyStatement {
    font-family: Arial;
    padding: 30px 40px;
}

    #privacyStatement .pagetitle {
        padding-top: 5px;
        padding-bottom: 6px;
        text-align: left;
        font-size: 20px;
        color: #951D22;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: bottom;
        border-bottom: #D5D5D5 2px solid;
    }

    #privacyStatement .endContent {
        border-bottom: #D5D5D5 2px solid;
    }

/**************End Privacy Statement***********/

/**************termsofUse***********/
#termsofUse {
    font-family: Arial;
    padding: 30px 40px;
}

    #termsofUse .pagetitle {
        padding-top: 5px;
        padding-bottom: 6px;
        text-align: left;
        font-size: 20px;
        color: #951D22;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: bottom;
        border-bottom: #D5D5D5 2px solid;
    }

    #termsofUse .terms-of-Use-content {
        padding-bottom: 6px;
    }

    #termsofUse .endContent {
        border-bottom: #D5D5D5 2px solid;
    }

/**************end termsofUse***********/

/**************copyright***********/
#copyright {
    font-family: Arial;
    padding: 30px 40px;
}

    #copyright .copyright-header {
        padding-top: 20px;
    }

    #copyright .pagetitle {
        padding-top: 5px;
        padding-bottom: 6px;
        text-align: left;
        font-size: 20px;
        color: #951D22;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: bottom;
        border-bottom: #D5D5D5 2px solid;
    }

    #copyright .endContent {
        border-bottom: #D5D5D5 2px solid;
    }

/**************end copyright***********/

/**************Contact Us***********/
#contactUs .forEnquiries {
    font-weight: bold;
    font-style: italic;
    font-size: 0.813em;
}

.contactUs p span {
    padding: 0px;
}

#contactUs p {
    margin: 0px;
}

#contactUs .pagetitle {
    padding-top: 5px;
    padding-bottom: 6px;
    text-align: left;
    font-size: 1.250em;
    color: #951D22;
    font-weight: bold;
    background-color: #FFFFFF;
    vertical-align: bottom;
    border-bottom: #D5D5D5 0.125em solid;
}

#contactUs .splitArea {
    border-bottom: #EC3537 0.250em solid;
    margin-bottom: 20px;
}

#contactUs {
    font-family: Arial;
    padding: 30px 40px;
}

    #contactUs .contactUsContent .col-sm-3 {
        padding-left: 0px;
    }

.contactUsContent {
    padding-bottom: 10px;
}

.contactInfo {
    margin-top: 20px;
    padding: 0px;
}

#contactUs a {
    color: #0000ff;
    text-decoration: underline;
}
/**************End contact Us***********/
/************* Social Media************/
.facebook-frame {
    width: 100%;
    height: 300px;
}

.phm.pluginLikeboxStream {
    height: 225px;
}

.footer a.facebookLink {
    display: block;
    /* width: 10px; */
    float: right;
    margin-right: 40px;
    margin-top: 5px;
}

    .footer a.facebookLink img {
        width: 30px;
    }

#facebook-panel .article {
    border-bottom: #d7d9dc solid 1px;
    padding: 10px 0;
}

#socialPanel {
    background-color: #FAFAF8;
    overflow-y: hidden;
    max-height: 500px;
    overflow-x: hidden;
    margin: 0 30px;
    margin-bottom: 40px;
    scrollbar-base-color: #3E5BA1;
    scrollbar-3dlight-color: transparent;
    scrollbar-highlight-color: #3E5BA1;
    scrollbar-track-color: #FAFAF8;
    scrollbar-arrow-color: transparent;
    scrollbar-shadow-color: #3E5BA1;
}

#facebook-panel div.fbHeadTitle {
    font-size: 30px;
    cursor: pointer;
    padding: 3px 0px 0px 0px;
    color: #222;
}

#facebook-panel {
    border: 6px solid #fff;
    background-color: #FAFAF8;
    margin-left: 0px;
    height: 500px;
}

    #facebook-panel .newsHeader, #latest-news .newsHeader {
        border-bottom: 1px solid #D4CFCB;
        padding-bottom: 10px;
        margin-left: 20px;
        margin-right: 30px;
    }

    #facebook-panel [class^="col"] {
        padding: 0px;
    }

    #facebook-panel > .row {
        padding: 10px 0;
        margin: 0px 30px 10px 20px;
    }

#socialPanel p {
    font-size: 13px;
    margin: 0;
    font-style: normal;
    cursor: text;
    margin-bottom: 0px;
    padding-top: 10px;
    word-break: break-word;
}

#socialPanel strong, #socialPanel img {
    cursor: pointer;
}

#facebook-panel .article img:hover {
    opacity: 0.6;
}

#facebook-panel .article p:hover {
    text-decoration: none;
}

#facebook-panel .article p span {
    color: #AA2B56;
    cursor: pointer;
    margin-right: 30px;
    height: 500px;
}

.fb-like.fb-iframe_widget > span {
    vertical-align: bottom !important;
}

.p-user a, .p-user a:hover, .p-user a:visited {
    color: #4b5155;
    text-decoration: none;
}

.p-tool a, .p-tool a:hover, .p-tool a:visited {
    color: #C33F68;
    text-decoration: none;
}

#socialPanel::-webkit-scrollbar {
    width: 8px;
    height: auto;
    background-color: transparent;
    cursor: pointer;
}

#socialPanel::-webkit-scrollbar-thumb {
    background-color: #3E5BA1;
    border-radius: 10px;
    cursor: pointer;
}

    #socialPanel::-webkit-scrollbar-thumb:hover {
        background-color: #3E5BA1;
        opacity: 0.8;
        cursor: pointer;
    }

    #socialPanel::-webkit-scrollbar-thumb:active {
        background-color: #3E5BA1;
        opacity: 0.8;
        cursor: pointer;
    }
/************* END SOCIAL MEDIA *********/
/**************Feedback***********/
#feedBackInfo, #feedBackInfo {
    font-family: Arial;
    margin: auto;
    padding: 30px 40px;
}

    #feedBackInfo .captchaArea {
        text-align: right;
    }

        #feedBackInfo .captchaArea > img {
            padding: 5px 0;
        }

    #feedBackInfo .captchaInput {
        width: 200px;
    }

    #feedBackInfo .col-md-7.col-sm-7.col-xs-7 {
    }
    /* Table Styles for the entire application */
    #feedBackInfo .tabledata-border {
        border: 1px solid #D8D2BD;
        padding: 1px;
        margin: 0px;
        width: 100%;
    }

    #feedBackInfo .pointToNote {
        color: #999999;
        font-size: 12px;
        font-weight: 100;
        font-family: Arial;
        margin-top: 40px;
    }

    #feedBackInfo .feedback-control-group {
        margin-bottom: 10px;
    }

    #feedBackInfo .instructions {
        vertical-align: bottom;
        text-align: left;
        font-size: 14px;
        color: #595959;
        font-weight: normal;
        padding-bottom: 7px;
    }

    #feedBackInfo .field {
        color: #4D515A;
        font-weight: bold;
        font-size: 12px;
        text-align: right;
        vertical-align: sub;
    }

    #feedBackInfo .footnote {
        color: #333333;
        font-size: 11px;
    }

    /* form */
    #feedBackInfo .formarea {
        background-color: #FFFFFF;
        padding: 0px;
        margin: 0px;
        border: 0px;
    }

    #feedBackInfo .formsection {
        /*background-color:#F1F2F3;*/
        width: 100%;
    }

    #feedBackInfo .form-section-sepline {
        margin-top: 4px;
        height: 1px;
        margin-bottom: 20px;
        border-top: 1px dotted #cccccc;
    }

    #feedBackInfo .alertheader {
        border-style: solid;
        border-width: 1px;
        font-size: 10px;
        border-color: #F0C000;
        background-color: #FFFFCE;
        text-align: left;
        padding-top: 6px;
        padding-bottom: 5px;
        padding-left: 7px;
        padding-right: 7px;
        vertical-align: middle;
    }

    /* page */
    #feedBackInfo .page-message {
        font-size: 12px;
    }

    #feedBackInfo .page-title {
        padding-top: 5px;
        padding-bottom: 0px;
        text-align: justify;
        font-size: 20px;
        color: #951D22;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: bottom;
    }

    /* Validation Controls */
    /* for all validator web controls */
    #feedBackInfo .validation-msg {
        font-size: 12px;
        color: #FF0000;
    }

    #feedBackInfo .red-asterik {
        font-weight: bold;
        color: #ff0000;
        font-size: 15px;
        padding-left: 8px;
        vertical-align: sub;
    }

    #feedBackInfo .btn-ok {
        width: 84px;
    }

.modal-footer .btn-ok {
    width: 84px;
}
/* web controls */
#feedBackInfo .textbox, #feedBackInfo .textArea, #feedBackInfo .dropdownlist, #feedBackInfo .radiobutton,
#feedBackInfo .checkbox, #feedBackInfo .checkboxlist {
    color: #000000;
    font-size: 14px;
    resize: none;
    width: 100%;
    min-height: 26px;
    margin-top: 5px;
}

#feedBackInfo .textArea {
    padding: 2px 5px;
}

#feedBackInfo .formbutton {
    border-right: solid 1px #696969;
    border-bottom: solid 1px #696969;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    background: #EFEFEF;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    padding: 1px;
    color: #000000;
    font-size: 11px;
}

#feedBackInfo .action-zone {
    background-color: #FFF0F0;
}

#feedBackInfo #btnSubmit {
    text-transform: uppercase;
    font-family: Arial;
}

#feedBackInfo .submit-padding {
    padding-right: 5%;
    text-align: right;
}
/********end feedback**************/
/*----------CSS for Content details------*/
#headLine {
    padding-bottom: 0px;
}
/*----------End CSS for Content details------*/
/****************Left Menu*******************/
#sidebar-wrapper {
    background: #fff;
    color: #282828;
    position: absolute;
    height: 100%;
    overflow-x: hidden;
}


#sideNav {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.sidebar-nav > li > a {
    color: #282828;
    /*background: url(../images/sArrowRight.png) no-repeat right  transparent;*/
    margin-right: 15px;
}

.sidebar-nav > li {
    text-indent: 0;
}

.panel.dropdown.level1 > a.collapsed {
    color: #757575;
}

.panel.dropdown.level1 > a {
    width: 100%;
    padding-left: 74px;
    line-height: 28px;
    font-size: 24px;
    height: 70px;
    color: #757575;
    padding-top: 10px;
}

.level1 {
    border-radius: 0;
    margin-bottom: 10px !important;
    border: 1px solid #c3c3c3;
}

.panel.dropdown.level1 > a, .panel.dropdown.level1 > a:hover {
    background-color: #b61644;
    color: #fff;
}

    .panel.dropdown.level1 > a.navArrow {
        background: url("/_layouts/15/SC.Branding/img/nav_leftArrow.png") no-repeat right 8px center transparent !important;
        background-color: #b61644 !important;
    }

    .panel.dropdown.level1 > a.collapsed.nav1 {
        background: url("/_layouts/15/SC.Branding/img/nav1_gray.png") no-repeat left 14px top 10px transparent;
        background-color: transparent;
        font-size: 20px;
    }

    .panel.dropdown.level1 > a.nav1:hover, .panel.dropdown.level1 > a.nav1 {
        background: url("/_layouts/15/SC.Branding/img/nav1_white.png") no-repeat left 14px top 10px transparent;
        background-color: #b61644;
        font-size: 20px;
    }

    .panel.dropdown.level1 > a.collapsed.nav2 {
        background: url("/_layouts/15/SC.Branding/img/nav2_gray.png") no-repeat left 21px top 12px transparent;
        background-color: transparent;
        font-size: 20px;
        padding-top: 20px;
    }

    .panel.dropdown.level1 > a.nav2:hover, .panel.dropdown.level1 > a.nav2 {
        background: url("/_layouts/15/SC.Branding/img/nav2_white.png") no-repeat left 21px top 12px transparent;
        background-color: #b61644;
        font-size: 20px;
        padding-top: 20px;
    }

    .panel.dropdown.level1 > a.collapsed.nav3 {
        background: url("/_layouts/15/SC.Branding/img/nav3_gray.png") no-repeat left 21px top 17px transparent;
        background-color: transparent;
        font-size: 20px;
    }

    .panel.dropdown.level1 > a.nav3:hover, .panel.dropdown.level1 > a.nav3 {
        background: url("/_layouts/15/SC.Branding/img/nav3_white.png") no-repeat left 21px top 17px transparent;
        background-color: #b61644;
        font-size: 20px;
    }

    .panel.dropdown.level1 > a.collapsed.nav4 {
        background: url("/_layouts/15/SC.Branding/img/nav4_gray.png") no-repeat left 21px top 18px transparent;
        background-color: transparent;
        font-size: 20px;
    }

    .panel.dropdown.level1 > a.nav4:hover, .panel.dropdown.level1 > a.nav4 {
        background: url("/_layouts/15/SC.Branding/img/nav4_white.png") no-repeat left 21px top 18px transparent;
        background-color: #b61644;
        font-size: 20px;
    }


    .panel.dropdown.level1 > a.collapsed.nav5 {
        background: url("/_layouts/15/SC.Branding/img/nav5_gray.png") no-repeat left 12px top 16px transparent;
        background-color: transparent;
        font-size: 20px;
        padding-right: 20px;
    }

    .panel.dropdown.level1 > a.nav5:hover, .panel.dropdown.level1 > a.nav5 {
        background: url("/_layouts/15/SC.Branding/img/nav5_white.png") no-repeat left 12px top 16px transparent;
        background-color: #b61644;
        font-size: 20px;
        padding-right: 20px;
    }

    .panel.dropdown.level1 > a.collapsed.nav6 {
        background: url("/_layouts/15/SC.Branding/img/nav6_gray.png") no-repeat left 21px top 11px transparent;
        background-color: transparent;
        font-size: 20px;
        padding-top: 20px;
    }

    .panel.dropdown.level1 > a.nav6:hover, .panel.dropdown.level1 > a.nav6 {
        background: url("/_layouts/15/SC.Branding/img/nav6_white.png") no-repeat left 21px top 11px transparent;
        background-color: #b61644;
        font-size: 20px;
        padding-top: 20px;
    }

    .panel.dropdown.level1 > a.collapsed.nav7 {
        background: url("/_layouts/15/SC.Branding/img/nav7_gray.png") no-repeat left 14px top 20px transparent;
        background-color: transparent;
        font-size: 20px;
        padding-top: 20px;
    }

    .panel.dropdown.level1 > a.nav7:hover, .panel.dropdown.level1 > a.nav7 {
        background: url("/_layouts/15/SC.Branding/img/nav7_white.png") no-repeat left 14px top 20px transparent;
        background-color: #b61644;
        font-size: 20px;
        padding-top: 20px;
    }

    .panel.dropdown.level1 > a.collapsed.nav8 {
        background: url("/_layouts/15/SC.Branding/img/nav8_gray.png") no-repeat left 21px top 18px transparent;
        background-color: transparent;
        font-size: 20px;
    }

    .panel.dropdown.level1 > a.nav8:hover, .panel.dropdown.level1 > a.nav8 {
        background: url("/_layouts/15/SC.Branding/img/nav8_white.png") no-repeat left 21px top 18px transparent;
        background-color: #b61644;
        font-size: 20px;
    }

.panel.dropdown.level2 > a.collapsed {
    background: url("/_layouts/15/SC.Branding/img/sArrowRight.png") no-repeat right 10px center transparent;
    margin-right: 3px;
    color: #000;
}

.panel.dropdown.level2 > a {
    background: url("/_layouts/15/SC.Branding/img/sArrowDown.png") no-repeat right 10px center transparent;
    background-color: #a8dbdc;
    padding-left: 25px;
    margin-left: -39px;
    color: #fff;
}

.glyLevel2 {
    color: #5a6666;
    padding-right: 10px;
}

.level1 > ul {
    /*list-style-image: url('../images/level2Glypth.png');*/
    list-style-type: none;
}

.level2 > ul {
    list-style: none;
    padding-left: 0px;
    font-size: 12px;
}

    .level2 > ul li:before {
        content: "■ ";
        color: #747273;
    }

    .level2 > ul li a {
        display: inline-block;
        padding-left: 10px;
    }

    .level2 > ul li:hover:before {
        content: "■ ";
        color: #f95961;
    }

    .level2 > ul li:hover a {
        color: #f95961 !important;
    }

    .level1 > ul li, .level2 > ul li {
        padding-left: 0px;
        text-indent: 0;
    }

.panel.dropdown {
    margin-bottom: 0;
    background-color: #f8f8f8;
    padding: 0;
}

.sidebar-nav li a:hover, .sidebar-nav li a:hover {
    text-decoration: none;
    color: #282828;
    /*background-color: #B3AEAE;*/
}

.glyphicon-plus {
    margin-right: 10px;
    font-size: 12px;
    background: #b61644;
    color: #fff;
}

.container.rate-this-page {
    max-width: 1368px;
    border-top: 4px solid #AA2B56;
}

/***********************************************| Phones |*******************************************/
@media (max-width:407px) {
    /**** use this model for small screen *****/
    /***********feedback *************/
    .text-right {
    }

    #feedBackInfo .field {
    }


    #fdBackInfo .submit-padding {
    }
    /***********end feedback *************/

    /************** Logo ************/
    #logoRight img {
        max-width: 166px;
    }

    #DeltaSiteLogo img {
        max-width: 160px;
    }

    #topMenu a {
        padding-right: 6px;
    }
    /************** end Logo ************/
}

@media (max-width: 450px) {
    .rate-this-page .rankRate .agree {
        font-size: 10px;
        padding: 0;
    }
}

@media (max-width: 555px) {
    a.sidebar-active-btn .node-text {
        display: none;
    }
}

@media (max-width: 767px) {
    /*****************TOp nav max768*****************************/
    ul#mainNav {
        text-align: center;
    }

        ul#mainNav li.dropdown.yamm-fw {
            display: inline-block;
            width: 40%;
            height: 113px;
            background: #F3F3F3;
            margin: 8px;
            -webkit-box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.23);
            -moz-box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.23);
            box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15);
            border-radius: 6px;
        }

            ul#mainNav li.dropdown.yamm-fw > a {
                height: 100%;
                padding-top: 38px;
            }

                ul#mainNav li.dropdown.yamm-fw > a.currentSelected {
                    background: #BD2C57;
                    color: #fff;
                    -webkit-box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.23);
                    -moz-box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.23);
                    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15);
                    border-radius: 6px;
                }

    li.dropdown.yamm-fw > a.dropdown-toggle > div {
        height: 44px;
    }

    /*If you are*/
    .if-you-are .item {
        height: 60px;
        cursor: pointer;
        margin: 4px;
    }

        .if-you-are .item .row {
            margin-top: 0;
        }

    .row.if-you-are img {
        max-height: 35px;
        margin: 5px;
    }

    .if-you-are .icon {
        height: 60px;
        padding-top: 20px;
        display: inline;
    }

        .if-you-are .icon img {
            display: inline;
        }

    .if-you-are .text-center h4 {
        font-size: 14px;
        margin-top: -40px;
        padding-left: 50px;
    }

    .if-you-are .example {
        color: #FFFEFF;
        font-size: 13px;
    }

    /********************end top nav************************/
    /***********Banner */
    #myCarousel .carousel-indicators {
        bottom: 0px;
        top: 55%;
        left: 7.3%;
    }

    #carouselButtons {
        bottom: 40%;
        right: -4%;
    }

    .carousel-inner .slide-detail-container h3 {
        font-size: 13px;
        margin-top: 6px;
        margin-bottom: 3px;
        width: 240px;
    }

    .item .slide-detail-container > p {
        width: 240px;
    }

    .item .carousel-inner .slide-detail-container > p {
        width: 225px;
        font-size: 10px;
        margin-bottom: 0;
    }

    .carousel-inner .slide-detail-container {
        font-size: 11px;
        height: 48px;
        background: #fff;
        color: #222222;
    }


    /********************Quiclink, information for visitor*/
    .infoVisitorBlock .info-item .btn {
        right: 4%;
        top: -24px;
    }

    #confirm-delete .modal-footer a.btn-ok {
        width: 54px;
    }
    /****************************end quick link, information for visistor*/
    /***********left nav*******/
    div#RHS_MainContent {
        width: 100%;
    }

    #LHS_Navigation {
        display: none;
    }

    #contentPanel {
        padding-left: 30px;
    }
    /****************/

    /*******************top nav*/
    .mmSub .headline a {
        font-size: 12px;
    }

    .mmSub a {
        font-size: 11px;
    }
    /******************If you are******************/
    .col-md-12.infoTitle {
        font-size: 20px;
    }

    /*********************If you are *************************/
    .carousel-inner .item img {
        height: 150px !important;
    }
    /************ middle row********/
    .middle-row {
        padding: 30px 0;
    }

    .quicklink-header.row {
        width: 94%;
    }

    .quicklink-item.row {
        width: 100%;
    }
    /************ middle row ********/
    /*.quicklink-item.row > .item-description {
            width: 176px;
        }*/

    .partnerWrapper img {
        max-width: 102px;
    }

    #s4-bodyContainer {
        padding: 0;
    }

    #topMenu a {
        padding-right: 0px;
        padding-left: 10px;
        color: #3F3D3D;
        font-size: 8px;
        text-decoration: none;
    }

    ul.nav.navbar-nav.navbar-right.menuRight {
        display: inline-block;
    }

    .input-group {
        display: block;
    }

    .ms-siteicon-img {
        width: 124%;
    }

    .navbar-top .navbar-collapse {
        margin-top: 2%;
    }

    #SearchBox input[type="text"] {
        margin-right: 4px;
        display: inline-block;
        margin-top: 1%;
        /*width:100px;*/
    }

    #DeltaPlaceHolderSearchArea {
        width: 193px;
    }

    #carouselButtons .glyphicon {
        font-size: 15px;
    }

    .go {
        margin-top: 1px;
        margin-right: 4px;
        right: 37px !important;
        /*right:74px !important;*/
    }

    .partnerWrapper .container-inner {
        width: 95%;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
    }

    #topMenu a {
        padding-right: 0px;
        padding-left: 10px;
        color: #3F3D3D;
        font-size: 0.61em;
        text-decoration: none;
    }

    .menuBar li {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    .yamm .mmSub {
        padding-left: 25px;
    }

    .menuBar li a {
        font-size: 11px;
    }

    #SearchBox input[type="text"] {
        margin-right: 4px;
        display: inline-block;
        margin-top: 1%;
    }

    li.dropdown.yamm-fw > a {
        font-size: 0.7em;
        color: #000;
        padding: 15px 8px;
    }

    .footer {
        font-size: 0.8em;
    }

    .footerLeft {
        padding-right: 0px;
    }

    .footerRight {
        padding-top: 7px;
        text-align: center;
        padding-right: 0px;
    }

    #printDetails {
        display: none;
    }

    #facebook-panel {
        margin-right: 0;
    }

    .btn.btn-default {
        font-size: 9px;
    }
    /*******rate this page**********/
    table tbody tr td:nth-child(5) {
        display: block;
    }

    .rate-this-page .checkRate label {
        font-size: 8px;
    }

    .rate-this-page .rankRate .row {
        padding: 0;
    }

    .rate-this-page .checkRate .row tr td {
        padding-left: 0;
    }

    .rate-this-page .titleRate, .rate-this-page .rankRate .disagree,
    .rate-this-page .rankRate .agree, .text-right, #rateThisPage_Comment_CharacterstLeft {
        font-size: 8px;
    }

    .rate-this-page .rankRate .agree {
        padding-left: 34%;
        text-align: center;
    }

    .rate-this-page .rankRate .disagree {
        padding: 0 0 0 30%;
    }

    .rate-this-page h1 {
        font-size: 13px;
    }
    /***topNav collapse******/
    .yamm .collapse, .yamm .nav, .yamm .dropdown {
        height: auto;
    }
    /***********************/
    #latest-news {
        margin-left: 0;
        max-height: 300px;
        overflow-y: scroll;
    }

        #latest-news .fbHeadTitle, #facebook-panel .fbHeadTitle {
            font-size: 16px;
        }

        #latest-news .title a {
            font-size: 12px;
        }

        #latest-news > .row {
            margin: 0px 20px 6px 20px;
        }

        #latest-news .description {
            font-size: 11px;
            max-width: 135px;
        }

        #latest-news .title, .item-title > a {
            font-size: 12px;
        }

        #latest-news .date {
            font-size: 20px;
        }

        #latest-news .month {
            font-size: 13px;
            padding: 0;
        }

        #latest-news #btnMore {
            font-size: 9px;
        }

    .quicklink-header > p {
        font-size: 16px;
    }

    .quicklink-item.row > .item-description {
        font-size: 11px;
    }
    /****Slide Banners**/
    .carousel-indicators li {
        width: 13px;
        height: 13px;
    }

    .carousel-indicators .active {
        width: 14px;
        height: 14px;
    }

    #myCarousel .carousel-indicators {
        bottom: -10px;
        top: 59%;
    }

    #carouselButtons .glyphicon {
        padding: 2px;
    }

    #carouselButtons {
        bottom: 36%;
        right: 2%;
    }

        #myCarousel .carousel-control, #carouselButtons .glyphicon {
            font-size: 10px;
        }
    /*************/
    #centerarea .container {
        max-width: 888px;
    }

    /*************TOp nav*************/

    #navbar-collapse-grid {
        background: #FFFFFF;
        position: relative;
    }

    #mainNav .dropdown-menu {
        position: absolute;
        top: 0;
        text-align: left;
    }

    .navbar-header.visible-xs {
        border-bottom: 2px solid #BD2C57;
        min-height: 61px;
    }
    /****************** useful links,*******/
    .info-content p {
        font-size: 12px;
        padding-top: 12px;
    }

    .info-item {
        height: 123px;
        padding-top: 17px;
    }
    /*******************Map*/
    #mapTitle {
        font-size: 16px;
    }

    .footer a {
        font-size: 11px;
    }
    /*******************feeback*************/
    #feedBackInfo .captchaInput {
        width: 100%;
    }

    #feedBackInfo {
        padding: 30px 18px;
    }

    .fm-label {
        padding: 0;
    }

    #feedBackInfo .col-md-7.col-sm-7.col-xs-7 {
        padding-right: 0;
    }

        #feedBackInfo .col-md-7.col-sm-7.col-xs-7 > img {
            width: 100%;
        }
    /*******************end feeback*************/
    /****************************Rate this page**********/
    #rateThisPageArea .rateComment {
        margin-bottom: 12px;
    }

    #rateThisPageArea {
        padding-right: 0;
    }

        #rateThisPageArea .text-center-captcha {
            padding-top: 20px;
        }

        #rateThisPageArea .rateButton > input[type=submit] {
            font-size: 0.6em;
        }
    /**********************End rate this page*************/
    /*************feedback************/
    #contactUs {
        padding: 20px 16px;
    }
    /**********Search*/
    #searchInputBox p.visible-xs {
        padding-top: 10px;
    }

    a#advanceSearch-xs {
        padding-left: 3px;
        font-size: 12px;
        color: #444444;
    }

    /*******************search result**********/
    .ms-srch-result {
        padding-left: 60px;
    }

    .ms-srch-item {
        width: 100%;
    }
    /************************************end search result*/

    /*If you are*/

}

/***********************************************| Tablets |******************************************/
@media (min-width: 768px) and (max-width: 992px) {
    #navbar-collapse-grid #SearchBox input[type="text"] {
        width: 130px;
    }

    #navbar-collapse-grid #font {
        padding-right: 2px;
    }

    #navbar-collapse-grid #fontSize {
        font-size: 11px;
        padding: 0 0 0 11px;
    }

    #latest-news {
        margin-left: 0;
    }

    #facebook-panel {
        margin-right: 0;
    }

    .go {
        margin-top: 2px;
        margin-right: 4px;
    }

    .partnerWrapper .container-inner {
        width: 95%;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
    }

    /*.menuBar {
        margin-right: 0!important;
        text-align: center;
    }*/

    #topMenu a {
        padding-right: 0px;
        padding-left: 10px;
        color: #3F3D3D;
        font-size: 0.61em;
        text-decoration: none;
    }

    .menuBar li {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    .yamm .mmSub {
        padding-left: 25px;
    }

    .menuBar li a {
        font-size: 11px;
    }

    #SearchBox input[type="text"] {
        margin-right: 4px;
        display: inline-block;
        margin-top: 1%;
    }

    li.dropdown.yamm-fw > a {
        font-size: 0.6em;
        color: #000;
        padding: 15px 5px;
    }

    .footerLeft {
        padding-right: 0px;
    }

    .footerRight {
        padding-top: 7px;
        text-align: center;
        padding-right: 0px;
    }

    #printDetails {
        display: none;
    }

    #latest-news .description {
        width: 530px;
        font-size: 13px;
    }

    #latest-news .title {
        font-size: 14px;
        padding-top: 10px;
    }

    #latest-news .date {
        font-size: 2em;
    }

    #latest-news .month {
        font-size: 17px;
        padding: 0;
    }

    .btn.btn-default {
        font-size: 0.9em;
    }

    table tbody tr td:nth-child(5) {
        display: block;
    }

    .rate-this-page .titleRate {
        font-size: 11px;
    }

    .rate-this-page h1 {
        font-size: 20px;
    }

    .rate-this-page .rankRate .row {
        padding: 0px;
        font-size: 12px;
    }

    .rate-this-page .checkRate label {
        font-size: 13px;
    }

    .info-item .more-details .content {
        padding: 0px 20px 15px 20px;
    }
    /******** latest news ********/
    #latest-news .row .col-sm-2 {
        width: 8.666667%;
    }

    #latest-news .row .col-sm-10 {
        width: 91.333333%;
    }
    /******** end latest news ********/

    .rate-this-page .rankRate .agree {
        padding-right: 10px;
    }

    .rate-this-page .rankRate .agree, .rate-this-page .rankRate .disagree {
        font-size: 11px;
    }
    /********Slide Banners**************/
    .carousel-indicators li {
        width: 15px;
        height: 15px;
    }

    .carousel-indicators .active {
        width: 16px;
        height: 16px;
    }

    #myCarousel .carousel-indicators {
        bottom: -6px;
    }

    #myCarousel .carousel-control, #carouselButtons .glyphicon {
        font-size: 15px;
    }
    /****End Slide Banners****/
    #centerarea .container {
        max-width: 992px;
    }
}

/***********************************************| Desktops  |****************************************/
@media (min-width: 992px) and (max-width: 1200px) {
    /*********  Latest News *********/
    #latest-news .col-md-2 {
        width: 13.666667%;
    }

    #latest-news .col-md-10 {
        width: 86.333333%;
    }
    /*********  End latest News *********/
    #facebook-panel {
        margin-right: 0;
    }

    .rate-this-page .rankRate .agree {
        padding-right: 10px;
    }

    .rate-this-page .rankRate .agree, .rate-this-page .rankRate .disagree {
        font-size: 11px;
    }

    #centerarea .container {
        max-width: 1190px;
    }
}

/***********************************************| Large Desktops  |**********************************/
@media (min-width: 1200px) {
    .container {
        max-width: 1368px;
        padding: 0 4%;
    }

    /*********  Latest News *********/
    #latest-news .col-lg-2 {
        width: 10.666667%;
    }

    #latest-news .col-md-10 {
        width: 89.333333%;
    }
    /*********  End latest News *********/
}

/***********************************************| Print  |******************************************/
@media print {
    body {
        margin: 4mm 0mm 28mm 10mm;
    }

    #Search, .advSearch, #suiteBar, #s4-ribbonrow, .footer, #leftMenuPanel, #printDetailPage, .rate-this-page {
        display: none;
    }

    #DeltaSiteLogo img {
        max-width: 230px;
    }

    #logoRight {
        background-color: #fff !important;
        background: no-repeat left top transparent;
        width: 216px;
        height: 30px;
        display: block;
        float: right;
        margin-top: 5%;
    }

    #print_content {
        margin-top: 0%;
    }

    #printFunction {
        display: none;
    }

    #ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField div {
        margin-top: 10px;
    }
}


/***********************/
@media (min-width: 768px) {
    .container-fluid.navbarWrapper #navbar-collapse-grid {
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .bannerContainer {
        max-width: 100%;
    }
}

@media (max-width:407px) {

    #topMenu a {
        padding-right: 6px;
        padding-left: 0;
    }

    li.dropdown.yamm-fw > a {
        font-size: 0.5em;
    }

    .quicklink-header.row {
        width: 90%;
    }

    #latest-news .title {
        padding-left: 5px;
    }
}

@media (max-width:500px) {
    #myCarousel .carousel-indicators {
        top: 53%;
        left: 13%;
    }

    #carouselButtons {
        bottom: 40%;
        right: -1%;
    }
}

/*Back To Top*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }

    #DeltaSiteLogo {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

@media (min-width: 1281px) {
    #font {
        padding-right: 6px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    #font {
        padding-right: 14px;
    }
}

/*iPad responsive*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .navbar-burger {
        display: block !important;
    }

    .navbar-brand {
        width: 100%;
    }

    .navbar > .sgds-container {
        max-width: none;
        width: 100%;
        display: block !important;
    }

        .navbar > .sgds-container .navbar-brand {
            max-width: none;
            width: 100%;
            margin: 0 !important;
        }

    .navbar-menu {
        display: none !important;
    }

        .navbar-menu.is-active {
            display: block !important;
            padding-bottom: 1rem;
        }

    .navbar-start {
        display: inline-grid !important;
    }

        .navbar-start .navbar-item {
            /*min-height: 100% !important;*/
            text-align: left !important;
            display: block;
        }

    .navbar-link {
        padding-left: 0 !important;
        display: inline-block !important;
    }

        .navbar-link::after {
        }

    .custom-dropdown {
        position: static !important;
        display: block !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }


    /*---Search---*/
    #mobileSearch {
        display: block;
        max-width: 100%;
    }

    .navbar .field {
        border-top: 1px solid rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0,0,0,.1);
    }


    .navbar-end {
        display: none;
    }
}