/*css comment*/

.page-content ul.benefits {
    width: 100%;
    float: left;
    margin-top: 35px;
    padding: 0px;
}

.page-content ul.benefits li h3,
.page-content ul.benefits li p {
    width: 100%;
    float: left;
}

.page-content ul.benefits li:before,
.page-content ul.culture li:before {
    display: none;
}

.page-content ul.benefits li {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 60px;
    padding: 0px 20px;
    border: solid 1px #ddd;
    margin-top: 20px;
    }
.page-content ul.benefits li .benefits-detail {
    width: 75%;
    float: left;
    }

/*.page-content ul.benefits li strong{float:left; background:#007436; color:#fff;  padding:5px 20px; margin-top:-35px;}*/
.page-content ul.benefits li h3,
.page-content ul.culture li h3 {
    padding-top: 15px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    }
.page-content ul.benefits li .benefits-logo {
    width: 16%;
    float: right;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    }
.page-content ul.benefits li .benefits-logo img {
    width: 100%;
    height: auto;
    display: block;
    }
.page-content ul.benefits li span {
    background: #d31a35 none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin-top: -49px;
    padding: 8px 20px;
    }
.page-content ul.benefits li ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    }
.page-content ul.benefits li ul li {
    width: 100%;
    float: left;
    list-style: none;
    border: none;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    margin-bottom: 5px;
    }
.page-content ul.benefits li ul li p{
    margin-bottom: 0;
    }
.page-content ul.benefits li ul li:before {
    position: absolute;
    left: 3px;
    content: '';
    width: 6px;
    height: 6px;
    top: 15px;
    background: #d31a35;
    border-radius: 50%;
    display: block;
    }
.page-content ul.culture li figure {
    float: left;
    max-width: 150px;
    width: 18%;
    padding-top: 0px;
    }
.page-content ul.culture li h3,
.page-content ul.culture li p {
    width: 80%;
    float: right;
}
.page-content ul.culture li {
    border-bottom: solid 1px #ddd;
    float: right;
    width: 100%;
    padding: 10px;
}

@media(max-width:1199px){
    .page-content ul.benefits li span {margin-top: -48px;}
}
@media(max-width:991px){
    .page-content ul.benefits li span {margin-top: -47px;}
}
@media(max-width:767px){
    .page-content ul.benefits li span {margin-top: -44px;}
}
@media(max-width:575px){
    .page-content ul.benefits li span {margin-top: -42px;}
}

.page-sec {
    width: 100%;
    float: left;
    padding: 55px 0;
}
.inr-pg-title {
    width: 100%;
    float: left;
    text-align: center;
    background: url(../images/banner-patten.jpg) repeat left top;
    min-height: inherit;
    color: #f90;
    font-size: 45px;
    padding-top: 90px;
    text-transform: uppercase;
    padding-bottom: 50px;
    box-shadow: 1px 0 2px black;
    text-shadow: 0 2px 1px #0a1a35;
}
.left-menu {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.national-offer .person {
    margin-bottom: 20px;
}
.national-offer .person p {
    max-width: 210px;
    margin: 0 auto;
    padding-top: 15px;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #007436;
    border-color: rgba(40, 68, 114, 0.72);
}
.page-content table {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.page-content table tr:nth-child(even) {
    background: #ededed;
    line-height: 36px;
}

.page-content table tr:nth-child(odd) {
    background: #fff;
    line-height: 36px;
}

.page-content table tr td {
    padding: 0px 8px;
}

.page-content table tr th {
    background-color: #2d2d2f;
    color: #fff;
    padding: 8px;
}

.tab-panel-list {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.tab-panel-list ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.tab-panel-list ul:nth-child(even) {
    background: #ededed;
}

.tab-panel-list ul:nth-child(odd) {
    background: #fff;
}

.tab-panel-list ul li {
    width: 39.33%;
    float: left;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    margin: 0px;
    padding: 5px 12px;
}

.tab-panel-list ul li:nth-child(3n) {
    width: 20%;
}

.tab-panel-list ul li:before {
    display: none;
}

.page-content .ui-accordion .ui-accordion-header {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 18px !important;
    color: #0b0b0b;
    margin: 4px 0px 0px 0px;
    padding: 10px;
}

.page-content .ui-accordion .ui-accordion-content p {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #0b0b0b;
}

.page-content .ui-accordion .ui-accordion-content p a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #274472;
    text-decoration: none;
}

.page-content .ui-accordion .ui-accordion-content p a:hover {
    color: #0b0b0b;
}


.timeline-page {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.timeline-page .timeline-left {
    width: 100%;
    max-width: 600px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.timeline-page .timeline-year {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

.timeline-page .timeline-year ul {
    width: 100%;
    float: left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}

.timeline-page .timeline-year ul li {
    width: 86px;
    list-style: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0px 5px 10px 5px;
    padding: 0px;
}

.timeline-page .timeline-year ul li:before {
    display: none;
}

.timeline-page .timeline-year ul li a {
    width: 100%;
    float: left;
    background: #007436;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    margin: 0px;
    padding: 0px 20px;
    }

.timeline-page .timeline-year ul li a:hover,
.timeline-page .timeline-year ul li a.active {
    background: #d31a35;
    color: #fff;
}

.timeline-page .timeline-year .timeline-cont {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.timeline-page .timeline-year .timeline-cont h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0b0b0b;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.timeline-page .timeline-year .timeline-cont p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 40px 0px;
}

.timeline-page .timeline-year .cont-hide {
    display: none;
}

.timeline-page .timeline-year .timeline-cont .newsmakers-year {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.timeline-page .timeline-year .timeline-cont .newsmakers-year a {
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #274472;
    line-height: 20px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.timeline-page .timeline-year .timeline-cont .newsmakers-year a:hover {
    color: #0b0b0b;
}

.timeline-page .timeline-year .timeline-cont .newsmakers-year .fa-long-arrow-right {
    display: inline-block;
    padding-right: 6px;
    font-size: 14px;
    color: #274472;
}

.padding-bot10 {
    padding-bottom: 6px !important;
}

.margin-bot16 {
    margin-bottom: 16px !important;
}

.timeline-page .press-releases {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e9edf5;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 20px 0px;
}

.timeline-page .press-releases h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2d2d2f;
    margin: 0px;
    padding: 0px 0px 6px 0px;
}

.timeline-page .press-releases p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #2d2d2f;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
}

.timeline-page .press-releases p a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #428bca;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.timeline-page .press-releases p a:hover {
    color: #2d2d2f;
}

.timeline-page .press-releases p strong {
    color: #0b0b0b;
} 
.timeline-page .timeline-right {
    width: 100%;
    max-width: 228px;
    float: right;
    margin: 0px;
    padding: 0px;
}

.timeline-page .timeline-right .timeline-cert {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}




.club-archives {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.club-archives h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #f90;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.club-archives span {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2f;
    margin: 0px;
    padding: 0px;
}

.club-archives h4 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #0b0b0b;
    font-style: italic;
    line-height: 24px;
    margin: 0px;
    padding: 16px 0px 0px 0px;
}

.club-archives h4 a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #274472;
    font-style: italic;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.club-archives h4 a:hover {
    color: #0b0b0b;
}

.club-archives h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #2d2d2f;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}

.club-archives p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 22px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}

.club-archives ul {
    width: 100%;
    float: left;
    background: #f2f4f9;
    border: 1px solid #ebeced;
    margin: 0px 0px 10px 0px;
    padding: 10px;
}

.club-archives ul li {
    width: 50%;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px 30px 12px 0px;
}

.club-archives ul li:before {
    display: none;
}

.club-archives ul li h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

.club-archives ul li a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 26px;
    margin: 0px;
    padding: 0px 14px 0px 0px;
}

.club-archives ul li a:hover,
.club-archives ul li a.active {
    color: #274472;
    font-weight: 600;
}

.club-archives ul li .fa-angle-right {
    font-size: 16px;
    display: inline-block;
    color: #0b0b0b;
    padding-right: 4px;
}


.scholarship-winner {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.scholarship-winner h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #f90;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.scholarship-winner h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2d2d2f;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.scholarship-winner p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2d2d2f;
    margin: 0px;
    padding: 0px 0px 4px 0px;
}

.scholarship-winner p a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #007436;
    text-decoration: none;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
}

.scholarship-winner p a:hover {
    color: #2d2d2f;
}

.scholarship-winner ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.scholarship-winner ul li {
    width: 100%;
    max-width: 251px;
    display: inline-block;
    list-style: none;
    border: 1px solid #ebeced;
    text-align: center;
    vertical-align: top;
    margin: 0px 14px 20px 14px;
    padding: 10px;
}

.scholarship-winner ul li:before {
    display: none;
}

.scholarship-winner ul li .winner-pic {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.scholarship-winner ul li .winner-pic img {
    width: 100%;
    max-width: 180px;
    height: auto;
    display: inline-block;
}

.scholarship-winner ul li .winner-name {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

.scholarship-winner ul li .winner-name span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    text-transform: none;
}

.scholarship-winner ul li .winner-bio {
    width: 100%;
    float: left;
    margin: 6px 0px 0px 0px;
    padding: 0px;
}

.scholarship-winner ul li .winner-bio h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2d2d2f;
    min-height: 70px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.scholarship-winner ul li .winner-bio p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2f;
    line-height: 20px;
    min-height: 82px;
    margin: 0px;
    padding: 0px;
}


.news-event {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.news-event h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #f90;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.news-event h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2d2d2f;
    margin: 0px;
    padding: 0px 0px 4px 0px;
}

.news-event .sub-title {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2d2d2f;
    margin: 0px;
    padding: 0px 0px 4px 0px;
}

.news-event p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #0b0b0b;
    margin: 0px;
    padding: 5px 0px;
}

.news-event .news-link {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.news-event .news-link a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #2d2d2f;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.news-event .news-link a:hover {
    text-decoration: underline;
}

.news-event span {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin: 0px;
    padding: 5px 0px;
}

.news-event ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.news-event ul li {
    width: 100%;
    float: left;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #0b0b0b;
}

.news-event ul li:before {
    top: 10px;
}

.news-event newsbriefs-title {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin: 0px;
    padding: 0px;
}

.news-event .news-list-view {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

.news-event .news-list-view ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.news-event .news-list-view ul li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #e4e4e4;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
}

.news-event .news-list-view ul li:before {
    display: none;
}

.news-event .news-list-view ul li .news-thumb {
    width: 100%;
    max-width: 220px;
    margin: 0px;
    padding: 0px;
}

.news-event .news-list-view ul li .news-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.news-event .news-list-view ul li .news-thumb2 {
    width: 100%;
    max-width: 515px;
    margin: 0px;
    padding: 0px;
}

.news-event .news-list-view ul li .news-detail {
    width: 100%;
    max-width: 610px;
}

.news-event .news-list-view ul li .news-detail2 {
    width: 100%;
    max-width: 300px;
}

.news-event .news-list-view ul li p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #0b0b0b;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

.news-event .news-list-view ul li p a {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #274472;
    line-height: 20px;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}

.news-event .news-list-view ul li p a:hover {
    color: #000;
    text-decoration: none;
}


.nelagala-part {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.nelagala-part .nelagala-banner {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}

.nelagala-part .nelagala-banner img {
    width: auto;
    height: auto;
    display: inline-block;
}

.nelagala-part h6 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #2d2d2f;
    font-weight: 600;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 30px 0px;
}

.nelagala-part p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #2d2d2f;
    font-weight: 400;
    text-align: center;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

.nelagala-part p a {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #274472;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.nelagala-part p a:hover {
    color: #2d2d2f;
}

.nelagala-part .nelabox-view {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.nelagala-part .nelabox-view ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.nelagala-part .nelabox-view h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #d31b35;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 30px 0px;
}

.nelagala-part .nelabox-view ul li {
    width: 100%;
    max-width: 343px;
    float: left;
    border: 1px solid #ebeced;
    min-height: 358px;
    margin: 0px 40px 30px 40px;
    padding: 10px;
}

.nelagala-part .nelabox-view ul li:before {
    display: none;
}

.nelagala-part .nelabox-view ul li h6 {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

.nelagala-part .nelabox-view ul li .nela-thumb {
    width: 100%;
    float: left;
    text-align: center;
    margin: 14px 0px;
    padding: 0px;
}

.nelagala-part .nelabox-view ul li .nela-thumb img {
    width: 100%;
    max-width: 180px;
    height: auto;
    display: inline-block;
}

.nelagala-part .nelabox-view ul li .nela-bio {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #2d2d2f;
    font-weight: 400;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.nelagala-part .nelabox-view ul li .nela-bio span {
    display: block;
    font-style: italic;
    padding-top: 8px;
}


.awardsgala-part {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.awardsgala-part h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #f90;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.awardsgala-part p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

.awardsgala-part .subtitle {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #007436;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

.awardsgala-part .honorees-list {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.speakers-part {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.speakers-part h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #f90;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.speakers-part p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

.speakers-part p a {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #274472;
    line-height: 20px;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}

.speakers-part p a:hover {
    color: #000;
    text-decoration: none;
}

.speakers-part ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 30px;
}

.speakers-part ul li {
    width: 100%;
    float: left;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 12px 20px;
}

.speakers-part ul li:before {
    position: absolute;
    left: 3px;
    content: '';
    width: 6px;
    height: 6px;
    top: 8px;
    background: #007436;
    border-radius: 50%;
}

.speakers-part .speakers-list {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

.speakers-part .speakers-list ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.speakers-part .speakers-list ul li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #e9edf5;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
}

.speakers-part .speakers-list ul li:before {
    display: none;
}

.speakers-part .speakers-list ul li .subtitle {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #007436;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

.speakers-part .speakers-list ul li p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.speakers-part .speakers-list ul li p a {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #274472;
    line-height: 20px;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}

.speakers-part .speakers-list ul li p a:hover {
    color: #000;
    text-decoration: none;
}


.location-list {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.location-list ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.location-list ul li {
    width: 33.33%;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px 20px 0px 0px;
}

.location-list ul li:before {
    display: none;
}

.location-list ul li a {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #428bca;
    line-height: 20px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.location-list ul li a:hover {
    color: #2d2d2f;
}

.location-list ul li .fa-long-arrow-right {
    display: inline-block;
    font-size: 14px;
    color: #0b0b0b;
}

/* Non-Fiction*/
.non-fiction-part {
    width: 100%;
    float: left;
    position: relative;
    margin: 36px 0px 0px 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .timeline-subttl {
    width: 100%;
    position: absolute;
    left: 0px;
    top: -44px;
    color: #d31b35;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    text-transform: uppercase;
}

.non-fiction-part .timeline-year ul {
    width: 100%;
    float: left;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year ul li {
    width: auto;
    list-style: none;
    float: left;
    margin: 0px 16px 0px 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year ul li:before {
    display: none;
}

.non-fiction-part .timeline-year ul li a {
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #2d2d2f;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year ul li a:hover,
.non-fiction-part .timeline-year ul li a.active {
    color: #007436;
}

.non-fiction-part .timeline-year .timeline-cont {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .timeline-cont p {
    width: 100%;
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

.non-fiction-part .timeline-year .timeline-cont p a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #007436;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .timeline-cont p a:hover {
    text-decoration: none;
    color: #0b0b0b;
}

.non-fiction-part .timeline-year .timeline-cont ul {
    width: 100%;
    float: none;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
}

.non-fiction-part .timeline-year .timeline-cont ul li {
    width: 100%;
    float: none;
    clear: left;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
}

.non-fiction-part .timeline-year .timeline-cont ul li:before {
    position: absolute;
    left: 3px;
    content: '';
    width: 6px;
    height: 6px;
    top: 9px;
    background: #007436;
    border-radius: 50%;
    display: block;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul {
    width: 100%;
    float: left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li {
    width: 100%;
    max-width: 251px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border: 1px solid #ebeced;
    margin: 0px 14px 20px 14px;
    padding: 10px;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li:before {
    display: none;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li .nonfiction-pic {
    width: 100%;
    float: left;
    height: 140px;
    text-align: center;
    margin: 0px 0px 6px 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li .nonfiction-pic img {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li .nonfiction-pic img.nobluer {
    width: auto;
}

.non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

.non-fiction-part .timeline-year .cont-hide {
    display: none;
}


/* Coman Tab */
.overtab-page {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab ul {
    width: 100%;
    float: left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab ul li {
    width: auto;
    list-style: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0px 0px 4px 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab ul li:before {
    display: none;
}

.overtab-page .studyabroad-tab ul li a {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    margin: 0px;
    padding: 0px 10px;
}

.overtab-page .studyabroad-tab ul li a:hover,
.overtab-page .studyabroad-tab ul li a.active {
    color: #d31b35;
}

.overtab-page .studyabroad-tab .common-new {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab .common-new h3 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.overtab-page .studyabroad-tab .common-new p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 40px 0px;
}

.overtab-page .studyabroad-tab .count-hide {
    display: none;
}

.overtab-page .studyabroad-tab .common-new ol {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab .common-new ol li {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 6px 0px;
}

.overtab-page .studyabroad-tab .common-new.resources {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.overtab-page .studyabroad-tab .common-new.resources p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 16px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.genealogy-part {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.genealogy-part .genealogy-banner {
    width: 100%;
    float: left;
    margin: 0px 0px 12px 0px;
    padding: 0px;
}

.genealogy-part .genealogy-banner img {
    width: auto;
    height: auto;
    display: inline-block;
}

.genealogy-part h5 {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #f90;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.genealogy-part .genealogy-link {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.genealogy-part .genealogy-link ul {
    width: 100%;
    float: left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.genealogy-part .genealogy-link ul li {
    width: auto;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    margin: 0px;
    padding: 0px 10px;
}

.genealogy-part .genealogy-link ul li:before {
    display: none;
}

.genealogy-part .genealogy-link ul li a {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #2d2d2f;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.genealogy-part .genealogy-link ul li a:hover {
    color: #007436;
}

.genealogy-part .genealogy-detail {
    width: 100%;
    float: left;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}

.genealogy-part .genealogy-detail .subtitle {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0b0b0b;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.genealogy-part .genealogy-detail p {
    width: 100%;
    float: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

.genealogy-part .genealogy-detail p a {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #428bca;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.genealogy-part .genealogy-detail p a:hover {
    color: #0b0b0b;
}

.genealogy-part .genealogy-detail p .gene-thumb {
    width: 100%;
    max-width: 190px;
    float: right;
    text-align: center;
    margin: 0px 0px 0px 16px;
    padding: 0px;
}

.genealogy-part .genealogy-detail p .gene-thumb img {
    width: auto;
    display: inline-block;
    height: auto;
    margin-bottom: 16px;
}

.genealogy-part .genealogy-detail p .gene-thumb .thumb-title {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2d2d2f;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}

.genealogy-part .genealogy-detail p .gene-thumb a {
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #428bca;
    text-decoration: none;
    text-align: center;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
}

.genealogy-part .genealogy-detail p .gene-thumb a:hover {
    color: #0b0b0b;
}

.genealogy-part .genealogy-detail ul {
    width: 100%;
    display: table-cell;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.genealogy-part .genealogy-detail ul li {
    width: 100%;
    display: inline-block;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2f;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 10px 20px;
}

.genealogy-part .genealogy-detail ul li a {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #428bca;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.genealogy-part .genealogy-detail ul li a:hover {
    color: #2d2d2f;
}


/* 11 May 2017 Sidebar Menu */
.sidebar-menu {
    background-color: #007436;
    border-radius: 20px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }
.sidebar-nav {
    margin: 0px;
    padding: 0px;
    }
.sidebar-nav:before,
.sidebar-nav:after {
    content: "";
    display: table;
    }
.sidebar-nav:after {clear: both;}
.sidebar-nav ul {
    list-style: none;
    width: 100%;
    }
.sidebar-nav a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    padding: 12px 15px;
    position: relative;
    z-index: 1;
    }
.sidebar-nav li:before{
    content: '';
    width: 0px;
    height: 100%;
    background-color: #d31a35;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 0;
    }
.sidebar-nav li.current:before,
.sidebar-nav li:hover:before{width: 100%;}
.sidebar-nav li li a {max-width: 100%;}
.sidebar-nav a:hover,
.sidebar-nav a.act {color: #fff;}
.sidebar-nav a:hover,
.sidebar-nav .test a.act {color: #fff;}
.sidebar-nav li {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    }
.sidebar-nav > li {
    margin: 0px;
    padding: 0px;
    }
.sidebar-nav > li > .parent {
    /*background-image:url(../images/menu-dd-arrow.png); background-repeat: no-repeat; background-position:right center;*/
}
.sidebar-nav > li:hover > .parent {
    /*background-image:url(../images/menu-dd-arrow.png); background-repeat: no-repeat; background-position:right center;*/
}
.sidebar-nav > li > a {display: block;}
.sidebar-nav li ul {
    position: absolute;
    left: -9999px;
    padding: 0px;
}
.sidebar-nav > li.hover > ul {left: 0px;}
.sidebar-nav li li.hover ul {
    left: 100%;
    top: 0px;
}
.sidebar-nav li li {
    background: none;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    }
.sidebar-nav li li a {
    display: block;
    background: #2d2d2f;
    position: relative;
    z-index: 100;
    border: 0px;
    color: #fff;
    line-height: 20px;
    padding: 8px 12px;
    }
.sidebar-nav li li:last-child {border: 0px;}
.sidebar-nav li li a:hover {
    background-image: none;
    background: #23282b;
    color: #fff;
    }
.sidebar-nav li li li a {
    z-index: 200;
    border-bottom: 0px solid #ccc;
}
/*.nav li:hover > a, .nav ul ul :hover > a { color:#b69c4d; background-image:none;}*/
.sidebar-nav > li.hover > ul,
.sidebar-nav li li.hover ul {position: static;}
.sidebar-nav li label {
    background-color: #1b3764;
    background-image: url(../images/drop-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0px;
    width: 36px;
    z-index: 99;
    height: 38px;
    cursor: pointer;
    }
.sidebar-nav li.hover label {background-image: url(../images/drop-arrow2.png);}
.sidebar-nav li.active label {background-image: url(../images/drop-arrow2.png);}

@media(max-width:1199px){
    .sidebar-nav a {
        font-size: 17px;
        line-height: 23px;
        padding: 10px 12px;
    }    
}
@media(max-width:991px){
    .sidebar-nav a {
        font-size: 16px;
        line-height: 21px;
        padding: 8px 10px;
    }    
}
@media(max-width:767px){
    .sidebar-nav a {padding: 10px 12px;}
}

/* -------------------------------- 
Main Components 
-------------------------------- */
label {
    margin-bottom: 1px;
    color: #0b0b0b;
    display: block;
}

.cd-accordion-menu {
    width: 100%;
}

.cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
}

.cd-accordion-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}

.cd-accordion-menu label,
.cd-accordion-menu a {
    position: relative;
    display: block;
    padding: 8px 10px 8px 30px;
    background: #007436;
    box-shadow: inset 0 -1px rgba(85, 89, 96, 0.5);
    color: #fff;
}

.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover {
    background: #52565d;
}

.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu label {
    cursor: pointer;
}

.cd-accordion-menu label::before {
    background-image: url(../images/left-img.png);
    background-repeat: no-repeat;
}

.cd-accordion-menu label::before {
    /* arrow icon */
    left: 18px;
    background-position: 0 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.cd-accordion-menu label::after {
    /* folder icons */
    left: 41px;
    background-position: -16px 0;
}

.cd-accordion-menu a::after {
    /* image icon */
    left: 36px;
    background: url(../images/left-img.png) no-repeat -48px 0;
}

.cd-accordion-menu input[type=checkbox]:checked + label::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked + label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
    background: #2d2d2f;
    box-shadow: inset 0 -1px rgba(65, 68, 74, 0.17);
    padding-left: 82px;
}

.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
    background: #3c3f45;
}

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
    box-shadow: none;
}

.cd-accordion-menu ul label::before {
    left: 36px;
}

.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
    left: 59px;
}

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
    padding-left: 100px;
}

.cd-accordion-menu ul ul label::before {
    left: 54px;
}

.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
    left: 77px;
}

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
    padding-left: 118px;
}

.cd-accordion-menu ul ul ul label::before {
    left: 72px;
}

.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
    left: 95px;
}

/*Become a Member*/
.red {
    color: #F00;
}

.become-member .box {
    margin: 15px 0px;
}

.become-member .box .full {
    display: block;
}

.become-member .mar-bt0 {
    margin-bottom: 0 !important;
}

.become-member .box .half {
    width: 47%;
    display: inline-block;
}

.become-member .box .half2 {
    width: 48%;
    display: inline-block;
}

.become-member .box .half2 p {
    width: 100% !important;
}

.become-member .box p.min-h {
    min-height: 67px;
}

.become-member .box p.min-h2 {
    min-height: 65px;
}

.become-member .button-row {
    margin: 0;
}

.become-member .button-row .field-remove,
.become-member .button-row .field-add-more {
    padding: 10px 20px;
    min-width: inherit;
    font-size: 16px;
    line-height: 21px;
    }
.become-member .button-row .field-remove {background-color: #d31a35;}
.become-member .button-row .field-remove:hover {background-color: #007436;}

.italian_book_element,
.italian_movie_element,
.italian_restaurant_element,
.career_element,
travel_to_italy_element,
.genealogy_element,
.italian_recipe_element,
.education_element{padding-bottom: 20px;}

.login-main {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    }
.login-main .grey-box {
    display: block;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,0.05);
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 30px 40px;
    }
.login-main .login-box {
    display: block;
    margin: 0px;
    }
.login-main .login-box .field-main {
    display: block;
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    }
/*.login-main .login-box label {}
.login-main .login-box input[type="text"] {}
.login-main .login-box input[type="password"] {}*/
.login-main .login-box a.forgot-link {
    float: right;
    display: block;
    text-align: right;
    font-size: 13px;
    color: #787879;
    text-decoration: none;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    }
.login-main .login-box a.forgot-link:hover {color: #274472;}
/*.login-main .login-box input[type="submit"] {}
.login-main .login-box input[type="submit"]:hover {}
.login-main .login-box .field {}*/
.form_bottom{text-align: center;}
.login-main .login-box .field p {
    margin: 0px;
    font-size: 13px;
    text-align: left;
    }
.login-main .login-box .full {
    display: inline-block;
    padding: 5px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    margin: 0;
    }
.loginerror{
    color: #d31a35;
    font-size: 0.8em;
    }

@media(max-width:991px){
    .login-main {max-width: 640px;}
    .login-main .grey-box {
        border-radius: 24px;
        padding: 20px 30px;
    }
    .become-member .button-row .field-remove,
    .become-member .button-row .field-add-more {
        padding: 9px 18px;
        font-size: 15px;
        line-height: 20px;
        } 
    .italian_book_element,
    .italian_movie_element,
    .italian_restaurant_element,
    .career_element,
    travel_to_italy_element,
    .genealogy_element,
    .italian_recipe_element,
    .education_element{padding-bottom: 15px;}
}
@media(max-width:767px){
    .login-main .grey-box {
        border-radius: 21px;
        padding: 20px 25px;
    }
    .login-main .login-box .field-main {margin: 0px 0px 15px 0px;}
    .become-member .button-row .field-remove,
    .become-member .button-row .field-add-more {
        padding: 8px 16px;
        font-size: 14px;
        line-height: 18px;
        } 
    .italian_book_element,
    .italian_movie_element,
    .italian_restaurant_element,
    .career_element,
    travel_to_italy_element,
    .genealogy_element,
    .italian_recipe_element,
    .education_element{padding-bottom: 12px;}
}
@media(max-width:575px){
    .login-main .grey-box {
        border-radius: 18px;
        padding: 15px 20px;
    }
    .login-main .login-box .field-main {margin: 0px 0px 12px 0px; }
}
.relative {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    }
.relative p {
    flex: 0 0 50%;
    margin-bottom: 8px;
    }
.welcome-page {position: relative;}
.welcome-page h3 {
    margin-top: 0;
    margin-bottom: 20px;
    }
.welcome-page .grey-box {
    width: 100%;
    float: left;
    background: #f2f4f9;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 15px 0px;
    }
.welcome-page .grey-box .align-right {
    float: right;
    margin: -40px 0px 0px 10px;
    }
.blog_section {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    }
.blog_box_main {
    width: 48%;
    float: left;
    padding: 0;
    margin: 0px 2% 30px 0px;
    }
.blog_box_main h4 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    font-size: 19px;
    text-transform: inherit;
    }
.blog_box_main .blog_title_date {
    width: 100%;
    float: left;
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 12px;
    text-transform: inherit;
    }
.blog_box_main .blog_box {
    width: 100%;
    float: left;
    padding: 0px 20px;
    margin: 10px 0 0 0;
    background: #f2f4f9;
    border-radius: 5px;
    }
.blog_box_main .blog_box ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    }
.blog_box_main .blog_box ul li {
    width: 100%;
    float: left;
    margin: 0 0 0px 0;
    padding: 10px 0 10px 0;
    list-style: none;
    border-bottom: 1px dashed #0b0b0b
    }
.blog_box_main .blog_box ul li:last-child {border-bottom: none;}
.blog_box_main .blog_box ul li::before {
    background: none;
    position: relative;
    }
.blog_box_main .blog_box ul li a {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #428bca;
    }
.blog_box_main .blog_box ul li a:hover {color: #828282;}
.blog_box_main .blog_box ul li p {
    font-size: 13px;
    float: left;
    width: 100%;
    margin: 3px 0 3px 0;
    color: #0b0b0b;
    }
.twitter_box {
    float: left;
    width: 100%;
    max-width: 300px;
    margin: 30px 0 0 2%;
    padding: 0;
    }
.catagory_table {
    width: 100%;
    margin: 0px 0 20px 0;
    padding: 0;
    overflow: hidden;
    }
.catagory_table ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border: solid 1px #f3f3f3;
    margin-top: 30px;
}
.catagory_table ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
    border-bottom: solid 1px #f3f3f3;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.catagory_table ul li:last-child{border-bottom: none;}
.catagory_table ul li::before {display: none;}
.catagory_table ul li .catagory_ttl {
    font-size: 20px;
    font-weight: 600;
    background: #f3f3f3;
    flex: 0 0 25%;
}
.catagory_table ul li .image_options,
.catagory_table ul li .lodge_image {
    flex: 0 0 15%;
}
.catagory_table ul li .image_title {
    flex: 0 0 25%;
}
.catagory_table ul li .image_subtitle {
    flex: 0 0 45%;
}
.catagory_table ul li .image_options a {
    display: inline-block;
}
.catagory_table ul li .image_options a img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.catagory_table ul li .image_options a:hover img {
    opacity: 1;
}
.catagory_table .lodge_image a img {
    float: none !important;
    border-radius: 6px;
    width: 100% !important;
    height: 100% !important;
}
.catagory_table ul li div {
    padding: 8px 12px;
    flex: 0 0 25%;
}
.catagory_table ul li .catagory_ttl a {color: #d31a35;}
.catagory_table ul li .catagory_ttl a:hover {color: #007436;}

.catagory_table ul li .category_name {
    width: 40%;
    float: left;
    }
.catagory_table ul li .threads {
    width: 20%;
    float: left;
    }
.catagory_table ul li .recent_post {
    width: 40%;
    float: left;
    }
.catagory_table ul .indicate a {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 10px;
    float: left;
    font-size: 14px;
    color: #d31b35;
    font-family: 'PT Sans', sans-serif;
    }
.catagory_table ul .indicate a:hover {color: #0b0b0b;}

@media(max-width:991px){
    .catagory_table ul li {font-size: 16px;}
    .catagory_table ul li .catagory_ttl {font-size: 18px;}
    .catagory_table ul li div{padding: 6px 8px;}
}
@media(max-width:575px){
    .catagory_table ul li .catagory_ttl {font-size: 16px;}
    .catagory_table ul li div{padding: 5px 4px;}
}


.author_box {
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    }
.othor_cnt {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    }
.othor_cnt br {
    display: block;
    clear: both;
    margin: 4px 0;
    }
.othor_cnt h4 {
    width: 83%;
    float: left;
    margin: 0px 0 8px 0;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
    color: #428bca;
    }
.othor_cnt p {
    width: 83%;
    float: left;
    margin: 0 0 25px 0;
    padding: 0;
    }
ul.othor > li {color: #0b0b0b;}
.author_book {
    width: 17%;
    float: left;
    }
.welcome-page p span.note {font-size: 14px;}
.magazine_main {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    float: left;
    }
.magazine_main h4 {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 8px;
    float: left;
    }
.magazine_main ul {
    width: 100%;
    margin: 20px 0 50px 0;
    padding: 0;
    float: left;
    }
.magazine_main ul li {
    width: 23%;
    margin: 0 1% 0 1%;
    padding: 0;
    float: left;
    border: 1px solid #999;
    padding: 3px;
    }
.magazine_main ul li::before {background: none;}
.magazine_main ul li img {
    width: 100%;
    height: auto;
    }
.qm_banner {
    float: left;
    margin: 30px 0 30px 0;
    padding: 0;
    width: 100%;
    text-align: center;
    }
.qm_banner img {
    width: 100%;
    max-width: 600px;
    height: auto;
    }
.issue_list {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    }
.issue_list h5 {
    width: 100%;
    margin: 0 0 12px 0;
    padding: 0;
    float: left;
    }
.issue_list ul {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    }
.issue_list ul li {
    width: 32%;
    margin: 0 1.33% 30px 0;
    padding: 0;
    float: left;
    }
.issue_list ul li::before {background: none;}
.issue_list ul li a {
    display: table;
    font-size: 14px;
    width: auto;
    }
.hot_list_main {
    float: left;
    margin: 40px 0 0 0;
    padding: 0;
    width: 100%;
    }
.hot_list_box {
    float: left;
    margin: 0 0 17px 0;
    padding: 0 0 23px 0;
    width: 100%;
    border-bottom: 1px dashed #0b0b0b;
    }
.hot_list_box:last-child {border-bottom: none;}
.hot_list_box .hot_list_image {
    float: left;
    margin: 7px 0 0 0;
    padding: 0;
    width: 10%;
}

.hot_list_box .hot_list_image img {
    width: 100%;
    height: auto;
}

.hot_list_box .hot_list_cantant {
    float: left;
    margin: 0 0 0 4%;
    padding: 0;
    width: 86%;
}

.hot_list_box .hot_list_cantant .list_title {
    float: left;
    margin: 0 0 8px 0;
    padding: 0;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    color: #d31b35;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.hot_list_box .hot_list_cantant .list_cnt {
    width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hot_list_box .hot_list_cantant .list_cnt ul {
    width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hot_list_box .hot_list_cantant .list_cnt ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hot_list_box .hot_list_cantant .list_cnt ul li::before {
    background: none;
}

.attrection_list_mian {
    float: left;
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
}

.attrection_list_mian .attrection_list {
    float: left;
    margin: 0 0 40px 0;
    padding: 0;
    width: 100%;
}

.attrection_list_mian .attrection_list .att_list_ttl {
    float: left;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    color: #d31b35;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.attrection_list_mian .attrection_list .attr_image {
    float: left;
    margin: 0px 0 0 0;
    padding: 7px 3% 0 0;
    width: 40%;
    text-align: center;
}

.attrection_list_mian .attrection_list .attr_image img {
    width: 100%;
    height: auto;
}

.benefit_tab {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
}

.tab_panel_image {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
}

.tab_contant {
    width: auto;
    float: left;
    margin: 0 0 0 3%;
    padding: 0;
}

.tab_contant h5 {
    font-size: 16px;
    color: #007436;
}

.tab_contant ul {
    float: left;
    margin: 0 0 7px 0;
    padding: 0;
    width: 100%;
}

.tab_contant ul li {
    font-size: 14px;
}

.tab_contant a {
    display: table;
    clear: both;
    width: auto;
}

.tab_contant p {font-size: 14px;}
.slide_show {
    float: left;
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
    }
.slide_show ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    }
.slide_show ul li {
    float: left;
    margin: 0;
    padding: 0 4%;
    width: 50%;
    }
.slide_show ul li p {
    text-align: center;
    width: 100%;
    }
.slide_show ul li img {
    width: 100%;
    height: auto;
    }
.slide_show ul li::before {background: none;}
.thread_cnt {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    }
.thread_cnt ul {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    background: #f3f3f3;
    border: solid 1px #f2f2f2;
    border-radius: 24px;
    }
.thread_cnt ul li {
    width: 100%;
    margin: 0;
    padding: 25px;
    float: left;
    border-bottom: 1px dashed #0b0b0b;
    }
.thread_cnt ul li:last-child {border-bottom: none;}
.thread_cnt ul li::before {background: none;}
.thread_cnt ul li ul {
    width: 100%;
    margin: 0px;
    padding: 0;
    float: left;
    border: none; 
    }
.thread_cnt ul li ul li {
    padding: 20px;
    float: left;
    border-bottom: none;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 20px;
    }
.thread_cnt ul li ul li:last-child{margin-bottom: 0px;}
.thread_cnt ul li ul li:before{display: none;}
.thread_cnt ul li p span {font-weight: bold;}
.thread_cnt ul li p {
    color: #0b0b0b;
    margin: 0px 0 15px 0;
    }
.thread_cnt ul li p img {
    display: table;
    clear: both;
    margin-top: 5px;
    max-width: 100%;
    }
.reply {
    width: 100%; 
    padding: 0;
    display: block;
    float: left;
    background: #f3f3f3;
    border: solid 1px #f2f2f2;
    padding: 25px;
    border-radius: 24px;
    }
.reply p {
    color: #d31a35;
    font-size: 18px;
    }
.reply_ttl {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    }
/*
.reply_ttl .reply_box {
    display: inline-block;
    height: 34px;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 0px 10px;
    color: #0b0b0b;
    } 
.reply_ttl .reply_btn {
    width: auto;
    display: inline;
    background: #d31b35;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    letter-spacing: 0.8px;
    margin: 14px 0px 0px 0px;
    padding: 0px 20px;
    }
.reply_ttl .reply_btn:hover {
    background: #a81212;
    cursor: pointer;
    }
*/

.reply_ttl .mce-path-item {color: #0b0b0b;}
.thread_list {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    }
.thread_list ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border: solid 1px #f3f3f3;
    background: none;
    border-radius: 0px;
    }
.thread_list ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #f3f3f3;
    }
.thread_list ul li::before {display: none;}
.thread_list ul li .thread_title {
    float: left;
    width: 25%;
    }
.thread_list ul li .thread_responses {
    float: left;
    width: 20%;
    }
.thread_list ul li .thread_date {
    float: left;
    width: 30%;
    }
.thread_list ul li .thread_recent {
    float: left;
    width: 25%;
    }
.thread_list ul li .blue {
    font-size: 18px;
    font-weight: 600;
    background: #f3f3f3;
    }
.thread_list ul li div {
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    }
#show.toggle-paragraph{
    border: 1px solid #ddd;
    padding: 30px 20px 20px 20px;
    background-color: #f3f3f3;
    border-radius: 24px;
    position: relative;
    }
#show.toggle-paragraph .close{
    position: absolute;
    right: 15px;
    top: 10px;
    margin: 0;
    font-size: 18px;
    color: #d31b35;
    }
#show.toggle-paragraph .close:focus,
#show.toggle-paragraph .close:hover{color: #007436;}

@media(max-width:1199px){
    .thread_list ul li .thread_title {width: 25%;}
    .thread_list ul li .thread_responses {width: 25%;}
    .thread_list ul li .thread_date {width: 50%;}
    .thread_cnt ul {
        margin: 0 0 15px 0;
        border-radius: 15px;
    }
    .thread_cnt ul li {padding: 15px;}
    .thread_cnt ul li ul li {
        padding: 15px;
        border-radius: 15px;
        margin-bottom: 10px;
    }
}
@media(max-width:991px){
    .thread_list ul li div {
        font-size: 15px;
        padding: 10px 15px;
    }
    .reply { 
        padding: 20px;
        border-radius: 21px;
    }
    .reply p {font-size: 17px;}
    .reply_ttl {
        font-size: 19px;
        margin-bottom: 12px;
    }
    .thread_cnt ul li {padding: 10px;}
}
@media(max-width:767px){
    .thread_list ul li .blue {font-size: 15px;}
    .thread_list ul li div {
        font-size: 14px;
        padding: 10px 5px;
    }
    .reply {
        padding: 15px;
        border-radius: 18px;
    }
    .reply p {font-size: 16px;}
    .reply_ttl {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
@media(max-width:575px){ 
    .welcome-page .add-new-post {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
}


.bredcrumb_menu {
    width: auto;
    display: block;
    margin: -50px 0 30px 0;
    padding: 0;
    text-align: right;
    color: #d31a35;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    }
.bredcrumb_menu a {margin: 0 7px;}
.bredcrumb_menu a:first-child {margin-left: 0px;}
.bredcrumb_menu a:last-child {margin-right: 0px;}
.bredcrumb_menu a:focus,
.bredcrumb_menu a:hover {color: #007436;}
@media(max-width:1199px){
    .bredcrumb_menu {margin: -40px 0 30px 0;}
}
@media(max-width:991px){
    .bredcrumb_menu {
        margin: -30px 0 20px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .bredcrumb_menu a {margin: 0 4px;}
}
@media(max-width:767px){
    .bredcrumb_menu {
        margin: 0px 0 20px 0;
        text-align: left;
    } 
}

.recaptcha_widget tr td {
    line-height: 0;
}

.recaptchatable #recaptcha_response_field {
    height: 22px !important;
}



/*****	MEMBER TABLE - 27TH JUNE 2018 ***/
.member_table {
    margin: 30px 0 0 0;
    padding: 0;
}

.member_table ul {
    margin: 0;
    padding: 0;
    display: block;
}

.member_table ul li.catagory_ttl {
    font-size: 18px;
    color: #0b0b0b !important;
    background: #f3f3f3;
    padding: 8px 10px !important;
}

.member_table ul li {
    width: 20%;
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    float: left;
}

.member_table ul li:before {
    display: none
}



/*27 July 2017*/
.page-content .donate-main .donation_amount { 
    margin-bottom: 20px;
}

.page-content .donate-main .donation_amount p {
    width: auto;
    margin: 0px 10px 0px 0px;
    padding: 0;
    display: inline-block;
}

.page-content .donate-main .donation_amount p input[type="button"] {
    min-width: inherit;
    background: #f3f3f3;
    font-size: 20px;
    line-height: 1.2;
    padding: 16px 30px;
    color: #0b0b0b !important;
    box-shadow: none;
}

.page-content .donate-main .donation_amount p input[type="button"]:hover {
    background: #d31b35;
    color: #ffffff !important;
}

.page-content .donate-main .donation_amount p input[type="button"].selected {
    background: #d31b35;
    color: #ffffff !important;
}

.page-content .donate-main .donation_amount .other_light {
    margin: 15px 0px;
    background: #f3f3f3;
    padding: 20px 25px;
    border-radius: 20px;
}

.page-content .donate-main .donation_amount .other_light p {
    margin: 0;
    padding: 0;
    line-height: inherit;
}

.page-content .donate-main .donation_amount .other_light span {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.page-content .donate-main .fund-inst .full-text {
    margin: 0;
    padding: 0;
    line-height: inherit;
}

.page-content .donate-main textarea {
    height: 140px;
}

.page-content .donate-main .donation_amount span.full {
    font-size: 13px;
}

.page-content .donate-main .memtinfo {
    width: 100%;
    float: left;
}

.page-content .donate-main .memtinfo p {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.page-content .donate-main .memtinfo ul.noti-type {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.page-content .donate-main .memtinfo ul.noti-type li {
    width: auto;
    float: left;
    margin: 0px 5% 0px 0px;
    padding: 0px;
    list-style: none;
}

.page-content .donate-main .memtinfo ul.noti-type li:before {
    display: none;
}

.page-content .donate-main input[type="radio"],
.page-content .donate-main b {
    vertical-align: middle;
}

.page-content .donate-main .e-card_notification,
.page-content .donate-main .p_mail_notification {
    width: 100%;
    float: left;
}

.page-content .donate-main .e-card_notification p,
.page-content .donate-main .p_mail_notification p {
    width: 49%;
}

.page-content .donate-main .fa-caret-right {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 20px;
    color: #d31b35;
    cursor: pointer;
}

.page-content .donate-main i {
    margin-left: 10px;
}

.page-content .donate-main .fa-caret-down {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
}

.page-content .donate-main .memorial_tribute,
.page-content .donate-main .recurring_notification {
    padding: 15px 22px;
    background-color: #f3f3f3;
    border-radius: 20px;
    margin-bottom: 20px;
}

.page-content .donate-main .memorial_tribute p,
.page-content .donate-main .recurring_notification p {
    margin-bottom: 10px;
    font-size: 18px;
}


.twocolum-half {
    width: 100%;
}

.twocolum-half ul li {
    width: 47%;
    float: left;
    margin-left: 3%;
}

.sustaining-right {
    float: right;
    width: 350px;
    margin-left: 20px;
}

.sustaining-right .patrons {
    background: #f2f4f9;
    padding: 15px;
    border-radius: 5px;
}

.sustaining-right .patrons h2 {
    font-size: 20px; 
}

.sustaining-right .patrons p {
    font-size: 14px;
}

.sustaining-right .patrons ul.patrons-list {
    width: 49%;
    float: left;
    margin-left: 1%;
    font-size: 14px;
    }
.sustaining-right .patrons ul.patrons-list li {
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding-left: 20px;
    }
.sustaining-right .patrons ul.patrons-list li:before {
    top: 8px;
    left: 2px;
    width: 8px;
    height: 8px;
    }

.sustaining-right .giving {
    background: #007436;
    margin-top: 20px;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
}
.sustaining-right .giving h2 {
    font-size: 20px;
    color: white;
}
.sustaining-right .giving p {
    font-size: 14px;
    color: #fff;
}

.sustaining-right .giving .giving-left-col {
    width: 48%;
    float: left;
    margin-left: 2%;
    color: #fff;
}

.sustaining-right .giving .giving-right-col {
    width: 48%;
    float: left;
    margin-left: 2%;
    color: #fff;
}

.giving_option_pie_chart {
    float: right;
    width: auto;
    margin: 0 0 15px 25px;
}



/*20 Dec 2017*/
.more-event ul li .event-disc {
    max-width: 670px;
}

.more-event ul li .event-disc p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b0b0b;
    line-height: 22px;
    padding: 15px 0px 0px 0px;
    margin: 0;
}


/*04 Jan 2018*/
.advertising_main {
    margin: 0px 0px 32px 0px;
}

.advertising_main h4 {
    padding: 10px 0px 0px 0px;
}

.advertising_main .cover-img {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 20px 0px;
}

.advertising_main .cover-img img {
    width: 100%;
    height: auto;
    display: block;
}

.advertising_main .cover-img .cover-title {
    width: 70%;
    position: absolute;
    right: 2%;
    top: 0;
    text-align: right;
}

.advertising_main .cover-img .cover-title h1 {
    width: 100%;
    float: left;
    font-size: 80px;
    color: #2d2d2f;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.advertising_main .cover-img .cover-title h4 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #2d2d2f;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform: none;
    text-align: center;
}

.advertising_main .mag-add {
    width: 35%;
    float: left;
}

.advertising_main .mag-chief {
    width: 22%;
    float: left;
}

.advertising_main .addv-representat {
    width: 43%;
    float: left;
}

.advertising_main .addv-representat h5 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #2d2d2f;
    margin: 10px 0px 0px 0px;
    padding: 0;
    font-weight: normal;
    text-transform: none;
}

.advertising_main .addv-representat .col-sm-6 {
    padding-left: 0;
}

.advertising_main .advert-rates {
    width: 100%;
    float: left;
    margin: 30px 0px 10px 0px;
    padding: 0px;
}

.advertising_main .advert-rates h2 {
    padding: 0px 0px 10px 0px;
}

.advertising_main .advert-rates .rates-title {
    width: 100%;
    float: left;
}

.advertising_main .advert-rates .rates-title .advert-name {
    min-height: 30px;
    color: #fff;
    line-height: 30px;
    background: #274472;
    padding: 0px;
    border-bottom: none;
}

.advertising_main .advert-rates .rates-title .advert-size {
    min-height: 30px;
    color: #fff;
    line-height: 30px;
    background: #274472;
    padding: 0px;
    border-bottom: none;
}

.advertising_main .advert-rates .rates-title .price {
    min-height: 30px;
    color: #fff;
    line-height: 30px;
    background: #274472;
    padding: 0px;
    border-bottom: none;
}

.advertising_main .advert-rates .list-row {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.advertising_main .advert-rates .advert-name {
    width: 34%;
    float: left;
    text-align: center;
    min-height: 30px;
    background: #f2f4f9;
    margin: 0 2% 0 0%;
    padding: 5px;
    line-height: 30px;
    border-bottom: 1px solid #cccccc;
}

.advertising_main .advert-rates .advert-size {
    width: 42%;
    float: left;
    text-align: center;
    min-height: 30px;
    background: #f2f4f9;
    margin: 0 2% 0 0%;
    padding: 5px;
    line-height: 30px;
    border-bottom: 1px solid #cccccc;
}

.advertising_main .advert-rates .price {
    width: 18%;
    float: left;
    text-align: center;
    min-height: 30px;
    background: #f2f4f9;
    margin: 0;
    padding: 5px;
    line-height: 30px;
    border-bottom: 1px solid #cccccc;
}

.advertising_main p {
    width: 100%;
    float: left;
}

.advertising_main .who-readers {
    width: 100%;
    float: left;
    margin: 30px 0px 10px 0px;
    padding: 0px;
}

.advertising_main .who-readers h2 {
    padding: 0px 0px 10px 0px;
}

.advertising_main .who-readers .left {
    width: 50%;
    float: left;
}

.advertising_main .who-readers .left .box-row {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.advertising_main .who-readers .left .box-row ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0;
}

.advertising_main .who-readers .left .box-row ul li {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0;
    list-style: none;
    line-height: 30px;
}

.advertising_main .who-readers .left .box-row ul li .col-one {
    width: 28%;
    float: left;
}

.advertising_main .who-readers .left .box-row ul li .col-two {
    width: 68%;
    float: left;
}

.advertising_main .who-readers .right {
    width: 50%;
    float: right;
}

.advertising_main .who-readers .right img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
}


/*20-2-18*/
/*.tumb_tit { width:100%; float:left; margin:0 0 40px; padding:20px 20px 20px 220px; background:#11588a; font-size:30px; color:#fff; font-family: 'Roboto Condensed', sans-serif; position:relative; }
.tumb_tit:after { content:""; width:189px; height:189px; position:absolute; left:10px; top:10px; background:url(../images/thumb_imglogo.png) no-repeat left 0px;  }*/
.tumb_tit {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 26px 20px 26px 130px;
    background: #11588a;
    font-size: 30px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}

.tumb_tit:after {
    content: "";
    width: 94px;
    height: 94px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: url(../images/thumb_imglogo.png) no-repeat left 0px;
}

.tumb_tit span {
    width: 100%;
    padding-top: 5px;
    float: left;
    font-size: 20px;
    color: #fff;
}

.insu_img {
    width: 49%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.insu_img img {
    width: 100%;
}

.insu_con {
    width: 100%;
    float: right;
    margin: 0px;
    padding: 0px;
}

.insu_con a.member-register {
    float: left;
    background: #d31b35;
    color: #fff;
    font-size: 20px;
    padding: 3px 20px;
    margin: 0 0 15px;
    border-radius: 4px;
    }
.insu_con a.member-register:hover {background: #11588a;}
.add-new-post {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    }
.add-new-post a {
    width: auto;
    float: left;
    background-color: #d31a35;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    border-radius: 100px;
    border: none;
    outline: none;
    letter-spacing: 0.3px;
    margin: 14px 0px 0px 0px;
    padding: 10px 30px;
    }
.add-new-post a:focus,
.add-new-post a:hover {
    background: #007436;
    cursor: pointer;
    }
.generl-tag {float: left;}

/* Custom New Class Add 29-6-2018 */
/*--- Lodge Landing Page ---*/
.lodge-coman-banner {
    width: 100%;
    float: left;
    /*height:350px;*/
    position: relative;
    margin: 0px;
    padding: 0px;
}

.lodge-coman-banner img {
    width: 100%;
    height: 100%;
    display: block;
}

.lodge-coman-banner .lodge-caption {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    padding: 0px;
}

.lodge-coman-banner .lodge-caption h1 {
    width: 100%;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 0px;
    padding: 0px;
}


.leftbarcom-menu {
    width: 100%;
    float: left;
    background: #007436;
    margin: 0px;
    padding: 0px;
}

.leftbarcom-menu ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.leftbarcom-menu ul li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #536584;
    margin: 0px;
    padding: 0px;
}

.leftbarcom-menu ul li a {
    max-width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    text-decoration: none;
    padding: 10px;
    margin: 0px;
}

.leftbarcom-menu ul li a:hover {
    color: #d31b35;
}

.landing-pic {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #e6e6e6;
    margin: 0px;
    padding: 3px;
}

.landing-pic img {
    width: 100%;
    height: auto;
    display: block;
}

.landing-pic .logo-hotel {
    width: 148px;
    height: 148px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: center;
    margin: 0px;
    padding: 18px 0px 0px 0px;
    -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
}

.landing-pic .logo-hotel img {
    width: 112px;
    height: auto;
    display: inline-block;
}

.landing-content {
    width: 100%;
    float: left;
    margin: 30px 0px 10px 0px;
    padding: 0px;
}

.landing-content p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #0b0b0b;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.lodge-location {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.lodge-location .location-pic {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 3px;
    margin: 0px;
}

.lodge-location .location-pic img {
    width: 100%;
    height: auto;
    display: block;
}

.lodge-location .location-pic:before {
    width: auto;
    height: auto;
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    right: 3px;
    content: '';
    background: rgba(0, 0, 0, 0.3);
    margin: 0px;
    padding: 0px;
}

.lodge-location .location-box {
    width: 100%;
    background: #274472;
    height: 54px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    padding: 0px;
}

.lodge-location .location-box p {
    width: 100%;
    display: table-cell;
    height: 54px;
    vertical-align: middle;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    line-height: 16px;
    position: relative;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

.lodge-location .location-box p .fa {
    display: inline-block;
    font-size: 15px;
    padding-top: 2px;
    position: absolute;
    left: 0px;
}

.lodge-location .location-box p a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}

.lodge-location .location-box p a:hover {
    color: #d31b35;
}

.lodge-location .location-box-noimg {
    width: 100%;
    float: left;
    background: #274472;
    height: 54px;
    position: relative;
    top: 0px;
    transform: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}



/*--- Lodge Event Calendar Page ---*/
.event-calendar-list {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.event-calendar-list ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.event-calendar-list ul li {
    width: 100%;
    float: left;
    list-style: none;
    background: #f7f7f7;
    margin: 0px 0px 44px 0px;
    padding: 3px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(175, 175, 175, 0.5);
    -moz-box-shadow: 2px 3px 5px 0px rgba(175, 175, 175, 0.5);
    box-shadow: 2px 3px 5px 0px rgba(175, 175, 175, 0.5);
}

.event-calendar-list ul li:before {
    display: none;
}

.event-calendar-list ul li:last-child {
    margin-bottom: 14px;
}

.event-calendar-list ul li .event-pic {
    width: 100%;
    max-width: 400px;
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.event-calendar-list ul li .event-pic img {
    width: 100%;
    height: auto;
    display: block;
}

.event-calendar-list ul li .event-pic:after {
    width: auto;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

.event-calendar-list ul li .event-pic .event-date {
    width: 68px;
    height: 56px;
    background: #007436;
    position: absolute;
    left: 20px;
    top: -28px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    margin: 0px;
    padding: 8px 0px 0px 0px;
    z-index: 2;
}

.event-calendar-list ul li .event-pic .event-date span {
    font-weight: 700;
    display: block;
}

.event-calendar-list ul li .event-detail {
    width: 100%;
    max-width: 420px;
    float: right;
    margin: 0px;
    padding: 20px 20px 0px 0px;
}

.event-calendar-list ul li .event-detail h3 {
    width: 100%;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    color: #d31b35;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0px;
    padding: 0px 0px 6px 0px;
}

.event-calendar-list ul li .event-detail h3 span {
    width: auto;
    display: inline;
    vertical-align: middle;
    padding: 4px 0px 0px 6px;
}

.event-calendar-list ul li .event-detail .eventdetail-date {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #454545;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}

.event-calendar-list ul li .event-detail .eventdetail-date .fa-calendar {
    display: inline-block;
    padding-right: 8px;
}

.event-calendar-list ul li .event-detail p {
    width: 100%;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #616161;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

.event-calendar-list ul li .event-detail a.read-more {
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #274472;
    text-transform: uppercase;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

.event-calendar-list ul li .event-detail a.read-more:hover {
    color: #d31b35;
}

.event-calendar-list ul li .event-detail a.read-more .fa {
    display: inline-block;
    padding-left: 4px;
}

.pagination-part {
    width: 100%;
    float: left;
    margin: 24px 0px 0px 0px;
    padding: 0px;
}

.pagination-part ul {
    width: 100%;
    float: left;
    display: table-cell;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.pagination-part ul li {
    width: auto;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    margin: 0px 4px;
    padding: 0px;
}

.pagination-part ul li:before {
    display: none;
}

.pagination-part ul li a {
    width: 33px;
    display: inline-block;
    height: 33px;
    line-height: 31px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 100%;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #0b0b0b;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.pagination-part ul li a:hover,
.pagination-part ul li a.act {
    background: #274472;
    border: 1px solid #002b6f;
    color: #ffffff;
}

/*--- Lodge Photo Gallery Page ---*/
.photogallery-view {
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.photogallery-view ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.photogallery-view ul li {
    width: 32.11%;
    float: left;
    list-style: none;
    margin: 0px 15px 20px 0px;
    padding: 0px;
}

.photogallery-view ul li:nth-child(3n+3) {
    margin-right: 0px;
}

.photogallery-view ul li:before {
    display: none;
}

.photogallery-view ul li .photogallery-thumb {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #e6e6e6;
    margin: 0px;
    padding: 3px;
}

.photogallery-view ul li .photogallery-thumb img {
    width: 100%;
    height: 100%;
    display: block;
}

.photogallery-view ul li .photo-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 3px;
    margin: 0px;
    text-decoration: none;
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s
}

.photogallery-view ul li:hover .photo-hover {
    opacity: 1;
    text-decoration: none;
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s
}

.photogallery-view ul li .photo-hover .bg {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 0;
    margin: 0px;
    z-index: 1;
}

.photogallery-view ul li .photo-hover .photohover-detail {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    padding: 0px;
    z-index: 2;
}

.photogallery-view ul li .photo-hover h2 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.photogallery-view ul li .photo-hover p {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.photogallery-view ul li .photo-hover .search-icon {
    width: 100%;
    float: left;
    text-align: center;
    margin: 8px 0px 0px 0px;
    padding: 0px;
}

.photogallery-view ul li .photo-hover .fa {
    width: 32px;
    height: 32px;
    line-height: 30px;
    display: inline-block;
    padding: 0px;
    margin: 0px auto;
    border: 1px solid #FFF;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: 'FontAwesome';
}

.photogallery-view ul li .photo-hover .fa:hover {
    border: 1px solid #d31b35;
    color: #d31b35;
}

.photogallery-view .loading-icon,
.event-calendar-list .loading-icon {
    width: 128px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

/* Business Packages Page Class */
.business-packages {
    /*width: 100%;
    float: left;*/
    position: relative;
    margin: 0px;
    padding: 0px;
    }
.business-packages .packages {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.business-packages .packages .package-item {
    width: 30.7%;
    background: #f3f3f3;
    border-radius: 20px;
    margin: 0px 1.3%;
    padding-bottom: 26px;
    display: flex;
    flex-direction: column;
    padding: 0px;
    border: 1px solid #d1d1d1;
    }
.business-packages .packages .title {
    display: block;
    font-size: 46px;
    line-height: 1.2;
    color: #007436;
    padding: 15px;
    border-bottom: 1px solid #d1d1d1;
    }
/*.business-packages .packages .gold {
    background: url(./gold-bg.png) no-repeat left 0px;
    background-size: 100% auto;
    border-radius: 8px 8px 0px 0px;
    }
.business-packages .packages .silver {
    background: url(../images/silver-bg.jpg) no-repeat left 0px;
    background-size: 100% auto;
    border-radius: 8px 8px 0px 0px;
}
.business-packages .packages .bronze {
    background: url(../images/bronze-bg.jpg) no-repeat left 0px;
    background-size: 100% auto;
    border-radius: 8px 8px 0px 0px;
}*/
.business-packages .packages .title span {
    font-size: 18px;
    line-height: 1.2;
    color: #0b0b0b;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    }
.business-packages .packages .title p {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    color: #0b0b0b;
    font-style: italic;
    margin: 0;
    }
/*.business-packages .packages .gold.title {color: #fff;}
.business-packages .packages .gold.title span {color: #fff;}
.business-packages .packages .gold.title p {color: #fff;}*/

.business-packages .packages .packages-detail {
    width: 100%;
    float: left;
    margin: 18px 0px 0px 0px;
    padding: 0px 18px 30px 18px !important;
    }
.business-packages .packages h3 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #0b0b0b;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    position: relative;
    }
.business-packages .packages h3:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -12px;
    width: 50px;
    height: 3px;
    background: #d31a35;
    margin: 0px;
    padding: 0px;
    }
.business-packages .packages .packages-list {
    width: 100%;
    float: left;
    margin: 36px 0px 0px 0px;
    padding: 0px;
}
.business-packages .packages .packages-list ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.business-packages .packages .packages-list ul li {
    display: block;
    list-style: none;
    font-size: 18px;
    line-height: 21px;
    color: #0b0b0b;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 20px;
    position: relative;
    }
.business-packages .packages .packages-list ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 2px;
    width: 8px;
    height: 8px;
    background-color: #d31a35;
    transform: scaleY(1.3) rotate(45deg);
    }

@media(max-width:767px){
    .business-packages .packages .package-item {
        width: 100%;
        margin: 10px 0;
    }    
}
.business-directory {
    width: 100%;
    float: left;
    margin: 100px 0px 0px 0px;
    padding: 0px;
}

.business-directory h6 {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #d31b35;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.business-directory .directory-categories-list {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.business-directory .directory-categories-list ul {
    width: 33.33%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.business-directory .directory-categories-list ul li {
    width: 100%;
    float: left;
    list-style: none;
    background: url(../images/directory-bullets.png) no-repeat left 4px;
    font-size: 16px;
    color: #2d2d2f;
    line-height: 16px;
    margin: 0px 0px 14px 0px;
    padding: 0px 0px 0px 18px;
}

.business-directory .directory-categories-list ul li ul {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.business-directory .directory-categories-list ul li ul li {
    margin-bottom: 8px;
    background: url(../images/sub-category-line.jpg) no-repeat left 8px;
    padding-left: 14px;
    font-size: 15px;
}

.business-directory .directory-categories-list ul li p {
    display: block;
    margin: 0px;
    padding: 0px;
    line-height: 22px;
}

.business-directory .directory-categories-list ul li p:first-child {
    padding-top: 4px;
}

.commission-full-part {
    width: 74%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.social-justice {
    width: 100%;
    float: left;
    margin: 60px 0px 0px 0px;
    padding: 0px;
}

.social-justice h6 {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #d31b35;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.pad-left {
    padding-left: 0px;
}

.social-justice-form {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

.social-justice-form ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.social-justice-form ul li {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0px 0px 26px 0px;
    padding: 0px;
}

.social-justice-form ul li .col-left {
    width: 48%;
    float: left;
}

.social-justice-form ul li .col-right {
    width: 48%;
    float: right;
}

.social-justice-form ul li .full-width {
    width: 100%;
    float: left;
}

.social-justice-form ul li label {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #0b0b0b;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
}

.social-justice-form ul li label .red-star {
    display: inline-block;
    color: #ff0000;
}

.social-justice-form ul li label.line18 {
    line-height: 18px;
    display: inline-block;
    padding-bottom: 8px;
    }
.social-justice-form ul li input[type="text"] {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #0b0b0b;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    height: 36px;
    line-height: 36px;
    outline: none;
    border-radius: 5px;
    margin: 0px;
    padding: 0px 12px;
    }
.social-justice-form ul li select {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #0b0b0b;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    height: 36px;
    line-height: 36px;
    outline: none;
    border-radius: 5px;
    margin: 0px;
    padding: 0px 12px;
    }
.social-justice-form ul li textarea {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #0b0b0b;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    height: 96px;
    line-height: 20px;
    outline: none;
    border-radius: 5px;
    margin: 0px;
    padding: 10px 12px;
    resize: none;
    }
.social-justice-form ul li .advertising-checkbox {
    width: auto;
    float: left;
    margin: 0px 40px 0px 0px;
    padding: 0px;
    }
.social-justice-form ul li .advertising-checkbox label {
    width: auto;
    float: left;
    font-size: 15px;
    color: #0b0b0b;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    }
.social-justice-form ul li .advertising-checkbox input[type="checkbox"],
.social-justice-form ul li .advertising-checkbox input[type="radio"] {
    width: 18px;
    float: left;
    height: 18px;
    margin: 6px 6px 0px 0px;
    padding: 0px;
    }
.social-justice-form ul li .form-subtitle {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #d31b35;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 20px 0px 10px 0px;
    }
.social-justice-form ul li .captcha-code {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    }
.social-justice-form ul li input[type="submit"] {
    width: auto;
    float: left;
    background: #d31b35;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    letter-spacing: 0.8px;
    margin: 0px;
    padding: 0px 28px;
    }
.social-justice-form ul li input[type="submit"]:hover {
    background: #274472;
    cursor: pointer;
    }
.social-justice-form ul li.advertising-level {
    display: inline-block;
    position: relative;
    }

/* Business Directory Page Class */
.search-business {
    width: 100%;
    float: left;
    margin: 0px 0px 24px 0px;
    padding: 0px;
}

.search-business label {
    width: auto;
    float: left;
    font-size: 22px;
    color: #3b5379;
    line-height: 42px;
    margin: 0px;
    padding: 0px;
}

.search-business .select-fild {
    width: 100%;
    max-width: 410px;
    float: left;
    margin: 0px 0px 0px 16px;
    padding: 0px;
}

.search-business .select-fild select {
    width: 100%;
    float: left;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    outline: none;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    color: #0b0b0b;
    margin: 0px;
    padding: 0px 12px;
}

.search-business .viewall-button {
    width: auto;
    display: inline-block;
    margin: 0px 0px 0px 14px;
    padding: 0px;
}

.search-business .viewall-button input[type="button"] {
    width: auto;
    float: left;
    background: #d31b35;
    border-radius: 4px;
    height: 42px;
    line-height: 42px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    letter-spacing: 0.8px;
    margin: 0px;
    padding: 0px 20px;
}

.search-business .viewall-button input[type="button"]:hover {
    background: #274472;
    cursor: pointer;
}


.gold-package {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.gold-bg {
    width: 100%;
    float: left;
    border-top: 5px solid #d31b35;
    border-bottom: 13px solid #d31b35;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffecce 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffecce 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffecce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffecce', GradientType=0);
}

.packages-detail {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 28px 20px 0px 20px !important;
    letter-spacing: 1px;
}

.packages-detail .business-logo {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.packages-detail .business-logo img {
    width: 100%;
    max-width: 250px;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    padding: 0px 14px 0px 0px;
}

.packages-detail .business-logo label {
    width: auto;
    display: inline-block;
    font-weight: 700;
    color: #3a5278;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

.packages-detail .packages-content {
    width: 100%;
    float: left;
    margin: 20px 0px;
    padding: 0px;
}

.packages-detail .packages-content p {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #2d2d2f;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    }
.packages-detail .member-name {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #000000;
    background: url(../images/osia-member-arrow.png) no-repeat left 5px;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px 0px 0px 18px;
    }
.packages-detail .business-address {
    width: 100%;
    float: left;
    background: url(../images/packag-address-icon.png) no-repeat left 4px;
    font-size: 14px;
    color: #2d2d2f;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 28px;
    }
.packages-detail .businessMap {
    width: 100%;
    float: left;
    height: 132px;
    margin: 0px;
    padding: 0px;
    }
.packages-detail .business-contact {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 12px 0px;
    }
.packages-detail .business-contact:before {
    width: 105%;
    content: '';
    position: absolute;
    left: -20px;
    top: 0px;
    border-top: 1px solid #606060;
    margin: 0px;
    padding: 0px;
}

.packages-detail .business-contact ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.packages-detail .business-contact ul li {
    width: auto;
    float: left;
    list-style: none;
    font-size: 16px;
    color: #2d2d2f;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px 24px 0px 28px;
}

.packages-detail .business-contact ul li a {
    font-size: 16px;
    color: #2d2d2f;
    text-decoration: none;
}

.packages-detail .business-contact ul li a:hover {
    color: #007436;
}

.packages-detail .business-contact ul li.mail-icon {
    background: url(../images/packag-mail-icon.png) no-repeat left 8px;
}

.packages-detail .business-contact ul li.phone-icon {
    background: url(../images/packag-phone-icon.png) no-repeat left center;
}

.packages-detail .business-contact ul li.globle-icon {
    background: url(../images/packag-globle-icon.png) no-repeat left center;
}

.packages-detail .packages-left {
    width: 75%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.packages-detail .packages-right {
    width: 25%;
    float: right;
    margin: 0px;
    padding: 0px;
}


.silver-package {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.silver-bg {
    width: 100%;
    float: left;
    border-top: 5px solid #d4d4d4;
    border-bottom: 13px solid #d4d4d4;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
}

.bronze-package {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.bronze-bg {
    width: 100%;
    float: left;
    border-top: 5px solid #ba6a44;
    border-bottom: 13px solid #ba6a44;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f0e1d6 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f0e1d6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f0e1d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
}


.become-member2 .box p {
    margin-bottom: 10px;
}


.catagory_table2 {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
}

.catagory_table2 ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catagory_table2 ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
}

.catagory_table2 ul li:nth-child(even) {
    background-color: #f1f1f1;
    float: left;
}

.catagory_table2 ul li::before {
    display: none;
}

.catagory_table2 ul li .catagory_ttl {
    font-size: 16px !important;
    color: #fff !important;
    background: #007436;
    padding: 7px 10px !important;
    font-family: 'Roboto Condensed', sans-serif;
    }

.catagory_table2 ul li .category_name {
    width: 40%;
    float: left;
    margin: 3px 0;
    padding: 0 10px;
    color: #d31b35;
}

.catagory_table2 ul li .category_name a {
    color: #428bca;
}

.catagory_table2 ul li .category_name a:hover {
    color: #007436;
}

.catagory_table2 ul li .threads {
    width: 30%;
    float: left;
    margin: 3px 0;
    padding: 0;
    font-size: 11px;
    text-align: left;
    padding: 0 10px;
    color: #0b0b0b;
    word-break: break-word;
    font-size: 12px !important;
    }
.catagory_table2 ul li .threads:last-child {
    width: 10%;
    text-align: right;
    }
.catagory_table2 ul li .threads:nth-child(3) {
    width: 40%;
}
.catagory_table2 ul li .threads:first-child {width: 20%;}
.catagory_table2 ul li .threads #myBtn {
    background: #d31a35;
    border-radius: 3px;
    height: 40px;
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: 11px;
    }
.catagory_table2 ul li .threads #myBtn:hover {background: #007436;}
.catagory_table2 ul li .recent_post {
    width: 40%;
    float: left;
    margin: 3px 0;
    padding: 0;
    padding: 0 10px;
    color: #0b0b0b;
}

.catagory_table2 ul li .recent_post a {
    color: #428bca;
}

.catagory_table2 ul li .recent_post a:hover {
    color: #007436;
}

.catagory_table2 ul .indicate a {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 10px;
    float: left;
    font-size: 14px;
    color: #d31b35;
    font-family: 'PT Sans', sans-serif;
    }
.catagory_table2 ul .indicate a:hover {
    color: #0b0b0b;
    }
.paginnation {
    float: left;
    width: 100%;
    padding: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    }
.paginnation .current {
    width: auto;
    float: right;
    color: #007436;
    font-weight: 600;
    }
.paginnation .prev {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fff;
    font-size: 15px;
    line-height: 26px;
    border: 1px solid #CCC;
    box-sizing: border-box;
}

.paginnation .next {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fff;
    font-size: 15px;
    line-height: 26px;
    border: 1px solid #CCC;
    box-sizing: border-box;
}

.paginnation .prev a,
.paginnation .next a {
    display: block;
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    line-height: 28px;
}

.paginnation .prev a:hover,
.paginnation .next a:hover {
    background: #d31a35;
    color: #fff;
}

.paginnation .paging {
    width: auto;
    display: inline-block;
}

.paginnation .paging a {
    min-width: 30px;
    height: 30px;
    display: inline-block;
    background: #f1f1f1;
    color: #000;
} 
.paginnation .paging a:hover {
    background: #d31a35;
    color: #fff
} 
.paginnation .paging span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #d31a35;
    color: #fff;
    }


.catagory_table3 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.catagory_table3 ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catagory_table3 ul li {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
}

.catagory_table3 ul li:nth-child(even) {
    background-color: #fff;
    float: left;
}

.catagory_table3 ul li:nth-child(odd) {
    background-color: #f1f1f1;
    float: left;
}

.catagory_table3 ul li div {
    width: 60%;
    display: inline-block;
    font-size: 13px;
    vertical-align: top;
}

.catagory_table3 ul li div:first-child {
    width: 38%;
    font-weight: 700;
    font-size: 13px;
    padding-left: 10px;
}

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 0;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    z-index: 10000;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    text-align: left;
    font-size: 14px;
    max-width: 94%;
}

/* The Close Button */
.modal-content .close {
    width: 30px;
    height: 30px;
    color: #ffff;
    float: right;
    text-align: center;
    font-size: 25px;
    line-height: 28px;
    font-weight: normal;
    position: absolute;
    background-color: rgba(48, 72, 111, 1);
    right: -5px;
    top: -10px;
    opacity: 1;
    border-radius: 50%;
}

.modal-content .close:hover,
.modal-content .close:focus {
    background-color: #d31b35;
    text-decoration: none;
    cursor: pointer;
}

.modal-content .modal-body {
    width: 100%;
    height: 70vh;
    overflow: auto;
}

.modal-content .popup-content {
    width: 100%;
}

.modal-content .popup-content strong {
    color: #333333;
    letter-spacing: 1px;
}

.modal-content .popup-content a.donate {
    background: #a81212;
    padding: 5px 25px 5px 25px;
    margin: 0px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px
}

.modal-content .popup-content a.donate:hover {
    background: #f90;
}

.modal {
    overflow: visible;
}

.gtco-book-appointment {
    width: 40px;
    position: fixed;
    top: 70%;
    right: 0;
    text-align: center;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    transform: rotate(-90deg);
    z-index: 1000;
}

.gtco-book-appointment a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #9e0b10;
    text-transform: uppercase;
    padding: 10px 25px;
    letter-spacing: 1px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px -4px 15px #333;
    border: none;
}

.gtco-book-appointment a span {
    color: #f90;
}

.gtco-book-appointment a:hover {
    background-color: #f90;
}

.gtco-book-appointment a:hover span {
    color: rgba(39, 68, 114, 0.95);
}

/*.pop-up-main{width:1000px; max-width:100%; max-height:100vh; margin:0; position:absolute; top:47%; left:50%; transform: translate(-50%, -50%) !important;}
.pop-up-main .popup-content{ width:100%;}
.pop-up-main .popup-content p{ font-family: 'PT Sans', sans-serif; font-weight: 400; font-size: 15px; color: #0b0b0b; line-height: 25px; padding:0px;}
.pop-up-main .popup-content .pop-up-gallery{ width:100%; float:left;}
.pop-up-main .popup-content .pop-up-gallery img{ max-width:100%; height:auto; float:left; margin:10px 0;}
.close{ z-index:10; position:absolute; right:4px; top:-4px; font-size:28px; opacity:0.5; display:block;}*/

.donate-page {
    margin: 30px 0 0 0;
}

.donate-page strong {
    color: #333333;
    letter-spacing: 1px;
    font-weight: 500;
}

.donate-page a.donate {
    background: #a81212;
    padding: 5px 25px 5px 25px;
    margin: 0px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px
}

.donate-page a.donate:hover {
    background: #f90;
}

.donate-page .pop-up-gallery {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    padding: 0;
}

.donate-page .pop-up-gallery ul li {
    width: 25%;
    list-style: none;
    margin: 0 -2px -2px 0;
    padding: 0;
    float: left;
    border: 2px solid rgba(48, 72, 111, 1);
}

.donate-page .pop-up-gallery ul li:before {
    display: none;
}

.donate-page .pop-up-gallery img {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 0;
}



@media only screen and (max-width: 1500px) {
    .carousel {
        height: 465px;
    }

    .carousel .item {
        height: 465px;
    }

    .carousel-inner > .item > img {
        height: 465px;
    }
}

.donate-main center {
    text-align: left;
    background-color: #f3f3f3;
    border-radius: 20px;
    padding: 20px;
    display: inline-block;
    margin-bottom: 20px;
}
.donate-main center p {
    margin-bottom: 5px;
}
.box h5 {
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #007436;
}
.relative p {
    flex: 0 0 50%;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 22px;
    line-height: 1.4;
    position: relative;
}
.page-content .donate-main input[type="checkbox"], 
.page-content .donate-main input[type="radio"],
.page-content input[type="radio"], 
.page-content .donate-main b {
    margin-right: 10px;
}
.choose_req {
    display: flex;
    align-items: self-start;
    margin-bottom: 0px;
}
.choose_req input[type=checkbox] {
    margin-top: 10px;
}
.box .form-group {
    margin-bottom: 20px;
}
/**/
input[type="radio"] {
    width: 16px;
    height: 16px;
}
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    padding: 0 0 0 30px;
}

.linkinlabel input[type="checkbox"] {
    width: 24px;
    height: 24px;
    float: left;
    }
.linkinlabel input[type="checkbox"] + label {
    width: 24px;
    height: 24px;
    padding: 0;
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}
.linkinlabel .linkcopy{display: block;}


.single_checkbox {
    margin-bottom: 10px;
    position: relative;
    }

input[type="checkbox"] + label:before {
    content: "";
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid #ccc;
    position: absolute;
    top: 8px;
    left: 0;
}
input[type="checkbox"]:checked + label {
    color: #d31b35;
}
input[type="checkbox"]:checked + label:before {
    background: #d31b35;
    border: 2px solid #d31b35;
}
input[type="checkbox"]:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
input[type="checkbox"]:disabled + label:before {
    background: #ddd;
}
input[type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 14px;
    background: #d31b35;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}
.become-member .box .full {
    margin-bottom: 20px;
    position: relative;
}

.validate label.error {font-size: 16px;}
.become-member .box .full {margin-bottom: 10px;}
#repass, #reemail, #gp_reemail {
    color: #f00;
    font-size: 14px;
    line-height: 1.3;
    display: block;
}
.validate label.error {
    color: #f00;
}

@media(max-width:991px){
    .relative p {
        flex: 0 0 100%;
        margin-bottom: 5px;
        font-size: 20px;
    }
    .become-member .box .half {
        width: 100%;
    }
    .become-member .box .full {
        margin-bottom: 8px;
    }
    .page-content .donate-main .donation_amount p input[type="button"] {
        font-size: 18px;
        padding: 14px 25px;
    }
    .page-content .donate-main .donation_amount p {
        margin: 0px 5px 5px 0px;
    }
    .page-content .donate-main input[type="checkbox"], .page-content .donate-main input[type="radio"], .page-content input[type="radio"], .page-content .donate-main b {
        margin-right: 7px;
    }
}
@media(max-width:767px){
    .relative p {
        font-size: 18px;
    }
    .validate label.error {
        font-size: 15px;
    }
}
@media(max-width:575px){
    .relative p {
        font-size: 16px;
    }
    .page-content .donate-main .donation_amount p input[type="button"] {
        font-size: 16px;
        padding: 12px 20px;
    }
    input[type="checkbox"] + label {
        padding: 0 0 0 22px;
    }
    input[type="checkbox"] + label:before {
        width: 16px;
        height: 16px;
        top: 3px;
    }
    input[type="checkbox"]:checked + label:after {
        left: 3px;
        top: 10px;
    }
    .page-content .donate-main .donation_amount .other_light {
        margin: 10px 0px;
        padding: 10px 15px;
        border-radius: 16px;
    }
    .donate-main center {
        border-radius: 16px;
        padding: 15px;
        margin-bottom: 10px;
    }
    .box h5 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .box .form-group {
        margin-bottom: 10px;
    }
    .validate label.error {
        font-size: 14px;
    }
    .become-member .box .full {
        margin-bottom: 5px;
    }
    .page-content .donate-main input[type="checkbox"], .page-content .donate-main input[type="radio"], .page-content input[type="radio"], .page-content .donate-main b {
        margin-right: 4px;
    }

    .catagory_table2 ul li .threads
    {
        font-size: 10px !important;
    }
    .catagory_table2 ul li .threads #myBtn
    {
        font-size: 10px !important;
    }

}
@media(max-width:375px){
    .catagory_table2 ul li .threads #myBtn
    {
        font-size: 8px !important;
    }
}

.catagory_table .lodge_image a {
    display: block;
    width: 90px;
    height: 65px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #0b0b0b;
}
.catagory_table .lodge_image a img {
    float: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    max-height: inherit !important;
    margin: 0 !important;
}
.catagory_table .lodge_image a:hover img {
    opacity: 0.7;
}
.gallery_success {
    margin-bottom: 15px;
}