.nav_wrap,
body.safari,
body {
    border-bottom: 1px solid #c5b19f;
    background: #c5b19f;
}


#go-to-footer span.sign:before,
#go-to-footer span.sign:after {
    background: #fff;
}

/* #logo {
    filter: invert(38%) sepia(18%) saturate(16%) hue-rotate(349deg) brightness(97%) contrast(91%) !important;
} */

.icon-menu {
    background: #fff;
}

body, body.safari {
    padding-bottom: 0;
}
.header_wrap {
    display: none;
}

.main_wrap .main, 
.main_wrap .main *, 
.main_wrap .main h1,
.main_wrap .main h2,
.main_wrap .main h3,
.main_wrap .main h4,
.main_wrap .main p,
.main_wrap .main a,
.main_wrap .main span {
    font-family: 'acumin-pro' !important;
}

.t_links a,
.t_links a:hover,
a#headloginbutton,
#register a,
.nav_wrap .smul-text,
.t_links li ul li a span,
#nav_name i,
h1, p {
    color: #505050;
}

.icon-profile-notification:hover,
.icon-messages-notifications:hover,
.icon-happening-notifications:hover,
.icon-connection-notifications:hover,
a#headloginbutton:hover,
#register a:hover, .a18.home
a#headloginbutton.hover-state,
#register a.hover-state{
    background-color: #505050;
}

.icon-profile-notification:hover span,
.icon-messages-notifications:hover span,
.icon-happening-notifications:hover span,
.icon-connection-notifications:hover span,
a#headloginbutton:hover span,
#register a:hover, .a18.home
a#headloginbutton.hover-state span,
#register a.hover-state span{
    color: #fff;
}

.foot_wrap,
#go-to-footer,
footer {
    background-color: #7597b1;
}


#t_recruiter,
.t_links a:hover,
.t_links a.active {
    background-color: #505050;
}

.icon-menu:before, .icon-menu:after {
    background-color: #c5b19f;
}

.icon-profile-notification.active-notification .notifications-number, .icon-messages-notifications.active-notification .notifications-messages-number {
    background-color: #c4c084;
}
.t_links a:hover,
.t_links a.active,
#register a:hover, 
#register a.hover-state,
a#headloginbutton:hover,
a#headloginbutton.hover-state {
    color: #fff;
}

#editnewsli span.badge.number {
    color: #000;
}
#editnewsli:hover span.badge.number {
    color: #fff;
    background: #2c3e50;
}

.foot_wrap {
    border: none;
}

#go-to-footer,
#go-to-footer .text,
footer .top .cols li a, footer .terms li a,
.terms .main a:hover,
footer h3,
footer .base{
    color:#fff;

}

footer .terms li + li,
footer .base {
    border-color: #fff;
}

.annual-btn {
    color: #505050;
}
.annual-btn:hover {
    color: #666;
}



.main_wrap {
    padding-top: 50px;
    max-width: 100%;

    background: -webkit-linear-gradient(#c5b19f,#e4bb89,#7597b1) !important;
    background: -o-linear-gradient(#c5b19f,#e4bb89,#7597b1) !important;
    background: -moz-linear-gradient(#c5b19f,#e4bb89,#7597b1) !important;
    background: linear-gradient(#c5b19f,#e4bb89,#7597b1) !important;
}


h1 {
    color: #505050;
    margin-bottom: 0;
    text-align: center;
    font-weight: 200;
    font-size: 70px;
    text-transform: uppercase;
}


@media (max-width: 575.98px) {
    h1 {
        font-size: 54px;
    }
}
@media (max-width: 375.98px) {
    h1 {
        font-size: 42px;
    }
}

h2 {
    color: #fff;
    font-size: 58px;
    font-weight: 200;
    line-height: 1;
}
ul.the-most li {
    color: #fff;
    font-size: 26px;
}
ul.the-most li:before {
    content: '•';
    padding-right: 10px;
    font-family: Arial;
}

.countdown {
    margin-bottom: 60px;
}
.countdown p {
    color: #505050;
    font-size: 22px;
    text-align: center;
    line-height: 32px;
    padding-bottom: 0;
    margin: 0;
    font-weight: normal;
}
.countdown p span {
    display: inline-block;
    color: #fff;
    text-align: center;
    max-width: 215px;
    word-break: break-all;
}
.section.center {
    text-align: center;
}
.two-col, .three-col, .four-col {
    clear: both;
}
.two-col .col {
    float: left;
    width: 50%;
}
.two-col.book-col .col {
    width: 60%;
}
.two-col.book-col .col:first-of-type {
    width: 40%;
}
.four-col {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.p-filmsupply,
.p-stills,
.p-musicbed {
    align-items: center;
    display: flex;
}
.p-stills img {
    max-width: 114px;
    width: 100%;
}

.four-col .col img {
    max-width: 100%;
    height: auto;
}
.four-col .col.p-stills img {
    max-width: 120px;
    width: 100%;
}
.three-col .col {
    float: left;
    width: 33.333%;
}
.three-col {
    max-width: 540px;
    margin: 0 auto;
}
.sec-key .clearfix:first-of-type {
    height: 10px;
}
.sec-key .clearfix {
    clear: both;
    float: none;
    width: 100%;
    height: 50px;
}
.sec-key .clearfix.smaller {
    height: 25px;
}
.sec-key p a, .sec-key p a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}
.sec-key p a:hover {
    color: #fff;
}
.section.center.sec-key {
    margin-bottom: 40px;
}
.book-col img {
    width: 80%;
    height: auto;
    margin-top: 10px;
}
.section {
    max-width: 1000px;
    width: 100%;
    clear: both;
    margin: 0 auto 80px auto;
}
.section:after {
    display: block;
    content: ' ';
    clear: both;
}
.section h3 {
    color: #505050;
    font-size: 44px;
    font-weight: 200;
    padding-bottom: 30px;
}
.section p {
    color: #fff;
    font-size: 20px;
}
.sec-top {
    padding: 0 0 0 60px;
}
.sec-benefits {
    margin-bottom: 60px;
}
.sec-benefits li {
    float: left;
    width: 11.11%;
}
.sec-benefits li p {
    font-size: 12px;
    padding: 0 5px;
}
.sec-benefits span.img {
    display: block;
    width: 60px;
    margin: 0 auto;
    height: 80px;
}
.sec-benefits span.img img {
    width: 100%;
    height: auto;
}


.sec-submissions p {
    padding-bottom: 50px;
}
.sec-submissions .two-col {
    max-width: 380px;
    margin: 0 auto;
}
.sec-submissions .learn-more,
.sec-submissions .learn-more:visited {
    display: block;
    margin-top: 35px;
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}
.sec-submissions .learn-more:hover {
    color: #fff;
}


 .sec-track ul {
    vertical-align: top;
    display: inline-block;
    margin-top: 40px;
     color: #fff;
}

 .sec-track ul li{
    margin-left: 0;
    width: 180px;
    margin-bottom: 31px;
}

 .sec-track ul li:first-of-type {
    margin-top: 10px;
}

 .annual-timeline-left {
    text-align: right;
    margin-right: 20px;
}

 .annual-timeline-right {
    text-align: left;
    margin-left: 20px;
}
.sec-partners:after {
    content: ' ';
    display: block;
    clear: both;
}
.sec-media-partners p a,
.sec-media-partners p a:visited {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}
.sec-partners p a:hover {
    color: #fff;
}
.sec-media-partners p {
    clear: both;
    margin-top: 40px;
}
.sec-partners {
    margin-bottom:  50px;
}

.sec-partners.headline {
    margin-bottom: 30px;
}
.sec-partners.headline img {
    max-width: 580px;
    width: 100%;
    height: auto;
}
.sec-partners.headline h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.t_links li ul li:not(.titleli):hover {
    background-color: #fff;
}
.t_links li ul li:not(.titleli):hover a {
    color: #000;
}


.sec-cols .cols {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.sec-cols .cols .col a {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.sec-cols .cols .col a img {
    width: fit-content;
    max-width: 100%;
    object-fit: contain;
}

.sec-cols .cols .col {

}

.sec-cols .cols .col:last-of-type {

}

.sec-charities h3 {

}
.sec-media-partners .cols .col {
    max-width: 31%;
}
.sec-media-partners .cols .col a img {
    max-height: 40px;
}
.sec-media-partners .cols {
    max-width: 720px;
    margin: 0 auto;
}

@media only screen and (max-height: 650px) {

}
@media only screen and (max-width: 560px) {
    #logo {
        background-image: url(/img/v3/cp-logo-w@2x.png);
    }
}


@media only screen and (max-width: 480px) {
    .partners li {
        float: none;
        width: 100%;
        height: 100px;
    }
}
@media screen and (max-width: 720px){


}
@media screen and (max-width: 979px) {

}
@media screen and (max-width: 1023px) {
    .t_links {
        background: #505050;
    }
    .t_links a{
        color: #fff;
    }
    .sec-media-partners .cols .col {
        max-width: none;
    }
}
@media screen and (max-width: 1024px) {
    .loggedin-t_nav.t_links > ul > li:after {
        background: #fff;
    }
    .t_links > ul > li > a:before {
        border-top-color: #000;
    }
    .t_links > ul > li > a.open-menuLevel2:before{
        border-top-color: transparent;
    }

    .t_links > ul > li > a:after {
        border-top-color: #fff;
    }

    .t_links > ul > li > a.open-menuLevel2:after {
        border-bottom-color: #fff;

    }

    .t_links > ul > li > a.open-menuLevel2:before {
        border-bottom-color: #000;
    }
    .t_links > ul > li > a + ul a {
        color: #000;
    }
}

@media screen and (min-width: 1024px) {

footer .top .col-together .comp_links,footer .top .col-together .useful_links {
        margin-left: 29px;
    }


    section.main {
        max-width: 1100px;
        float: none;
        margin: 0 auto;
    }
    .t_links > ul > li > a + ul {
        background: #505050;
    }

    .t_links > ul > li > a + ul a {
        color: #fff;
        /* padding: 5px 15px; */
        border-top: 1px solid transparent;
    }
}


.annual-btn {
    background: #fff;
    border: 1px #fff solid;
    font-size: 16px;
    padding: 15px 30px;
    text-align: center;
    width:100%;
    font-weight: bold;
    border-radius: 0;
    text-transform: uppercase;
}
.annual-btn:hover {
    background-color: #fff;
    border-color: #fff;
}
.three-col .annual-btn {
    padding: 15px 0;
    width: 160px;
    display: block;
}

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1000px){
    h2 {
        font-size: 48px;
    }
    .sec-top {
        padding: 0;
    }
    .book-col img {
        width: 80%;
        margin-left: 30px;
    }
    .two-col.book-col .col:first-of-type {
        padding-left: 80px;
    }
}

@media screen and (max-width: 920px){
    .two-col.book-col .col:first-of-type {
        padding-left: 60px;
    }
}
@media screen and (max-width: 860px){
    .two-col.book-col .col:first-of-type {
        padding-left: 40px;
    }
}

@media screen and (max-width: 768px){
    .two-col.book-col .col:first-of-type {
        padding-left: 0;
    }
    .sec-benefits li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .sec-benefits {
        max-width: 320px;
        margin: 0 auto 60px auto;
    }
    .sec-benefits span.img {
        height: 70px;
    }
    .four-col {
        display: block;
    }
    .four-col .col {
        margin-top: 40px;
        justify-content: center;
    }
    .sec-media-partners p {
        margin-top: 40px;
    }

    .sec-cols .cols, .cols {
        display: block;
    }
    .sec-cols .cols .col, .cols .col {
        margin-bottom: 40px;
    }
    .sec-cols .cols .col:last-of-type, .cols .col:last-of-type {
        margin-top: 20px !important;
    }
    .sec-partners h3 {

    }
}

@media screen and (max-width: 640px){
    section.main {
        padding: 20px;
    }
    .book-col .col,
    .two-col.book-col .col,
    .two-col.book-col .col:first-of-type {
        float: none;
        width: 100%;
        text-align: center;
    }

    .book-col img {
        margin-top: 50px;
    }

    /*.book-col img {*/
        /*max-width: 280px;*/
    /*}*/
    ul.the-most li:before {
        content: '';
    }
    h2 {
        font-size: 36px;
    }
    .countdown p {
        line-height: 1.4;
        font-size: 22px;
    }
    .countdown p span {
        text-align: center;
    }

    .two-col .col,
    .three-col .col {
        float: none;
        width: 100%;
    }
    .three-col {
        width: 240px;
    }
    .three-col .col {
        margin-bottom: 20px;
    }
    .sec-partners .three-col .col {
        margin-bottom: 40px;
    }
    .three-col .annual-btn {
        width: 240px;
    }
    .annual-btn {
        padding: 15px 45px;
    }
    .sec-submissions .learn-more, .sec-submissions .learn-more:visited {
        margin-top: 35px;
        margin-bottom: 60px;
    }
    .sec-submissions br{
        display: none;
    }

    .sec-track img {
        float: left;

    }
    .sec-partners p {
        margin-top: 30px;
    }

    
    .sec-track ul {
        float: left;
        margin: 0;
        /*width: 50%;*/
    }
    .sec-track ul li {
        width: auto;
    }

    .sec-track ul.annual-timeline-left {
        width: 40%;
        margin: 40px 5px 0 0;
    }
    .sec-track ul.annual-timeline-right {
        width: 50%;
        margin: 40px 0 0 10px;

    }

    .annual-timeline-left li {
        /*font-weight: bold;*/
        padding-right: 5px;
    }

    /*.sec-track ul.annual-timeline-right li:before {*/
        /*content: ' - ';*/
        /*padding-left: 5px;*/
    /*}*/
}
a.disabled, .lt {
    text-decoration: line-through !important;
}

.center {
    text-align: center;
}

.sec-charities p {
    font-size: 18px;
    margin-top: 40px;
    clear: both;
    float: left;
}



ul.the-most li::before {
    font-family: 'acumin-pro' !important;


}

h2.top {
    text-align: center;
    color: #fff;
    font-size: 32px;
    padding-bottom: 20px;
}

@media (max-width: 575.98px) {
    h2.top {
        font-size: 24px;
    }
}
@media (max-width: 375.98px) {
    h2.top {
        font-size: 18px;
    }
}

h2.top2 {
    text-align: center;
    color: #fff;

    /* padding-top: 20px; */
    padding-bottom: 0px;
    font-size: 70px;
    color: #fff;
}

@media (max-width: 575.98px) {
    h2.top2 {
        font-size: 38px;
    }
}
@media (max-width: 375.98px) {
    h2.top2 {
        font-size: 32px;
    }

    .countdown p span {
        text-align: center;
    }
}



.color-777 {
    color: #505050 !important;
}

@media only screen and (min-width: 560px) {
    #logo{
        background: transparent url(/images/redesign/Creativepool-Logo-NoLozange-for-annual-page.png) no-repeat center 0;
        background-size: 180px 30px;
        margin-right: 52px;
        margin-top: 20px;
    }
}

.flex1{margin: 40px auto auto auto; display: flex;max-width: 510px;justify-content: space-between;}
.flex2{margin: 40px auto 80px auto; display: flex;max-width: 340px;justify-content: space-between;}
.flex1 .annual-btn.bt1 { width: 220px;}
.flex1 .annual-btn.bt2 { width: 270px;}

@media screen and (max-width: 640px){
    .flex1 { display: block; }
    .flex1 .annual-btn.bt1 { width: 100%; margin-bottom: 20px; }
    .flex1 .annual-btn.bt2 { width: 100%; }
    .flex2 { max-width: 100%; margin-bottom: 30px;}

}