body { font-family: 'PT Serif', serif; color: #333333; }

.body-wrap, .navbar, footer { margin: 0 auto; }

@media (min-width:768px) {
    .body-wrap, .navbar, footer { width: 750px }
}

@media (min-width:992px) {
    .body-wrap, .navbar, footer { width: 970px }
}

@media (min-width:1200px) {
    .body-wrap, .navbar, footer { width: 1170px }
}

h1.blog-header { font-size:38px; margin-bottom:20px; }
/* for donate link
    .nav-trp .navbar-nav > li { width: 16.667%; }
    .nav-trp .navbar-nav > li:last-child { background-color: #76323F; border-bottom: 2px solid #76323F; }
        .nav-trp .navbar-nav > li:last-child:hover { border-bottom: 2px solid #fff; }
        .nav-trp .navbar-nav > li:last-child a { color: white; }
            .nav-trp .navbar-nav > li:last-child a:hover { font-weight: bolder; background-color: white; color: #76323F; }*/
.webinar-register-button { background: #76323F; border-top: 3px solid #1d002e; color: #fff; text-transform: uppercase; padding: 6px 25px; font-size: 17px; font-weight: bold; position: absolute; bottom: 12px; }
    .webinar-register-button:hover { background: #ffffff; text-decoration: none; color: #1d002e; border: 1px solid #1d002e; border-top: 3px solid #1d002e; }
@media (max-width:1200px) {
    .webinar-register-button { margin-top:12px; }
}
@media (min-width: 768px) {
    .row.equal { display: flex; display:-webkit-flex; flex-wrap: wrap; }
    .webinar-register-button {display:inline-block; }
}
@media (max-width:768px) {
    .webinar-register-button { display: inline-block; position:relative; }
    .event-archive p { padding-left:0; }
}
.col-serv .sf-Image-wrapper { display:block; max-height:118px;overflow:hidden;}
@media (max-width:1200px) {
    .col-serv .sf-Image-wrapper { max-height: 95px; }
}
@media (max-width:992px) {
    .col-serv .sf-Image-wrapper { max-height:none; }
}
.blog-post-list { padding-left: 20px; }
    .blog-post-list li { list-style-type: none; }
.blog-post .archive > div { margin-bottom: 12px; }
.blog-post.archive-filters { width: 100%; padding-left: 15px!important; float: none!important; }
.blog-post .date, .blog-post-detail .date, .archive .date { display: block; text-align: left; font-weight: bold; float: none; font-size: 1em; }
.blog-post .author, .blog-post-detail .author, .archive .author { display: block; text-align: left; margin-bottom: 8px; }
.blog-post .archive a, .blog-post .archive p { text-align: left; }
.blog-post-detail h3, .blog-post-detail h4 { color: #494e6b; }
.blog-post-detail h1 { font-size: 38px; background-color: transparent; padding-left: 0; }
.blog-post-detail h2 { padding: 30px 0 12px 30px; margin-bottom: 0; background-color: #fff; }
.blog-post-detail > div:not(.serve-header) { padding: 2px 30px 30px 30px; background-color: #fff; }
.blog-post-sidebar { background-color: #fff; }
    .blog-post-sidebar > h3 { padding-left: 20px; font-weight: bold; }
    .blog-post-sidebar .blog-post-list h3 { margin-bottom: 1px; font-size: 18px; font-family: 'PT Serif', serif; }
.blog-post-detail blockquote { border-left: none; border-top: 1px dashed #76323f; border-bottom: 1px dashed #76323f; }
.blog-post-row { padding-bottom:20px;}
@media(max-width:992px) {
    .blog-post-row h3 {padding-left:0; }
    .blog-post-detail { margin-left: -15px; margin-right: -15px; }
}
.named-anchor { display: block; position: relative; top: -250px; visibility: hidden; }
.row-no-padding > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
.container-fluid { padding-left: 30px; padding-right: 30px; }
ul li { font-family: 'PT Sans', sans-serif; }
.navbar ul,
.navbar li, footer ul, footer li { list-style: none; }
p { font-size: 14px; font-family: 'PT Sans', sans-serif; }
span { font-family: 'PT Sans', sans-serif; }
a,
a:hover { color: #76323f; }
    a.view-all { margin: 16px; font-family: 'PT Sans', sans-serif; }
.pb20 { padding-bottom: 20px; }
.normal { font-weight: normal !important; }
h2 { font-size: 26px; font-weight: 700; margin: 0 0 10px 0; color: #1d002e; }
.f12 { font-size: 14px; }
.mt45 { margin-top: 45px; }
.navbar-brand { height: auto; position: relative; z-index: 9; }
.responsive-img { width: 100%; height: auto; }
.white-background { background: #ffffff; }
.body-wrap { padding-top: 211px; }
.inner-wrapper { background: #f4f2f0; width: 100%; float: left; padding-top: 60px; padding-bottom: 50px; }
.left-section h1 { color: #1d002e; font-weight: 700; font-size: 32px; font-family: 'PT Serif', serif; margin-top: 0; }

.thumb-wrap { width: 100%; float: left; padding: 20px; margin-bottom: 15px; text-align: center; }
    .thumb-wrap img { display: inline-block; }
    .thumb-wrap .thumb-publish-content { text-align: left; }
    .thumb-wrap.pad-0 { padding: 0; }
    .thumb-wrap.speaker-box { padding: 30px 20px 30px 20px; margin-bottom: 45px; }
.ariticle-highlight .thumb-wrap h3,
.ariticle-highlight .thumb-wrap p { text-align: left; }
.summary p { line-height: 22px; font-size: 18px; font-family: 'PT Sans', sans-serif; padding: 15px 15px 30px 0; }
.speaker-name { font-family: "PT Sans",sans-serif; padding-top: 20px; text-align: center; }
    .speaker-name h3 { line-height: 23px; }
    .speaker-name h3,
    .speaker-name a { color: #1d002e !important; }
        .speaker-name a:hover,
        .speaker-name a.hover { text-decoration: underline; color: #76323f; }
.speaker-box img { filter: grayscale(100%); transition: 1s ease; cursor: pointer; }
.speaker-box:hover img { filter: none; transition: 1s ease; }
.event-speaker-detail { padding: 12px; font-size: 1.2em; }
    .event-speaker-detail img { padding: 24px 24px; width: auto; max-height: 350px; }
    .event-speaker-detail .affiliation { margin-bottom: 12px; }
    .event-speaker-detail h4 { margin-top: 24px; }
    .event-speaker-detail a { font-size: 14px; }
    .event-speaker-detail ul li { list-style: disc; }
.event-speaker-image { text-align: center; margin-top: 75px; }
.speaker-linkedin-page,
.speaker-email { display: block; padding: 0 3px; }
.speaker-linkedin-page { padding-bottom: 24px; }
    .speaker-email a,
    .speaker-linkedin-page a { margin-left: 8px; }

.event-archive h3 { padding: 0px; }

.event-program-highlight-detail { padding: 12px; font-size: 1.2em; }
    .event-program-highlight-detail img { float: right; padding: 0 0 24px 24px; }

.generic-content { background-color: white; padding-bottom: 30px; }
    .generic-content p { margin-left: 30px; margin-right: 30px; font-size: 14px; font-family: "PT Sans", sans-serif; color: #1d002e; }
    .generic-content h2 { background-color: #f4f2f0; font-size: 20px; font-family: "PT Serif", serif; font-weight: bold; border-bottom: 5px solid #76323f; padding: 10px 0 7px 0; }
    .generic-content blockquote { padding: 20px 65px; border: none; border-top-color: currentcolor; border-top-style: none; border-top-width: medium; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-top: 1.5px dashed #76323f; border-bottom: 1.5px dashed #76323f; margin: 18px 30px; }
        .generic-content blockquote p { font-size: 18px; }
        .generic-content blockquote .reference { font-style: italic; font-size: 13px; padding-left: 15%; }
    .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6 { margin-top: 15px; margin-left: 30px; color: #76323f; font-weight: bold; }
    .generic-content h3 { font-size: 18px; }
    .generic-content .article-image-caption { font-family: "PT Sans", sans-serif; font-style: normal; margin-bottom: 0; font-weight: bolder; font-size: 12px; color: #1d002e; }
    .generic-content .article-image-caption-left { margin-left: 0; float: left; }
    .generic-content .article-image-caption-right { margin-left: 0; float: right; }
    .generic-content img:not([style*="float:"]) { width: 100%; height: auto; }

.meet-expet-wrap { float: left; width: 100%; }
.meet-expet { width: 100%; float: left; padding: 33px 10px; }
.top-green-bd, .top-green-border { border-top: 10px solid #163516; }
a.buy { font-size: 18px; color: #163516; background: #c0b283; text-transform: uppercase; padding: 5px 10px; }
.mb20 { margin-bottom: 20px; }

.hr-text { line-height: 1em; position: relative; outline: 0; border: 0; color: black; text-align: center; height: 1.5em; font-size: 18px; font-weight: 700; font-family: 'PT Sans', sans-serif; margin: 45px 0; }
    .hr-text:before { content: ''; border-top: 1px dashed #1d002e; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; }
    .hr-text:after { content: attr(data-content); position: relative; display: inline-block; padding: 0 .5em; line-height: 1.5em; color: #1d002e; background: #f4f2f0; }

.anchors-linked a.hover { text-decoration: underline; }

.thumb-content { padding: 28px 35px; }
.thumb-wrap.eastBay, .east-bay { border-top: 10px solid #494e6b; }
.thumb-wrap.gray { border-top: 10px solid #565656; }
.thumb-wrap.green { border-top: 10px solid #163516; }
.thumb-wrap.red { border-top: 10px solid #76323f; }
.thumb-wrap.gray .thumb-header { color: #565656; }
.thumb-wrap.green .thumb-header { color: #163516; }
.thumb-wrap.red .thumb-header { color: #76323f; }
.thumb-wrap .thumb-header { font-size: 16px; font-weight: 700; font-family: 'PT Serif', serif; margin-bottom: 30px; }
.thumb-wrap h4 { font-size: 18px; font-weight: bold; margin-top: 30px; margin-bottom: 10px; color: #1d002e; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
.thumb-wrap h3 { font-size: 18px; font-weight: bold; margin-bottom: 12px; color: #76323f; margin-top: 0; }
.thumb-wrap p { font-size: 14px; color: #1d002e; font-family: 'PT Sans', sans-serif; line-height: 16px; }
.thumb-wrap a h4:hover { color: #76323f; }

.prog:hover img { transform: scale(1.2); transition: 1s ease; }
.v-text { height: 75px; vertical-align: middle; overflow: hidden; }
.v-img img { vertical-align: top; }
.programs-wrap,
.service-wrap { padding: 40px 0px 0px; font-family: 'PT Sans', sans-serif; }
    .programs-wrap h2, .service-wrap h2 { font-family: 'PT Serif', serif; }
    .programs-wrap .prog { min-height: 220px; }
    .programs-wrap a,
    .service-wrap a { color: #1d002e; }
    .programs-wrap h3 { font-family: 'PT Sans', sans-serif; color: #76323f; font-size: 22px; font-weight: 700; margin-top: 15px; }
.border h2 { border-bottom: 10px solid #76323f; padding-bottom: 5px; }
.service-wrap a:hover,
.service-wrap a h5:hover { color: #76323f; }
.service-wrap .serve-header { font-size: 18px; font-weight: bold; font-family: 'PT Sans', sans-serif; margin: 25px 0 15px 0; }
.service-wrap h5,
.skewBox h5 { font-weight: bold; margin: 20px 0 0 0; color: #1d002e; font-family: 'PT Sans', sans-serif; }
.skewBox.hBox h5 { color: #76323f; margin-bottom: 5px; }

.skewBox.hBox span { color: #76323f; }
.service-wrap .serve-header a { font-family: 'PT Sans', sans-serif; }

.service-wrap p { color: #1d002e; }
.col-serv img { filter: grayscale(100%); opacity: 0.5; transition: 1s ease; width: 100%; cursor: pointer; height:auto; }
.col-serv:hover img { filter: none; opacity: 1; transition: 1s ease; }
.col-serv .serve-header { background-color: transparent; font-size: 18px; font-family: "PT Sans", sans-serif; font-weight: bold; padding-left:0; }
.col-serv h5 { font-family: "PT Sans", sans-serif; }
.news-feed { width: 100%; float: left; padding: 30px 0; border-bottom: 1px solid #d7cec7; font-family: 'PT Serif', serif; }
    .news-feed h4,
    .news-feed-header { font-size: 18px; font-weight: bold; font-family: 'PT Sans', sans-serif; color: #1d002e; margin: 0 0 6px 0; }
    .news-feed h4 { font-size: 16px; }
    .news-feed img { max-height: 113px; filter: grayscale(100%); opacity: 0.5; transition: 1s ease; cursor: pointer; float: left; margin-right: 20px; }
    .news-feed:hover img,
    .news-feed a .news-feed-header:hover img { filter: none; opacity: 1; transition: 1s ease; }
    .news-feed:hover a .news-feed-header,
    .news-feed a .news-feed-header:hover { color: #76323f; text-decoration: underline; }
    .news-feed a { color: #1d002e; }
.news-feed-content { float: left; width: 60%; }

.day-wrap { width: 100%; float: left; padding: 35px 0; border-bottom: 1px solid #d7cec7; font-size: 18px; font-weight: bold; font-family: 'PT Sans', sans-serif; color: #1d002e; }
.white-background .day-wrap { background: white; }
.day-wrap p { margin: 0; font-weight: 400; }

.right-section { padding-top: 45px; }
    .right-section h2 { font-size: 26px; font-weight: 700; font-family: 'PT Serif', serif; margin: 0 0 8px 0; }
    .right-section .red h2 { color: #76323f; }
    .right-section.eastBay h2 { color: #494e6b; }

.skewBox-one,
.skewBox-two { margin-bottom: 30px; width: 100%; float: left; }
    .skewBox-one a, .skewBox-two a { font-family: 'PT Sans', sans-serif; }
.top-red-border { border-top: 10px solid #76323f; }
.top-eastbay-border { border-top: 10px solid #494e6b; }

.guidebook-wrap img { max-width: 100%; }
.archive-sort-container { margin: 0; padding: 0; }
.archive-list-wrap { margin-top: -50px; font-family: 'PT Sans', sans-serif; }
.archive-sort-filter.fixed { margin: 0; border-top: 1px solid #76323f; background: white; -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); display: flex; justify-content: center; align-items: center; max-width: 100%; }
    .archive-sort-filter.fixed .row-no-padding { padding: 0 15px; }
.archive-list-wrap .white-background > div { padding: 24px; }
.archive-list-wrap img { max-height: 300px; cursor: pointer; }
.archive-list-wrap h3 { font-family: "PT Serif",serif; font-size: 21px; margin: 0 0 8px 0; font-weight: 700; align-items: center; display: flex; height: 55px; }
.guidebook-content { padding: 0 20px 30px 20px; font-weight: 400; min-height: 175px; margin-top: -12px; }
    .guidebook-content h3 { font-size: 21px; margin-top: 0; font-weight: 700; }
    .guidebook-content p { color: #565656; cursor: default; }
.guidebook-summary { border-top: 1px solid #76323F; padding-top: 12px; }
.guidebook-wrap li.media { font-size: 16px; overflow: inherit; list-style: none; }
.archive-list-wrap .media { margin: 12px 0; overflow: inherit; }
    .archive-list-wrap .media a.linked-anchor,
    .guidebook-wrap ul li a.linked-anchor { color: #555555; background: #d7cec7; border-radius: 50%; float: left; height: 35px; padding-top: 6px; text-align: center; width: 35px; }
.archive-list-wrap .dropdown-menu a { border: none; background: #fff; color: #000; float: none; height: auto; width: auto; text-align: left; }
.archive-list-wrap .media a:hover,
.archive-list-wrap .media .hover,
.guidebook-wrap ul li a:hover,
.guidebook-wrap .hover { color: #d7cec7; background: #555555; }
.archive-list-wrap .media a.not-dot,
.guidebook-wrap ul li a.not-dot { float: none; text-align: left; padding-top: 0; color: #000; background-color: transparent; border-radius: 0; width: auto; height: auto; }
.archive-list-wrap .media a.not-dot { font-size: 14px; text-transform: uppercase; margin-left: 12px; top: 5px; position: relative; }
a[href="mailto:main@philanthropyroundtable.org"] { text-transform: none !important; }
.archive-list-wrap .dropdown-menu a:hover,
.archive-list-wrap .media a.not-dot:hover,
.guidebook-wrap > ul > li > a.not-dot:hover { text-align: left; text-decoration: underline; color: #000; background-color: transparent; }
.archive-list-wrap .media p { padding-left: 12px; }
    .archive-list-wrap .media p a.not-dot { margin-left: 0; text-transform: lowercase; top: 0; }
.guidebook-wrap .media .media { padding-left: 10px; padding-top: 10px; }
.archive-list-wrap video { object-fit: cover; width: 100%; }
#player-modal-video .modal-dialog { height: auto; width: 85%; }

.guidebook-list h3 { font-size: 20px; }

.chapter-wrap ul, .chapter-wrap ul li { list-style: none; }
.chapter-wrap ul { padding-left: 0; }
.chapter-content { padding: 25px; }
    .chapter-content ul { list-style: disc; }
        .chapter-content ul li { list-style: disc; padding-bottom: 1em; }
.chapter-detail img { padding: 30px; display: block; max-width: 100%; height: auto; }

.skewBox,
.box-lg { background: #ffffff; width: 100%; float: left; color: #1d002e; margin-bottom: 40px; position: relative; }
.skewBox-two > div:last-of-type { margin-bottom: 12px; }

.skewBox .skew-content { float: left; width: 42%; padding: 22px 25px; font-family: 'PT Sans', sans-serif; position: relative; height: 100%; background: #ffffff; z-index: 1; }
.skewBox .skew-img { float: right; position: relative; width: 40%; }
.skewBox .skew-img-wrapper .skew-img:before { transform: skew(0); }
.skewBox .skew-img-wrapper .skew-content { height: inherit; }
.skewBox .skew-img-wrapper:hover a,
.img-hover:hover a { color: #76323f; text-decoration: underline; }
.skewBox .skew-img-wrapper { width: 100%; float: left; padding: 30px 20px 20px 0; }
    .skewBox .skew-img-wrapper .skew-content { float: left; width: 50%; padding: 0 25px; }

.skewBox .skew-img:before { /*content: '';*/ background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -98px; z-index: 0; }

.box-lg .box-lg-img:before { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -98px; z-index: 0; }

.skewBox p { line-height: 18px; }
.skewBox a { color: #1d002e; }
.skewBox h4 { font-weight: 700; font-size: 18px; font-family: 'PT Sans', sans-serif; margin: 0 0 12px 0; }
    .skewBox h4 a { font-family: 'PT Sans', sans-serif; }
    .skewBox h4 span { font-size: 16px; }
.skewBox a:hover { color: #76323f; }
.skewBox.skewBox-hover .skew-img:before { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -40%; z-index: 1; }
.skewBox.skewBox-hover .skew-content { z-index: 2; }
.skewBox-hover img { filter: grayscale(100%); opacity: 0.5; transition: 1s ease; }
.skewBox-hover:hover img { filter: none; opacity: 1; transition: 1s ease; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #1d002e; border-color: #1d002e; }

.sbox.img-wrapper { position: relative; height: 100px; }

.sbox .skew-img.gray-img { filter: grayscale(100%); transition: 1s ease; cursor: pointer; }

.sbox .img-wrapper:hover .skew-img.gray-img { filter: none; }

.skewBox.sbox .skew-img { height: 150px; width: 160px; margin: 0; }

.skewBox.sbox .skew-img { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.skewBox.sbox { position: relative; height: auto; min-height: auto; }

    .skewBox.sbox.sbox-content { position: absolute; left: 0; top: 0; }

    .skewBox.sbox .img-wrapper > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

    .skewBox.sbox .img-wrapper:hover h4 { color: #76323f; text-decoration: underline; }

.skewBox.skewBox-hover .skew-img:before { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -40%; z-index: 1; }

/*-------------------------------------------------------------------*/

.guideBox { }

/*-------------------------------------------------------------------*/


.hBox .skew-content { padding: 20px 30px 20px; }

.hBox { }

.skewBox.hBox .skew-img { height: 195px; width: 240px; }



@media (min-width:992px) and (max-width:1200px) {
    .skewBox .skew-content { width: 60%; padding: 15px 0px 0px 15px; }
    .skewBox .skew-img,
    .box-lg .box-lg-img { width: 100%; }
        .skewBox .skew-img:before, .box-lg .box-lg-img:before { left: -35% !important; }
    .skewBox.sbox .skew-img { width: 40%; }
    .hBox .skew-content { padding: 30px; }
    .navbar-brand img { margin-left: -20px; }
    ul.nav-tabs li a span { font-size: 16px; }

    ul.nav-tabs li a { padding: 5px 20px !important; }
}
/*-------------------------------------------------------------------*/


/*-----Pull quotes and block quotes--------------------------------------------------------------*/
.pull-quote { font-weight: bold; font-size: 20px; font-family: 'PT Serif', serif; display: block; margin: 20px 20px; padding: 10px; width: 40%; border-top: 10px solid #c0b283; border-bottom: 10px solid #c0b283; margin: 20px 30px 20px 0px; padding: 10px 10px 10px 0px; float: left; }

.block-quote { font-weight: normal; font-size: 20px; display: block; margin: 20px 20px; padding: 10px; width: 40%; /* border-top: 10px solid #c0b283;
    border-bottom: 10px solid #c0b283; */ }

.emphasis { padding: 40px; background: white; display: block; font-size: 20px; }

.pull-quote-left, .block-quote-left { margin: 20px 30px 20px 0px; padding: 10px 10px 10px 0px; float: left; }
.pull-quote-right, .block-quote-right { margin: 20px 0px 20px 30px; padding: 10px 10px 10px 0px; float: right; }

span.pull-quote + h2 { /* margin-top: 15px; */ }

.chapter-content h2 { font-size: 23px; margin-top: 15px; }

.article-image-caption { color: grey; font-style: italic; margin-bottom: 20px; }

.article-image { margin: 9px 20px; }
.article-image-right { float: right; }
.article-image-left { float: left; }
.article-image-caption { display: block; font-size: .8em; margin-bottom: 20px; }
.article-image-caption-right { clear: right; float: right; margin-right: 20px; margin-left: 20px; }
.article-image-caption-left { clear: left; float: left; margin-left: 20px; margin-right: 20px; }

.box-lg .box-lg-img { float: right; position: relative; }
.box-lg .box-lg-content { float: left; width: 45%; padding: 30px 40px; color: #1d002e; }
    .box-lg .box-lg-content h3, .skew-content h3 { color: #000; font-size: 24px; font-weight: 700; margin: 0 0 15px 0; line-height: normal; }
    .box-lg .box-lg-content h4, .skew-content p { font-size: 16px; font-weight: 700; margin: 0 0 10px 0; font-family: 'PT Sans', sans-serif; color: #76323f; line-height: normal; }
    .box-lg .box-lg-content .link { font-weight: 700; margin: 0 0 15px 0; font-family: 'PT Sans', sans-serif; text-transform: uppercase; text-decoration: underline; }
.box-lg-content.hotel-content { padding: 0 40px; font-family: 'PT Sans', sans-serif; }
    .box-lg-content.hotel-content h3 { font-size: 18px; margin: 25px 0 12px 0; }
    .box-lg-content.hotel-content p { font-size: 14px; font-weight: 400; margin-bottom: 10px; }
.box { color: #d7cec7; padding: 45px 40px; line-height: 35px; background: #494e6b; margin-bottom: 40px; position: relative; /*min-height: 264px;*/ margin-top: 0; }
    .box p { font-size: 26px; font-family: 'PT Serif', sans-serif; }
    .box:after { content: ""; background: url(../../images/main/logo-pattern.png) no-repeat right center; position: absolute; right: 0; height: 264px; width: 163px; top: 0; z-index: 9; }
.box-exep-wrap,
.box-regist-wrap,
.box-accordion-wrap,
.box-wrap { margin-top: 45px; }
.box-accordion { padding: 40px; }
.panel-body { font-family: 'PT Sans', sans-serif; }
.box-accordion .panel-group .panel { border: 0; border-radius: 0; }
.accordion-heading { background: #d7cec7; border: 0; border-radius: 0; font-family: 'Quattrocento', serif; }
    .accordion-heading h4.accordion-title { margin: 0; font-family: sans-serif; }
    .accordion-heading .accordion-title a { padding: 18px 25px; color: #1d002e; font-weight: 700; font-size: 20px; display: block; }
    .accordion-heading .accordion-title.faq-accordion-title a { font-size: 14px; }
    .accordion-heading .accordion-title a:hover { color: #d7cec7; background: #1d002e; text-decoration: none; }
.box-exep { color: #d7cec7; padding: 40px; line-height: 35px; background: #1d002e; position: relative; min-height: 100px; font-weight: 400; }
    .box-exep h3 { font-size: 24px; font-weight: bold; margin: 0 0 14px 0; }
    .box-exep p { font-size: 18px; font-family: 'PT Sans', sans-serif; }
.box-regist { padding: 0 40px 50px 40px; font-size: 18px; font-weight: 700; font-family: 'PT Sans', sans-serif; }
.box-regist-content { border-bottom: 1px dashed #76323f; padding: 40px 0; }
    .box-regist-content h3 { font-size: 26px; font-weight: bold; margin: 0 0 5px 0; }
    .box-regist-content h4 { font-size: 26px; font-weight: 400; margin: 0 0 17px 0; }
    .box-regist-content h5 { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; }
    .box-regist-content p { font-size: 18px; font-weight: 400; margin: 0 0 10px 0; }
    .box-regist-content a:hover { text-decoration: underline; color: #76323f; }
.box-regist hr { border: 0; border-bottom: 1px dashed #76323f; }
.box-content { padding: 40px; }
    .box-content p { font-family: 'PT Sans', sans-serif; }
    .box-content .parg a { display: block; font-size: 18px; margin-bottom: 8px; color: #1d002e; font-family: 'PT Sans', sans-serif; }
    .box-content ul { padding: 0; margin: 14px 0 0 0; }
        .box-content ul li { padding: 0; }
            .box-content ul li a { font-family: 'Quattrocento', serif; font-size: 20px; font-weight: 400; color: #1d002e; }

.share-icon { float: right; width: 100%; height: auto; }
    .share-icon > ul { float: right; padding: 0; list-style: none; }
        .share-icon > ul > li { float: left; margin-right: 15px; list-style: none; /*float: right;*/ }
        .share-icon > ul li:last-child { margin-right: 0; }
    .share-icon ul li a { color: #555555; background: #d7cec7; border-radius: 50%; float: left; height: 35px; padding-top: 6px; text-align: center; width: 35px; }
        .share-icon ul li a:hover { color: #d7cec7; background: #555555; }
    .share-icon > ul > li > ul.dropdown-menu { width: 52px; min-width: 52px; }
        .share-icon > ul > li > ul.dropdown-menu > li { padding-left: 5px; }
            .share-icon > ul > li > ul.dropdown-menu > li span { margin-left: -5px; }

.box-red { color: #d7cec7; padding: 40px; line-height: 35px; background: #76323f; margin-bottom: 40px; position: relative; /*min-height: 264px;*/ margin-top: 0; }
    .box p,
    .box-red p { font-family: "PT Serif", serif; font-size: 17px; }
    .box-red h2 { font-size: 30px; font-weight: 700; margin: 0 0 15px 0; color: #d7cec7; }
.box:after { content: ""; background: url(../../images/main/logo-pattern.png) no-repeat right center; position: absolute; right: 0; height: 100%; width: 163px; top: 0; z-index: 9; }
.box-red:after { content: ""; background: url(../../images/main/logo-pattern02.png) no-repeat right center; position: absolute; right: 0; height: 100%; width: 163px; top: 0; z-index: 9; }

.event-page-navigation { height: 60px; background: none; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
    .event-page-navigation div { }
    .event-page-navigation ul { padding: 0; list-style: none; }
    .event-page-navigation li { list-style: none; float: left; padding-right: 11px; }
        .event-page-navigation li:after { content: '|'; }
        .event-page-navigation li:last-child:after { content: ''; }
        .event-page-navigation li a { color: #1b1464; font-size: 14px; font-family: 'PT Sans', sans-serif; padding-right: 11px; }
    .event-page-navigation.fixed { height: 40px; border-top: 1px solid #76323f; background: white; padding: 12px 0; -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); display: flex; justify-content: center; align-items: center; max-width: 100%; }
.eventpage-navigation.fixed .row-no-padding { padding: 0 15px; }
.event-page-navigation.fixed .nav-register-button { background: #76323f; border: 1px solid #1d002e; color: #ffffff; text-transform: uppercase; padding: 8px 25px; font-size: 15px; display: inline-block; }
.speaker-box-wrap { margin-top: 0; }
    .speaker-box-wrap.extra-margin { margin-top: 50px; }

.nav-register-button { display: none; }

#agenda .tab-content { float: left; width: 100%; padding: 0 0px 40px !important; }
    #agenda .tab-content .col-sm-2 { padding-left: 0; }
#agenda .nav.nav-tabs { padding-left: 20px; border-bottom-color: #494e6b; border-bottom-style: solid; border-bottom-width: 10px; overflow: hidden; }
#agenda .nav-tabs li.first.active::before { background: #494e6b; width: 112px; }
#agenda .nav-tabs li.first::before { /*background-color: #494e6b;*/ width: 112px; }
#agenda .nav-tabs li.first a { padding: 5px 35px 5px 5px; }
#agenda ul.nav-tabs li.first.active:hover:before { background: #494e6b; }
#agenda ul.nav-tabs li a:hover,
#agenda ul.nav-tabs li.first:hover:before { background: #1d002e; color: #d7cec7; border: 0; }
#agenda ul.nav-tabs li.active a { background: #494e6b; }
.agenda-description-toggle { margin-left: -12px; }
#agenda .responsive-tabs-container .tab-pane { margin-left: 1px; margin-right: 1px; }
.print-heading { margin-top: 25px; }
#news-tabs .nav-tabs { border-bottom-color: #494e6b; border-bottom-style: solid; border-bottom-width: 10px; padding-left: 20px; overflow: hidden; }
ul.nav-tabs > li { float: left; padding: 0; list-style: none; list-style-image: none; display: inline-block; position: relative; margin-left: -5px; transform: skew(25deg); -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); }
.nav-tabs li.first.active::before { background: #494e6b !important; width: 107px; }
.nav-tabs li.first:before { display: block; content: ""; position: absolute; height: 100%; width: 107px; right: 98px; background-color: #76323f; transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); }
ul.nav-tabs li a { background: #76323f; color: #d7cec7; display: block; font-family: 'PT Sans', sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; line-height: 32px; padding: 5px 35px; text-align: left; text-decoration: none; text-transform: uppercase; border: 0; border-radius: 0; }
    ul.nav-tabs li a span { transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); display: block; }
ul.nav-tabs li.active a,
ul.nav-tabs li.first:hover:before,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li.active > a:hover { background: #494e6b; color: #d7cec7; border: 0; }
ul.nav-tabs li a:hover { background: #1d002e; }
ul.nav-tabs li.first:hover:before { background: #1d002e; }

.carousel-caption-right { bottom: 40px; position: absolute; right: 30px; }
.register-button { background: #76323F; border-top: 10px solid #1d002e; color: #fff; text-transform: uppercase; padding: 10px 62px; font-size: 21px; font-weight: bold; }
    .register-button:hover { background: #ffffff; text-decoration: none; color: #1d002e; }
.event-archive .row { margin: 18px 0; background: #fff; padding: 5px; }
.event-archive img { padding-top: 16px; padding-bottom: 12px; }
.article-general-listing ul, .article-general-listing ul li { list-style: none; }

.archive-filters { padding: 0 30px !important; float: right !important; margin-bottom: 20px; text-align: right; }
    .archive-filters a { padding: 0 0; }
        .archive-filters a.active { font-weight: bold; }
    .archive-filters h5 { color: #76323f; display: inline-block; padding: 0 0 0 0; }
    .archive-filters select { min-width: 300px; }

.archive-sort { padding: 0 15px; margin-top: 0px; }
.guidebook-list-wrap .archive-sort, .article-general-listing .archive-sort { padding: 0 30px; }
.archive-sort a { padding: 0 12px; }
    .archive-sort a.active { font-weight: bold; }
.archive-sort h5 { color: #76323f; display: inline-block; padding: 0 30px 0 0; }
.archive .player { display: none; }

.tab-content a { margin-top: 2px !important; /*padding-left: 15px;*/ }
    .tab-content a.accordion-link { background: #76323f; color: #d7cec7; /* display: block; */ margin: 1px; font-family: 'PT Sans', sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; line-height: 32px; padding: 5px 35px; text-align: left; text-decoration: none; text-transform: uppercase; border: 0; border-radius: 0; }

        .tab-content a.accordion-link.active { background: #494e6b; }

.tab-content .accordion-link div.day-wrap { background: white; }

/*****
***************** Skew Menu Start ******************/


/*.first:before {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    width: 15px;
    right: 98px;
    background-color: #d7cec7;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
}*/

.top-nav { position: relative; margin-top: 5px; z-index: 400; }
#top-nav { margin: 0 auto; padding: 0; width: 850px; align-self: center; }
    #top-nav > li { float: left; padding: 0; list-style: none; list-style-image: none; display: inline-block; position: relative; margin-left: -1px; transform: skew(25deg); -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); }
    #top-nav li a { background: #d7cec7; color: #1d002e; display: block; font-family: 'PT Sans', sans-serif; font-size: 13px; line-height: 32px; padding: 0 35px; text-align: left; text-decoration: none; text-transform: capitalize; }
        #top-nav li a span { transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); display: block; }
    /* #top-nav > li:last-child:after { content: ""; position: absolute; right: -20px; width: 40px; height: 100%; top: 0; background: #fffdfd; -webkit-transform: skew(-42deg); -moz-transform: skew(-42deg); -ms-transform: skew(-42deg); -o-transform: skew(-42deg); } */
    #top-nav > li:last-child a { padding: 0 38px 0 32px; }
    #top-nav li.current a,
    .first:hover:before { background: #76323f; color: #ffffff; }
    #top-nav li a.tpr:hover { background: #76323f; color: #ffffff; }
    #top-nav li a.mag:hover { background: #1d002e; color: #ffffff; }
    #top-nav li a.almanac:hover { background: #163516; color: #ffffff; }
    #top-nav li.current a.acreform,
    #top-nav a.acreform:hover { background-color: #e9bf85; color: #000; }

.ancillary-nav { float: right; padding: 0; margin-right: -24px; margin-right: -25px; z-index: 999 !important; position: relative; }
    .ancillary-nav > li { float: left; /*padding-left: 23px;*/ }
        .ancillary-nav > li > a { padding-top: 5px; padding-bottom: 5px; font-size: 12px; padding-left: 5px; text-transform: uppercase; color: #1d002e; font-family: 'PT Sans', sans-serif; }
        .ancillary-nav > li.dropdown > a { padding-left: 23px; }
        .ancillary-nav > li:first-child a { padding-right: 5px; }
        .ancillary-nav > li:last-child { padding-left: 0; cursor: pointer; }
            .ancillary-nav > li:last-child:before { content: "|"; color: #1d002e; }
/*.ancillary-nav > li.search-open:last-child:before { content: ""; }*/
/* .ancillary-nav > li.search-open > a:before { border-bottom: 24px solid #1d002e; border-left: 24px solid transparent; content: ''; float: left; position: relative; left: 0; top: -1px; } */

.navbar { border-radius: 0; font-family: 'PT Sans', sans-serif; margin-bottom: 0; }
.nav-trp { border-top: 1px solid #d8e0f0; background: #f4f2f0; }
    .nav-trp .navbar-nav { display: flex; }
    .nav-trp .navbar-nav > li > a { color: #1b1464; font-size: 14px; text-transform: uppercase; padding: 12px 0; }
    .nav-trp .navbar-nav > li:first-child { border-left: 1px solid #d8e0f0; }
    .nav-trp .navbar-nav > li { border-right: 1px solid #d8e0f0; text-align: center; border-bottom: 1px solid #d8e0f0; flex: 1 1 auto; }
    .nav-trp .navbar-nav > li.dark { border-right: 1px solid #76323f; }
    .nav-trp .navbar-nav > li.dark > a,
    .nav-trp .navbar-nav > li.dark > a:hover,
    .nav-trp .navbar-nav > li.dark > a:focus { background-color: #76323f; color: #f4f2f0; border-bottom: 1px solid #76323f; }
        .nav-trp .navbar-nav > li:last-child,
        /*.nav-trp .navbar-nav > li.last-child { border-right: 1px solid #d8e0f0; }*/
        .nav-trp .navbar-nav > .open > a,
        .nav-trp .navbar-nav > .open > a:focus,
        .nav-trp .navbar-nav > .open > a:hover { color: #1d002e; background-color: transparent; border-bottom: 0; }
    .nav-trp .nav > li > a:focus,
    .nav-trp .nav > li > a:hover,
    .nav-trp .dropdown-menu > li > a:focus,
    .nav-trp .dropdown-menu > li > a:hover { background: #f4f2f0; text-decoration: none; }
    .nav-trp .dropdown-menu { width: 100%; padding: 0; margin: 0; font-size: 12px; text-align: left; list-style: none; background-color: #ffffff; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; right: 0; left: inherit; }
        .nav-trp .dropdown-menu > li > a { padding: 12px 40px; color: #1d002e; border-top: 1px solid #d8e0f0; white-space:normal; }
        .nav-trp .dropdown-menu > li:last-child { border-bottom: 10px solid #d8e0f0; }
        .nav-trp .dropdown-menu > .active > a,
        .nav-trp .dropdown-menu > .active > a:focus,
        .nav-trp .dropdown-menu > .active > a:hover { background-color: #1d002e; color: #fff; }
.col-md-3.hidden-sm.hidden-xs.nav-bar-right { margin-top: 8px; float: right; }

/*.secd-nav > li.open.dropdown > a { color: #ffffff; background: #1d002e; padding: 20px 23px; }
.secd-nav > li.open.dropdown > a:after { border-bottom: 32px solid #1d002e; border-left: 32px solid transparent; content: ''; float: left; position: absolute; left: -6px; top: -5px; }*/
/*.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 3px;
    border-radius: 1px;
    background: #1d002f;
}*/

/******************** Search Box **************************/
.search-wrapper { padding: 12px; display: none; position: absolute; width: 280px; z-index: 410; right: 16px; top: 63px; width: 280px; background: #f4f2f0; box-shadow: none; border-left: 0; border-right: 0; border-top: 10px solid #1d002e; border-bottom: 10px solid #d8e0f0; border-radius: 0; }
.search-wrapper-mobile { padding: 12px; display: none; position: absolute; width: 280px; z-index: 2; right: 25px; top: 63px; width: 280px; background: #f4f2f0; box-shadow: none; border-left: 0; border-right: 0; border-top: 10px solid #1d002e; border-bottom: 10px solid #d8e0f0; border-radius: 0; }
    .search-wrapper ul,
    .search-wrapper-mobile ul { padding-left: 0; }
.search-dropdown { padding: 15px 20px; display: none; }
    .search-dropdown .form-group { margin-bottom: 0; }
    .search-dropdown .input-group .form-control { border: 0; }
/*.search-toggle.open:before { content: "|"; color: #1d002e; }*/
.search-toggle.open { color: #ffffff; background: #1d002e; padding: 4px 19px; }
.search-toggle-mobile { position: relative; float: right; padding: 9px 10px; margin-top: 1px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
    .search-toggle:focus,
    .search-toggle-mobile:focus { border: none; }
.input-group-unstyled .input-group-addon { border-radius: 4px; border: 0px; background-color: transparent; }
.input-group .form-control:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.run-search { cursor: pointer; }
.highlighter-alt2 { background-color: #ebe5de; padding-top: 3px; padding-bottom: 5px; padding-left: 5px; }
.search-result { padding-top: 12px; }
    .search-result:after { content: ""; position: relative; left: 11%; bottom: 0; height: 4px; width: 80%; border-bottom: 2px solid #76323f; }
    .search-result div:last-child { padding-bottom: 3px; }
    .search-result img { max-width: 40px; }
    .search-result .result-title { font-size: 1.3em; }
#search-results ul, #search-results ul li, #search-facets ul, #search-facets ul li, #latest-results ul, #lastest-results.ul li { list-style: none; }
#search-results h2, #search-facets h2 { font-size: 24px; margin-top: 15px }
.facet legend { font-size: 18.2px; }

.search-wrapper { z-index: 1000; }

.click-overlay { /*background: rgba(255, 111, 111,0.6);*/ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; cursor: auto; }

.mobile-dropdown { display: none; }
.nav-bar-center { z-index: 10; }
.mobile-main-nav { left: -173px !important; }
.facet li { margin: 5px 0; }
.facet-selector { font-size: 16px; }
.facet-selected-title { font-size: 1.3em; padding-left: 13px; }
.btn-primary { color: #fff; background-color: #76323f; border-color: #1d002e; }
    .btn-primary.active,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #a94442; border-color: #f4f2f0; }
.btn.btn-primary.search-pager { margin-top: 3px; }

/*************************** Check Box Start **************************/
.checkbox { border-bottom-color: #d8e0f0; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 15px 15px 15px 40px; }
    .checkbox label { display: inline-block; position: relative; padding-left: 5px; }
        .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; margin-left: -20px; margin-top: 2px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
        .checkbox label::after { display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 3px; font-size: 12px; color: #ffffff; }
    .checkbox input[type="checkbox"] { opacity: 0; width: 18px; height: 19px; z-index: 9; cursor: pointer; }
        .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
        .checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; }
        .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
            .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
    .checkbox.checkbox-circle label::before { border-radius: 50%; }
    .checkbox.checkbox-inline { margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #1d002e; border-color: #1d002e; }

/********************************** Check Box End **************************/

/************** Slider CSS START************/
.banner-descr { background: #1d002e; text-align: right; }
    .banner-descr a { padding: 15px 30px; color: #d7cec7; background: #1d002e; font-family: 'PT Sans', sans-serif; font-size: 17px; display: block; }
    .banner-descr.event-desc { text-align: left; padding: 20px 30px; color: #d7cec7; min-height: 90px; }
    .banner-descr .title { font-size: 40px; font-weight: bold; }
        .banner-descr .title.small-1 { font-size: 35px; }
        .banner-descr .title.small-2 { font-size: 30px; }
        .banner-descr .title.small-3 { font-size: 25px; }
        .banner-descr .title.small-4 { font-size: 20px; }
.date { float: right; font-size: 20px; text-align: right; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
.carousel-inner > .item > picture > img { display: block; min-width: 100%; width: 100%; max-width: 100%; line-height: 1; }
.carousel-caption { text-shadow: none; left: 30px; display: block; }
    .carousel-caption a { color: #fff; }
    .carousel-caption h1 { font-size: 40px; font-weight: 700; margin: 10px 0 0 0; max-width: 39%; }
#carousel-inner-page .carousel-caption h1 { margin-top: 28px; }
.carousel-caption h3 { font-size: 24px; font-weight: 300; margin: 20px 0; line-height: 32px; }
.carousel-caption .carousel-body,
.carousel-caption .carousel-body p { font-size: 15px; font-weight: 300; font-family: 'PT Sans', sans-serif; }
#carousel-home:hover .carousel-indicators { display: block; }
.carousel-indicators { background: rgba(29, 0, 46, 0.52); width: 100%; height: 55px; bottom: 0; left: 0; right: 0; margin: 0; padding-top: 20px; display: none; }
    .carousel-indicators .active { border-radius: 50%; background-color: #d7cec7; width: 18px; height: 18px; margin: 1px 10px; }
    .carousel-indicators li { border-radius: 50%; background-color: #60668c; width: 18px; height: 18px; margin: 1px 10px; border: 0; }
.carousel-control { font-size: 30px; display: none; }
    .carousel-control .fa-chevron-left,
    .carousel-control .fa-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }

/************** Slider CSS END************/
/************** content CSS Start************/
.break { display: block; }

/************** content CSS END************/
/************** Footer CSS START************/

footer .row { margin: 0; }
.footer-wrapper { background: url(../../images/main/footer-bg.jpg) no-repeat top center; background-size: cover; width: 100%; float: left; height: 272px; font-family: 'PT Sans', sans-serif; }
.mobile-box { padding: 28px 0; }
.footer-nav { color: #cccccc; }
    .footer-nav .col-sm-2 { width: 21%; }
    .footer-nav p { font-size: 16px; line-height: 19px; margin-bottom: 12px; }
.form-group.news-letter { margin-top: 15px; }
.footer-title { font-size: 14px; font-weight: 700; font-family: 'PT Serif', serif; color: #cccccc; text-transform: uppercase; }
a.footer-title:hover { color: #cccccc; text-decoration: underline; }
.footer-links { padding: 0; width: 100%; float: left; }
    .footer-links li { word-break: break-all; }
.social-links .footer-links li { padding-top: 5px; }
.footer-links a { font-size: 12px; font-weight: 500; color: #cccccc; }
.social-message { border-top: 10px solid #76323f; padding: 20px 14px; background: #1d002e; line-height: 27px; }
    .social-message .footer-title { font-size: 12px; font-weight: normal; font-family: 'PT Serif', serif; line-height: 19px; }
    .social-message .fa-twitter { float: left; padding-right: 12px; min-height: 120px; }
    .social-message ul.footer-links { float: right; }
.social-links { align-self: center; }

.icon { position: relative; text-align: center; width: 32px; height: 32px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
    .icon span { font-size: 20px; }
    .icon.social { float: right; margin: 28px 18px 32px 0; cursor: pointer; background: #d7cec7; color: #494e6b; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
        .icon.social a { color: #494e6b; }
        .icon.social:hover,
        .icon.social:hover a { background: #1d002e; color: #d7cec7; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
        .icon.social:first-child { margin: 28px 0 32px 0; }
        .icon.social.fb span { padding-top: 2px; }

.copyright-wrapper { background: #1d002e; padding: 15px; color: #ffffff; font-size: 10px; width: 100%; float: left; font-family: 'PT Sans', sans-serif; }

.skewBox .skew-img::before,
.skewBox.skewBox-hover .skew-img::before { left: -40%; }

.top-menu { position: absolute; top: 0; left: 0; right: 0; z-index: 9; }
.thumb-wrap { padding: 20px 20px; }

.iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; }

    .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* 4x3 Aspect Ratio */
.iframe-container-4x3 { padding-top: 75%; }

/************** Media Queries MIN-WIDTH ************/

@media screen and (min-width: 768px) {
    #top-nav { position: absolute; left: 23%; }
    .navbar-nav { width: 100%; }
    .navbar-toggle { display: block; }
    #carousel-home .carousel-caption,
    #carousel-inner-page .carousel-caption { top: 7%; text-align: left; color: #d7cec7; }

    .share-icon { width: auto; }
}

@media (min-width:768px) and (max-width:1200px) {
    .skewBox { min-height: 185px; }
        .skewBox img, .box-lg .box-lg-img img { width: 200px; }
}

@media (min-width:992px) {
    #top-nav { position: absolute; left: -100px/*-32px*/; }
    /**** Mouse Hover DropDown ********/
    #navbar .dropdown:hover .dropdown-menu { display: block; }
    #navbar .dropdown-menu { margin-top: 0; }
    #navbar .dropdown-toggle { margin-bottom: 0; }
    #navbar .navbar .dropdown-toggle { margin-bottom: 0; }

    #agenda .tab-content { padding: 0 40px 40px 40px; }
}

@media (min-width:992px) {
    .nav-bar-right { /*margin: 70px 25px 0 0;*/ float: right; }
    .archive-list-wrap .media a.not-dot { font-size: 14px; }
}

@media (min-width:992px) and (max-width:1119px) {
    .skewBox .skew-content { width: 60%; }
    .skewBox .skew-img,
    .box-lg .box-lg-img { width: 40%; }
}

@media (min-width:768px) and (max-width:1200px) {
    a.not-dot.start-player { white-space: nowrap; }
}

@media (min-width:1200px) {
    #top-nav { position: absolute; left: -48px/*10px*/; right: 0; width: 865px; }
    .col-serv { float: left; margin-bottom: 70px; min-height: 253px; }
    .row .col-serv:nth-child(-n+3) { margin-bottom: 35px; }
        /* .col-serv:first-of-type { padding-left: 0; } */
        .col-serv:last-child { margin-right: 0; /*padding-right: 0;*/ }
}

@media (min-width:1200px) {
    .thumb-wrap.speaker-box { min-height: 430px; }
}

@media (min-width:1100px) {
    .skewBox img { width: 170px; }
    .skewBox .skew-content { padding: 10px 0 5px 15px; background: #ffffff; height: 100%; width: 50%; }
    .skewBox .skew-img,
    .box-lg .box-lg-img { width: 40%; }
    .skewBox h4 { font-size: 18px; font-weight: 700; margin-bottom: 5px; }
    .service-wrap h5,
    .skewBox h5 { margin: 5px 0; }
    .skew-img-wrapper .skew-content { height: auto; }
    .hBox .skew-content { padding: 20px 30px 20px; }
}

/************** Media Queries MAX-WIDTH ************/
@media (max-width:1200px) {
    .col-md-3.hidden-sm.hidden-xs.nav-bar-right { margin-top: 50px; }
    .nav-tabs li a { padding: 5px 25px; }
    .nav-tabs li.first::before,
    .nav-tabs li.first.active::before { width: 87px; right: 118px; }
    .share-icon ul li { margin-right: 12px; }
    .thumb-wrap { padding: 20px; }
    .event-page-navigation.fixed { padding-left: 12%; }
    #carousel-home .carousel-caption { height: auto; padding: 15px; width: auto; }
        #carousel-home .carousel-caption h1 { font-size: 30px; font-weight: 100; margin-top: 0; }
        #carousel-home .carousel-caption p { font-size: 15px; font-weight: 300; padding-top: 0; width: auto; }
    #carousel-inner-page .carousel-caption { height: auto; padding: 15px; top: 10px; }
        #carousel-inner-page .carousel-caption h1 { font-size: 30px; font-weight: 100; margin-top: 0; }
        #carousel-inner-page .carousel-caption p { font-size: 15px; font-weight: 300; line-height: 36px; padding-top: 0; width: auto; }
}

@media (max-width:1024px) {
    .thumb-wrap.speaker-box { min-height: 410px; }
}

@media (max-width:991px) {
    .inner-wrapper { padding-top: 10px; }
    .service-box { text-align: center; margin-bottom: 50px; }
    .thumb-wrap { text-align: center; }
        .thumb-wrap img { display: inline-block; }
    .skewBox .skew-img,
    .box-lg .box-lg-img { width: auto; }
    .banner-descr .title { font-size: 35px; }
    .right-section { padding-top: 0; }
    .event-page-navigation.fixed { padding-left: 4%; display: block; }
        .event-page-navigation.fixed > div { float: left; }
    #carousel-home .carousel-caption h3, #carousel-home .carousel-caption h2,
    #carousel-inner-page .carousel-caption h3, #carousel-inner-page .carousel-caption h2 { margin: -10px 0; font-size: 16px; line-height: normal; }
    #carousel-home .carousel-caption p { line-height: normal; }
    .body-wrap { padding-top: 168px; }
    .top-menu { left: 25%; }
    #top-nav .dropdown-menu li { border-bottom: 1px solid #9e9187; }
    #top-nav .dropdown-menu { margin: 0; padding: 0; left: inherit; right: 0; }
    .navbar-default .navbar-toggle { border: 1px solid #ffffff; }
        .navbar-default .navbar-toggle .icon-bar { background: #ffffff; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
        .navbar-collapse.collapse { display: none !important; }
            .navbar-collapse.collapse.in { display: block !important; }
    .navbar-header .collapse,
    .navbar-toggle { display: block !important; }
    .navbar-header { float: none; }
    .navbar-nav { float: none !important; margin: 7.5px -15px; }
        .navbar-nav > li { float: none; }
            .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
        .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: #ffffff; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; display: block; }
            .navbar-nav .open .dropdown-menu .dropdown-header,
            .navbar-nav .open .dropdown-menu > li > a { padding-left: 80px; }
    .nav-trp .dropdown-menu > li:last-child { border-bottom: 1px solid #d8e0f0; }
    .nav-trp .navbar-nav { flex-direction: column; }
    .nav-trp .navbar-nav > li { text-align: left; border-right: 0; }
        .nav-trp .navbar-nav > li > a { color: #1b1464; font-size: 14px; text-transform: uppercase; padding: 10px 20px; }
    .nav-trp .navbar-nav > .open > a,
    .nav-trp .navbar-nav > .open > a:focus,
    .nav-trp .navbar-nav > .open > a:hover { color: #1b1464; background-color: transparent; border-bottom: 0; }
    .mobile-dropdown { display: block; float: left; cursor: pointer; width: 20px; height: 20px; padding-right: 30px; }
    .searchbox .navbar-right { min-width: 300px; }
    .searchbox .form-control-submit,
    .searchbox .search-label { font-size: 25px; }
    .searchbox .form-group.sb-search-open,
    .no-js .sb-search-open { z-index: 2; }
    .footer-wrapper { height: auto; }
    .social-message { width: 100%; float: left; }
    .social-links { float: none; text-align: center; width: 200px; margin: auto; }
    .event-page-navigation.fixed .nav-register-button { margin-top: 15px; }
    .complimentary-links { padding-left: 50px; }
    .archive-list-wrap { margin-top: 0; }
}

@media (max-width:767px) {
    .carousel-caption .carousel-body { display: none; }
    .carousel-caption .break { display: inline; }
    .news-feed-content { float: left; width: 100%; }
    .accordion-heading .accordion-title a { padding: 8px; font-size: 1.1em; }
    .hr-text { margin: 15px 0; }
    .h2, h2 { font-size: 20px; }
    h1, h2, h3, h4, h5, h6, p { padding: 0 15px; }
    #carousel-inner-page .carousel-caption h1 { padding: 0px; }
    footer p { padding: 0px 0px; }
    .skewBox h4, .skewBox h5, .skewBox p, .news-feed h4, .news-feed h3, .news-feed h5, .news-feed p { padding: 0px; }
    /* .news-feed-header{ padding: 0px 15px;} */
    .news-feed { padding: 15px 15px; }
    .process { width: 246px; margin: auto; }
    .banner-descr .title { font-size: 24px; font-weight: bold; }
    .banner-descr .date { font-size: 16px; }

    .date { font-size: 12px; }
    .thumb-wrap { min-height: inherit; }
    .programs-wrap .prog,
    .v-text { height: auto; min-height: auto; }
    .box { color: #d7cec7; padding: 30px 24px; }
        .box p { font-size: 15px; line-height: 2; }
    .box-lg .box-lg-content,
    .box-exep,
    .box-accordion,
    .box-content { padding: 15px; width: 100%; }
    .box-lg .box-lg-content { padding: 15px 5px 0 15px; overflow: hidden; text-overflow: ellipsis; /*height: 116px;*/ width: auto; }
    .box-lg .box-lg-img::before { transform: skew(0); position: relative; }
    .skewBox .skew-content { background: transparent; }
    .skewBox .skew-content { padding: 15px 5px 0 15px; overflow: hidden; text-overflow: ellipsis; /*height: 116px;*/ width: 60%; }
    .skewBox .skew-img,
    .box-lg .box-lg-img { width: auto; }
        .skewBox .skew-img:before,
        .skewBox.skewBox-hover .skew-img:before,
        .box-lg .box-lg-img:before { left: -59px; }
        .skewBox img,
        .box-lg .box-lg-img img { width: auto; }
    .skewBox .skew-img-wrapper .skew-content { width: 80%; padding-left: 15px; }
    .skewBox .skew-img-wrapper .skew-img { right: 15px; }
    .skewBox .skew-img-wrapper img { width: 75px; }
    .skewBox h4 { font-size: 14px; margin: 0; }
    .skewBox h5 { margin: 5px 0; font-size: 12px; }
    .box-lg-content.hotel-content p { font-size: 1.1em; }
    .right-section .col-md-4 { padding-left: 0; padding-right: 0; }
    .right-section .col-sm-4 { padding-left: 0; padding-right: 0; }
    .right-section h2 { font-size: 20px; }
    .mobile-main-nav { left: -172px !important; }
    #top-nav { position: absolute; left: 30%; }
        #top-nav li a { font-size: 12px; line-height: 22px; padding: 0 25px; }
    .navbar-brand { padding-left: 0; }
        .navbar-brand img { width: 250px; }
    .mob-search { margin: 55px 20px 0 0; width: 50px; float: right; text-align: center; }
        .mob-search a { color: #210030; font-size: 12px; }
    .search-wrap { top: 44px; width: 268px; right: -27px; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; padding: 15px; }
    /*.container-fluid { padding-left: 0; padding-right: 0; }*/
    ul.footer-links { margin-bottom: 0; }
    .footer-nav { padding: 15px 0; }
        .footer-nav .mobile-box { width: 50%; float: left; padding: 0 5px; min-height: 220px; }
    #carousel-home .carousel-inner > .item > img,
    #carousel-home .carousel-inner > .item > a > img,
    #carousel-inner-page .carousel-inner > .item > img,
    #carousel-inner-page .carousel-inner > .item > a > img { }
    #carousel-home .carousel-caption { height: auto; padding: 15px; width: 50%; top: 0; left: 10px; text-align: left; }
        #carousel-home .carousel-caption h1 { font-size: 16px; }
        #carousel-home .carousel-caption h3 { font-size: 12px; margin: 10px 0; line-height: normal; }
        #carousel-home .carousel-caption p { display: none; }
    .carousel-control { display: none; }
    #carousel-inner-page .carousel-caption img { width: 50px; }
    #carousel-inner-page .carousel-caption h1 { font-size: 24px; }
    #carousel-inner-page .carousel-caption { left: 0; text-align: left; }
    #agenda .tab-content,
    .box-regist { padding: 0 15px; }
    #agenda ul.nav-tabs li a,
    #Tab2 ul.nav-tabs li a { font-size: 12px; }
    #Tab2 .nav-tabs li.first.active::before,
    #Tab2 .nav-tabs li.first::before { width: 52px; }
    #agenda .nav-tabs li.first.active::before,
    #agenda .nav-tabs li.first::before { width: 67px; }

    .guidebook-list h3 { padding-left: 0; }
    .guideBox.skewBox .skew-img-wrapper img { width: 100%; }
    .guideBox.skewBox .skew-img-wrapper .skew-content { width: 50%; }
    .guidebook-content { padding: 0px; margin-top: -4px; }
        .guidebook-content.video, .guidebook-content.audio { padding: 0px; margin-top: 10px; }
    .banner-descr a { font-size: 15px; }
    .carousel-caption-right { bottom: 20px; right: 15px; }
    .register-button { padding: 10px 30px; font-size: 14px; }
    .archive-list-wrap .white-background > div.row-no-padding-mobile > [class*="col-"] { padding: 0; }
    .search-result ul { padding-left: 0; }
    .search-result .title-container { padding-bottom: 12px; }
    .search-result div:last-child { padding-bottom: 0; }
}

@media (max-width:650px) {
    .skewBox .skew-content { width: 52%; height: 170px; }
    .skewBox .skew-img { width: 150px; }
    .mobile-ancillary { margin-top: 30px; }
    .navbar-toggle { margin-top: 9px; }
}

@media (max-width:560px) {
    .pull-quote { font-size: 14px; }
    .body-wrap { padding-top: 114px; }
    .top-menu { left: 10%; }
    #top-nav { position: absolute; left: 28%; }
    .navbar-brand { margin-top: 15px; }
        .navbar-brand img { width: 150px; }
    .mob-search,
    .navbar-toggle { margin-top: 13px; }
    .footer-links a { font-size: 12px; font-weight: 300; color: #cccccc; word-break: break-all; }
    .footer-nav p,
    ul.footer-links li { font-size: 12px; }
    #carousel-inner-page .carousel-caption img { width: 24px; }
    #carousel-inner-page .carousel-caption h1 { font-size: 14px; }
    .banner-descr a { font-size: 14px; }
    .skewBox .skew-img { position: absolute; right: 0; }
    .guideBox.skewBox .skew-img { position: relative; right: 0; }
    .skewBox.hBox { height: 340px; }
        .skewBox.hBox .skew-img { left: 0px; bottom: 0px; width: 100%; }
        .skewBox.hBox .skew-content { width: 100%; }
        .skewBox.hBox .skew-img::before, .skewBox.hBox.skewBox-hover .skew-img::before { content: none; }
    .top-red-border { border-top: 4px solid #76323f; }
    h1, h2, h3, h4, h5, h6, p { padding: 0 0; }
    /* .archive-sort { margin-bottom: -40px; } */
    .search-result { padding: 4px 0 0 0; }
}

@media (max-width:460px) {
    #top-nav { position: absolute; left: 21%; }
    .guidebook-content h3 { font-size: 20px; padding: 0px; height: auto; }
    .guidebook-content p { padding: 0px; }

    .archive-sort, .archive-filters { float: left !important; text-align: left; }

    .banner-descr .title { font-size: 16px; }
    .banner-descr .date { font-size: 12px; margin-top: 5px; }

    #carousel-inner-page .carousel-caption { padding: 0 15px; }
        #carousel-inner-page .carousel-caption h2 { font-size: 13px; max-width: 57%; }
}

@media (max-width:400px) {
    #top-nav { position: absolute; left: 18%; }

    .archive-list-wrap .media a.not-dot { font-size: 13px; }

    .banner-descr a { font-size: 13px; padding: 15px 15px; }

    .search-toggle-mobile { margin-right: 0px; }
    .navbar-toggle { margin-right: 0px; }

    .guideBox.skewBox .skew-img-wrapper .skew-content { width: 40%; }

    .guideBox.skewBox .skew-img { width: 100px; }

    #carousel-home .carousel-caption { padding: 15px 0px 0px 0px; }

    .carousel-caption h1 { max-width: 80%; }
}

.sfPageContainer .navbar-fixed-top { top: auto; position: relative; }
.sfPageContainer .body-wrap { padding-top: 0 !important; }
.sfPageEditor ul.nav-tabs li { transform: none; -webkit-transition: none; }
.checkbox { border: none; }
    .checkbox label:before { content: none; }
    .checkbox input[type="checkbox"] { opacity: 1; }

@media print {
    .body-wrap { padding-top: 0 !important; margin-top: 0 !important; }
    a[href]:after { content: none; }
}
@media screen and (min-width: 768px) {
    .share-icon {
        width: 100%;
    }
}
@media screen and (min-width: 992px) {
    .blog-post-share-container {
        margin-top: -24px;
    }
}
.blog-post-share-container .share-icon {
    float: left;
}

.blog-post-share-container .share-icon > ul {
    float: left;
}
.body-wrap .inner-wrapper video {
    width: 100%;
    max-width: 650px;
}

/*** new design layout ***/
h2.subtitle {
    text-align: center;
    margin-bottom: 15px;
}

.vision-box {
    background: #1D002E; 
    margin: -25px 15% 42px; 
    position: relative; 
    z-index: 100;
    padding: 55px 52px 30px;
    text-align: center;
}
.vision-box:after {
    content: ""; 
    background: #484D6A; 
    width: calc(100% - 130px); 
    height: 10px; 
    position: absolute; 
    top: -5px; 
    left: 65px;
}
.vision-box p {
    font-family: 'PT Serif', serif; 
    font-size: 26px;
    color: #F4F2F0;
    margin-bottom: 18px;
}

.content-box {
    position: relative;
    padding: 40px 8%;
    font-family: 'PT Sans', sans-serif;
    display: flex;
    justify-content: space-between;
}

.content-box p {
    margin-bottom: 20px;
}

.content-box > div {
    flex: 1 1 auto;
    max-width: 25%;
}

.content-box.vertical {
    max-width: 29%;
    padding-left: 0;
    padding-bottom: 0;
    margin-left: 16px;
}

.content-box.vertical > div {
    max-width: 100%;
}

.content-box h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.white-box h3 {
    color: #76323F;
}

.white-box,
.purple-box {
    position: relative;
}

.white-box:after,
.purple-box:after {
    content: "";
    background: #484D6A; 
    width: 84%;
    height: 10px;
    position: absolute; 
    top: -5px; 
    left: 8%;
}

.purple-box {
    background: #1D002E;
}

.purple-box h2 {
    background: #F4F2F0;
    display: inline-block;
    padding: 20px 25px;
}

.purple-box h3,
.purple-box h5,
.purple-box a,
.purple-box p {
    color: #F4F2F0; 
}

.purple-box div {
    position: relative;
}

.purple-box div.vdiv:before {
    content: "";
    position: absolute;
    top: 0;
    left: -28%;
    width: 10px;
    height: 100%;
    background: #76323F;
}

.purple-box div.hdiv {
    border-top: 10px solid #76323F;
    margin-top: 24px;
    padding-top: 24px;
}

.purple-box-btn {
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 6px 10px;
    color: #FFFCFC;
    border: 1px solid #76323F;
}
.purple-box-btn:hover {
    color: #FFFCFC;
}

.video-container-box {
    display: flex;
    justify-content: space-between;
}

.video-container-box .preview-image {
    background-image: url(../../images/main/from-the-roundup-banner.png);
    background-repeat: no-repeat;
    background-position: 17px 44px;
    background-size: contain;
    width: 100%;
    position: relative;
}

.video-container-box .preview-image:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -30px;
    width: 140px;
    height: 140px;
    background-image: url(../../images/main/icon-play.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.video-container-box .content-box {
    flex-direction: column;
}

.mb-62 {
    margin-bottom: 62px;
}

@media (max-width:991px) {
    h2.subtitle {
        text-align: left;
        margin-left: 30px;
        margin-right: 30px;
    }

    .vision-box {
        margin-left: 30px;
        margin-right: 30px;        
        padding: 30px 25px 25px;
    }

    .vision-box p {
        font-size: 18px;
    }

    .content-box {
        flex-direction: column;
        padding: 0 30px 20px;
    }

    .content-box > div {
        max-width: calc(100% - 60px);
        margin-left: 30px;
    }

    .white-box:after,
    .purple-box:after {
        width: calc(100% - 60px);
        left: 30px;
    }

    .purple-box div.vdiv:before {
        background: transparent;
    }

    .purple-box div.hdiv {
        margin-top: 0;
        margin-bottom: 0;
        border: 0;
    }

    .video-container-box {
        flex-direction: column;
    }

    .purple-box h2 {
        position: absolute;
        top: -40px;
        left: 0;
        padding: 10px 10px 0 30px;
    }

    .video-container-box .preview-image {
        height: 400px;
        background-position: top right;
        background-size: cover;
    }

    .video-container-box .preview-image:after {
        top: auto;
        right: 20px;
        bottom: -65px;
        transform: rotate(90deg);
    }

    .video-container-box .content-box {
        flex-direction: column-reverse;
        max-width: calc(100% - 60px);
        margin-left: 30px;
    }

    .purple-box > .content-box > div:last-of-type {
        border-top: 10px solid #76323F;
        margin-top: 24px;
        padding-top: 24px;
    }

    .from-the-roundup {
        margin-top: 40px;
    }
}

@media (max-width:650px) {
    .video-container-box .preview-image {
        height: 360px;
    }
}

@media (max-width:400px) {
    .video-container-box .preview-image {
        height: 290px;
    }
}

.preview-image img {
    width: 100%;
    padding: 44px 17px 4px 17px;
}
.purple-box-btn {
    border-color: #753340;
}
@media (min-width: 992px) {
    .nav-trp .navbar-nav > li:last-child > a, .nav-trp .navbar-nav > li:last-child > a:hover, .nav-trp .navbar-nav > li:last-child > a:focus {
        background-color: #76323f;
        color: #f4f2f0;
        border-bottom: 1px solid #76323f;
    }
    .purple-box h3 {
        margin-top: 0px;
    }
    .preview-image img {
        height: 523px;
    }
    .content-box > div {
        max-width: 26%;
    }
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img, .carousel-inner > .item > picture > img {
    /*height: 681px;*/
}
.purple-box h5, .white-box h5 {
    line-height: 1.3em;
}
.video-container-box .content-box {
    flex-direction: column;
}
@media (max-width: 991px) {
    .video-container-box .preview-image:after {
        top: auto;
        right: 20px;
        bottom: -5px;
        transform: rotate(90deg);
    }
    .white-box img {
        width:100%;
    }
}
@media (min-width: 560px) and (max-width: 767px) {
    .purple-box-btn {
        margin-left: 15px;
    }
}
@media (min-width: 401px) {
    .carousel-caption h1 {
        max-width: 43%;
    }
}
.nav-trp .navbar-nav > li:last-child {
    border-right: none;
}

/*fix mimicking inline styles for some interior banners*/
.banner-wrapper div a img {
    max-width: 100%;
}

/*buzzsprout styles*/
.buzzsprout-page .pod-item {
    margin-bottom: 15px;
}
.buzzsprout-page .pod-item .episode-title {
    margin-bottom: 4px;
}
.buzzsprout-page .pod-item .episode-meta {
    margin-bottom: 15px;
}
.buzzsprout-page .pod-item .episode-meta span {
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
}
.buzzsprout-page .pod-item .episode-description p {
    margin-bottom: 4px;
}
.buzzsprout-page .pod-item audio {
    width: 100%;
}
/* home col serv adjustments mobile */
@media (max-width: 767px) {
    .home-col-serv .col-serv h5, .home-col-serv .col-serv p {
        padding: 0;
    }
}
@media (max-width: 992px) {
    .home-col-serv .blog-post-detail {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Free-to-Give page styles */
.iframe-con,
.form-con {
    width: 300px;
    margin: 0 auto;
    float: none;
}

    .iframe-con iframe {
        width: 300px;
        height: 169px;
    }

@media (min-width: 600px) {
    .iframe-con,
    .form-con {
        width: 500px;
    }

        .iframe-con iframe {
            width: 500px;
            height: 281px;
        }
}

@media (min-width: 840px) {
    .iframe-con,
    .form-con {
        width: 700px;
    }

        .iframe-con iframe {
            width: 700px;
            height: 393px;
        }
}

@media (min-width: 1280px) {
    .iframe-con,
    .form-con {
        width: 840px;
    }

        .iframe-con iframe {
            width: 840px;
            height: 472px;
        }
}

.form-con {
    background: #494e6a;
    color: #d7cec7;
    display: grid;
    grid-template-columns: 1fr;
    padding: 20px;
    margin-top: -10px;
    margin-bottom: 40px;
}

@media (min-width: 900px) {
    .form-con {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 64px;
        padding: 20px 40px;
        margin-top: -10px;
        margin-bottom: 86px;
    }

    .form-desc-con {
        position: relative;
        padding: 20px 0;
    }

        .form-desc-con:after {
            content: '';
            display: block;
            width: 1px;
            height: 100%;
            border-right: 1px solid #d7cec7;
            position: absolute;
            top: 0;
            right: -30px;
        }
}

.form-desc-title {
    color: #d7cec7;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 0 1em;
}

@media (min-width: 900px) {
    .form-desc-title {
        margin: 0 0 1.75em;
    }
}

.form-desc-text {
    margin-bottom: 2em;
}

.form-content-con {
    margin-top: -10px;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .form-content-con {
        margin-top: -20px;
        padding: 20px 0;
    }
}

.page-subtitle {
    font-size: 30px;
    padding-bottom: 5px;
    border-bottom: 9px solid #7f2c3e;
    margin-bottom: 0;
}

.recent-blog-con {
    padding: 0 10px;
}

@media (min-width: 768px) {
    .recent-blog-con {
        padding: 0 20px;
    }
}

.recent-blog-con .blog-post-list {
    padding: 10px 20px 20px;
}

@media (min-width: 768px) {
    .recent-blog-con .blog-post-list {
        padding: 20px 40px 40px;
    }
}

.stories-con {
    padding: 0 10px 30px;
}

@media (min-width: 768px) {
    .stories-con {
        padding: 0 20px 60px;
    }
}

.stories-con .blog-post {
    padding-top: 28px;
}

.stories-con .ariticle-highlight {
    margin-bottom: 28px;
}

.stories-con .thumb-wrap {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0;
    float: none;
}

.stories-con .thumb-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #7f2c3e;
    padding: 0;
    transition: top .5s ease-in;
}

.stories-con .thumb-wrap:hover .thumb-content {
    top: 0;
    transition: top .5s ease-in;
}

.stories-con .thumb-content h3 {
    color: #fff;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
}

    .stories-con .thumb-content h3:before {
        content: "\2014";
    }

.stories-con .thumb-content p {
    color: #fff;
}

.stories-con .thumb-content a {
    display: block;
    height: 100%;
    padding: 25px 17px 14px;
}

@media (min-width: 768px) {
    .stories-con .thumb-content a {
        padding: 50px 35px 28px;
    }
}

.stories-con .thumb-content a:hover {
    text-decoration: none;
}

.stories-con .stories-short-desc {
    background: #fff;
    padding: 16px 24px;
}

    .stories-con .stories-short-desc p {
        margin: 0;
        color: #7f2c3e;
        font-weight: bold;
    }

/* End of Free-to-Give page styles */

/* Subscribe Form styles */
.roundtable-form-container {
    background: white;
    border-top: solid 10px #76323f;
    margin-bottom: 30px;
}

    .roundtable-form-container form {
        padding: 0 30px 10px;
    }

    .roundtable-form-container .form-control {
        border-radius: 0 !important;
    }

.roundtable-subscribe-form-fields {
    display:none;
}

.notify-icons {
    display: grid;
    height: 70px;
    align-content: space-evenly;
    grid-template-columns: auto auto auto;
    grid-gap: 10%;
    padding: 0 10%;
    margin: 20px auto;
}

.notify-button {
    background-color: #76323f;
    border-radius: 25px;
    border: none;
    text-transform: uppercase;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    left: 0 !important;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 106%;
    margin: 0 -2% 25px;
}

    .notify-button:hover {
        color: #fff;
        background-color: #1D002E;
    }
/* End of Subscribe Form styles */