


body { background: #000000; color: #d8d8d8; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 16px; line-height: 200%; }
#overlay, footer { background: #000000; }
.main-header nav a { color: #d8d8d8; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; letter-spacing: 2px; font-size: 13px; }
h4, .sectionname { color: #d8d8d8; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; }
.entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, .homepage .caption h1, .news .list h1, h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { color: #d8d8d8; }
.screen-nav a, .slider-features a, .section-header a, .private nav a { color: #d8d8d8; font-size: 13px; letter-spacing: 1px; }
#overlay .close { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 16px; color: #a7a7a7; }
.list.text-only.entries.fixed-font .date { font-size: 16px; }
p { line-height: 200%; }
a, .private-login input[type="submit"] { color: #a7a7a7; }
.main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .slider-features a.active, .slider-features a:hover, .section-header a:hover, .section-header a.active, a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover { color: #ffffff !important; }
section header, .divider, .news .entry { border-color: #606060; }

/* -------------------------------------------------------------------------- */
/*POP UP HOMEPAGE */
footer.divider.show1col.noDivider {
    display: none;
}
footer.divider.show1col {
    display: none;
}

.footer-col1 {
    position: fixed;
    bottom: 5%;
    right: 0;
    max-width: 234px;
    color:#000;
        background: #ffffffa6;
        background-image: none;
    z-index: 1337;
        padding: 30px 30px 30px 30px;
}
.footer-col1 p {
    font-size: 16px;
    line-height: 1.5;
}

#wrapper-pop-up .container{
    padding: 0;    
}




.footer-col1 a.close{
    position: absolute;
    right: 15px;
    top: 5px;    
    font-size:18px;
    cursor: pointer;
    color:#757575!important;
}






/*------------------------------*/
/*animation*/
.footer-col1{
    animation-name: announcement-box;
    animation-duration: 1.5s;
    animation-delay: 1.2s; 
    animation-fill-mode: backwards;
}
@media screen and (min-width:601px) {
    @keyframes announcement-box {
        from { 
            right: -350px;
            opacity: 0;
        }
        to   { 
            right: 0px;
            opacity: 1;
        }
    }
}
@media screen and (max-width:600px) {
    @keyframes announcement-box {
        from { 
            right: -260px;
            opacity: 0;
        }
        to   { 
            right: 0px;
            opacity: 1;
        }
    }
}









/* ------------------------------------ */
/* HOMEPAGE SLIDECAPTION */
#slidecaption {
    /*width: 100%;*/
    max-width: 660px;
    bottom: 30px;
    
    /*left: 50%;*/
    /*transform: translate(-50%, 0%);*/
    right: 0;
    transform: translate(-10%, 0%);
    
    
    text-align: center;
    /*background: #ffffffa6;*/
    padding: 30px;
}

.s-homepage .caption h1 {
    font-size: 20px !important;
        text-align: center;
    color:#000;
    padding:0 0 2px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5;
    display:block;
}

.s-homepage .caption h2 {
    font-size: 20px !important;
    color:#000;
    padding:0 0 10px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5;
    display:block;
}

.s-homepage .caption h3,
.s-homepage .caption h3 p,
.caption .description p{
    text-align: center;
    font-size: 16px;
    color:#000;
    line-height:1.5;
    display:block;
    
    /*max-width: 340px;*/
    margin: 0 auto;
}

.s-homepage .caption h3 p a {
    color: #000 !important;
}
.s-homepage .caption h3 p a:hover {
    color: #666 !important;
}




@media (max-width: 768px) {
    #slidecaption {
        transform: translate(0%, 0%);
    }
    #slidecaption.container {
        margin: 0 20px;
    }
}

@media (max-height: 414px) {
    #supersized {
        position: fixed;
    }
    #slidecaption {
        position: relative;
        bottom: 10px;
        right: 0px;
        transform: translate(0%, 0%);
        padding: 20px;
    }
}










form input {
    display: block;
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 10px;
    height: 37px;
    background: #fff;
    margin-bottom: 15px;
    width: 250px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input#fieldqtdtuk {
    height: auto;
}
button {
    background: #fff;
}


#wrapper-thank-you .text-one-column .content {
    text-align: center;
    width: 100%;
    max-width: none;
}






@media (max-width: 800px) {
.main-header nav.main {
    text-align: center;
}
}
.mobile-menu-wrapper { text-align: left; }

div#seeHomepageItems a {
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

#seeHomepageItems {
    line-height: 35px;
}


.main-header{  background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}




.main-header, .main-header nav { text-align: center; }
.main-header .logo { float: none; }
.main-header nav { padding-top: 15px; }
body.s-major-discoveries .entries.fixed-font .title, body.s-major-discoveries .entries.fixed-font .titles {
  text-align: center;
}

.entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle {
  font-size: 15px;
  letter-spacing: 1px;
}

.fitted .placeholder { background: none; }
.slide figcaption p {
  font-size: 13px;
  line-height: 16px;
}
.slider {
  padding-bottom: 75px;
}

.press .paragraph-styling.info p {
    font-size: 14px;
    line-height: 150%;
}

form textarea { height: inherit; }

body.s-clients .text-two-columns { width: 70%; }
body.s-clients .text-one-column, body.s-about .text-one-column { width: 60%; padding-bottom: 0px; }

body.s-clients { background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/557f018907a72cb03b626701/cc98507c-crop.jpg) no-repeat center center fixed; }
body.s-clients {  background-size: cover; }

body.s-about { background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/557f018907a72cb03b626701/d56e8c3a.jpg) no-repeat center center fixed; }
body.s-about {  background-size: cover; }

body.s-contact { background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/557f018907a72cb03b626701/3271608a.jpg) no-repeat center center fixed; }
body.s-contact {  background-size: cover; }

.contact .left, .contact .info, .contact .left-staff, .contact .info-map {
  display: block;}
.bx-wrapper .bx-controls-direction .bx-next, 
.bx-wrapper .bx-controls-direction .bx-prev {
    background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 557f018907a72cb03b626701\2F ef948a9a71d0c0f421bd9989c719385c\2E png') no-repeat;
    background-size: 18px 90px;
    width: 9px;
    height: 30px;
    margin-top: -15px;
}
.bx-wrapper .bx-controls-direction .bx-prev {
    background-position: 0 0;
}
.bx-wrapper .bx-controls-direction .bx-prev:hover {
    background-position: 0 -30px;
}
.bx-wrapper .bx-controls-direction .bx-next {
    background-position: -9px 0;
}
.bx-wrapper .bx-controls-direction .bx-next:hover {
    background-position: -9px -30px;
}
@media all and (max-width: 320px) {
    .bx-wrapper .bx-controls-direction .bx-next, 
    .bx-wrapper .bx-controls-direction .bx-prev {
        width: 5px;
        height: 15px;
        margin-top: -7.5px;
    }
    .bx-wrapper .bx-controls-direction .bx-prev {
        background-position: 0 -60px;
    }
    .bx-wrapper .bx-controls-direction .bx-prev:hover {
        background-position: 0 -75px;
    }
    .bx-wrapper .bx-controls-direction .bx-next {
        background-position: -5px -60px;
    }
    .bx-wrapper .bx-controls-direction .bx-next:hover {
        background-position: -5px -75px;
    }
}

*:focus:not(.focus-visible) {
    outline: none;
}


        
    .slideshow-container .swiper-slide {
       -webkit-backface-visibility: hidden;
       -webkit-transform: translate3d(0, 0, 0);
    }

    .slider-nav-next,
    .slider-nav-prev,
    .swiper-vow .slider-nav-next,
    .swiper-vow .slider-nav-prev,
    .swiper-vow .slider-nested-nav-prev,
    .swiper-vow .slider-nested-nav-next {
        background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 557f018907a72cb03b626701\2F ef948a9a71d0c0f421bd9989c719385c\2E png') no-repeat;
        background-size: 18px 90px;
        width: 9px;
        height: 30px;
        margin-top: -15px;
        position: absolute;
        top: 50%;
        border: none;
        transform: none;
    }
    .slider-nav-prev,
    .swiper-vow .slider-nav-prev,
    .swiper-vow .slider-nested-nav-prev {
        background-position: 0 0;
        left: 0;
    }
    .slider-nav-prev:hover,
    .swiper-vow .slider-nav-prev:hover,
    .swiper-vow .slider-nested-nav-prev:hover {
        background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 557f018907a72cb03b626701\2F ef948a9a71d0c0f421bd9989c719385c\2E png') no-repeat;
        background-size: 18px 90px;
        background-position: 0 -30px;
        border: 0;
    }
    .slider-nav-next,
    .swiper-vow .slider-nav-next,
    .swiper-vow .slider-nested-nav-next {
        background-position: -9px 0;
        right: 0;
    }
    .slider-nav-next:hover,
    .swiper-vow .slider-nav-next:hover,
    .swiper-vow .slider-nested-nav-next:hover {
        background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 557f018907a72cb03b626701\2F ef948a9a71d0c0f421bd9989c719385c\2E png') no-repeat;
        background-size: 18px 90px;
        background-position: -9px -30px;
        border: 0;
    }
            @media all and (max-width: 320px) {
            .slider-nav-next,
            .slider-nav-prev,
            .swiper-vow .slider-nav-next,
            .swiper-vow .slider-nav-prev,
            .swiper-vow .slider-nested-nav-prev,
            .swiper-vow .slider-nested-nav-next {
                width: 5px;
                height: 15px;
                margin-top: -7.5px;
            }
            .slider-nav-prev,
            .swiper-vow .slider-nav-prev,
            .swiper-vow .slider-nested-nav-prev {
                background-position: 0 -60px;
            }
            .slider-nav-prev:hover,
            .swiper-vow .slider-nav-prev:hover,
            .swiper-vow .slider-nested-nav-prev:hover {
                background-position: 0 -75px;
            }
            .slider-nav-next,
            .swiper-vow .slider-nav-next,
            .swiper-vow .slider-nested-nav-next {
                background-position: -5px -60px;
            }
            .slider-nav-next:hover,
            .swiper-vow .slider-nav-next:hover,
            .swiper-vow .slider-nested-nav-next:hover {
                background-position: -5px -75px;
            }
        }
    