@charset "UTF-8";

* {
    opacity: 1;
    -webkit-transition: opacity 0.2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.2s;
}
a {
    color: #000;
}
a:hover {
    text-decoration: none;
    border-bottom: 2px solid #000;
    color: #000;
}
.navbar a:hover, .overlay:hover, .picLink:hover {
   border-bottom: none;
}
.picLink:hover > .short_desc {
    opacity: 0.5;
}
#footer a:hover {
    opacity: 0.6;
}
a:hover svg {
    transform: scale(0.93, 0.93);
}
p {
    line-height: 200%;
    font-size: 12px;
    color: #474747;
}

p > h2 {
    color:red;
}

#fc p {
    color: #505050;
}

html {
    height: 100%;
}
body {
    height: 100%;
}
video {
    max-width: 100%;
    width: 100% !important;
    max-height: 100%;
    text-decoration: none;
    border: none;
}


#pageHeader.container {
    padding: 0px 25px 70px !important;
}

#start {
    background-color: #000 !important;
}

@media (min-width: 992px){
    .container {
    padding: 100px 25px;
    }
}

  @media (max-width: 992px){
      .iPhoneVideo {
          max-height: initial;
          padding: 20px;
      }
  .container {
    padding: 40px 25px 40px;
  }
  .centerTextBox {
    margin-top:30px !important;
}
#frontpage .container {
    padding: 40px 25px 40px !important;
  }

  #pageHeader.container {
    padding: 0px 25px 40px !important;
}

  }
   


@media (min-width: 2000px){
    
    .container {
        width: 1300px;
    }
}
.row {
    margin-right: -25px;
    margin-left: -25px;
}

@media (max-width: 768px) {
    .textBox h2 {
        text-align: center;
    }
}
.centerTextBox {
    text-align: center;
    display: inline-block;
    margin-top:50px;
}


h2 {
    font-family: "canada-type-gibson";
    letter-spacing: -1.0px;
}
h3 {
    font-family: "Baskerville";
    font-size: 24px;
    color: #ffcc2f;
    margin: 0px 0px 40px 0px;
}
.client h3 {
    color:#6d6d6d;
}
.client svg {
    fill: #000000;
    opacity: 0.3;
}
.client {
    background-color: #FFF;
}
.videoGrid h4 {
    font-size: 14px;
    margin: 0px 10px 40px 0px;
    padding: 30px 30px;
    background-color: #d24242;
    width: 100%;
    text-align: center;
    color: #754523;
}

.experimentsContainer h3 {
    display: none;
    color: #900707;
}
.personalProjects h3 {
    border-color: #565656;
    color: #6d6d6d;
}
.personalProjects svg {
    fill:#6d6d6d;
    opacity: 0.3;
}
svg {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-transition: transform 0.1s;
    transition: transform 0.1s;
}
.client a:hover svg, .personalProjects a:hover svg {
    opacity: 1.0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
a svg:hover {
    /* fill: rgb(157, 54, 54); */
}
h4 {
    font-family: "proxima-nova";
    font-size: 14px;
    display:inline-block;
    margin: 20px 10px 0px 0px;
    font-weight: bold;
}
.longDescription {
    width:50%;
}
#pageHeader {
    margin-top: -60px;
    padding: 0px;
}

@media (max-width: 992px){
    .longDescription {
        width:100%;
    }
    #pageHeader {
        margin-top: 0px;
    }
    h4 {
        margin-top: 0px;
    }
    .cellLine, hr {
       
        margin-bottom: 30px;
    
    }
}

.cc-window {
    background-color: #f0f0f0 !important;
}

.personalProjects h4 {
    color: #5a5a5a;
}

.descriptionContainer {
    line-height: 0px;
}

.darkenedBackground {
    background-color: rgba(0, 0, 0, 0.1);
}

.description {
    font-size: 12px;
    margin: 0px 10px 40px 0px;
    padding: 30px 30px;
    width: 100%;
    text-align: left;
    line-height: 200%;
}

#bounce .description, #hq .description, #words .description {
    background-color: #f2f2f2;
    color: #515151;
    /* margin-top: 20px; */
    }

.experimentsContainer .description {
    
background-color: #d24242;
    color: #590000;
}

.col-md-12, .col-md-6, .col-md-4 {
    padding-left:25px;
    padding-right:25px;
}

.lazyLoad{
    opacity: 0;
    -webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.5s;
}

.overlay {
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    left:0; 
    background-color:rgba(0, 0, 0, 0.65);
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; /* ie fallback png background image */
    color:white;
    opacity: 0.3; 
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer;  
}
.light {
    opacity: 0.0; 
} 
.light:hover {
    opacity: 0.0;
}
.overlay:hover {
    opacity: .6;
}

.dualBox16x9 {
    position: relative;
    padding-bottom: 56.25%;
}
.dualBox16x9 iFrame {
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}



.box16x9, .box16x9SD {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}
@media (max-width: 992px) {
.box16x9SD {
    padding-bottom: 36.25%;
    }
}
@media (min-width: 992px) {
    .box16x9Big {
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
    }
    .box4x3Big {
        width: 100%;
        position: relative;
        padding-bottom: 80%;
    }

    .verticalCenterBig {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }
}

.highlight {
    font-weight: bold;
}

.instaLink svg {
    fill: #000000; 
}

.soundToggle {
    cursor: pointer;  
}
.soundOff g#symbol {
    opacity: 0.2;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.hover {
     position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.spinner {
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.squareContainer {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
}


.squareContainer iframe, .squareContainer video, .videoImageStandin > img:first-child, .standin, .imagePreview {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}

.explainBox {
    /* margin-left:20px; */
    max-width: 200px;
    /* float: left; */
    color: white;
    line-height: 200%;
}
@media (max-width: 992px) {
    .explainBox {
        /* margin-left:inherit; */
        max-width: 100%;
        float: inherit;
        color: white;
        line-height: 200%;
        margin-top: 20px;
    }
}
.client h4 {
    color: #4b4b4b;
}

.short_desc {
    display:inline-block;
    margin: 10px 0px;
    color: #aeaeae;
    font-size: 14px;
}

.personalProjects span.short_desc {
    color: #bbb;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.client hr, .personalProjects hr {
    margin-bottom:30px;
}

.underline, .underlineLight {
    margin-bottom: 15px;
    /* display: inline-block; */
}
.underline h4, .underlineLight h4 {
    margin:20px 0px 0px 0px;
}

.width100 {
    width: 100%;
}

.hoverRight {
    float:right;
}
.hoverLeft {
    float:left;
}

.workType {
    font-family: "proxima-nova";
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    bottom: 3px;
    right: 0px;
}
.shortDescription {
    font-family: "proxima-nova";
    font-size: 12px;
    display: inline-block;
    position: absolute;
    bottom: -25px;
    color: #A1A1A1;
    right: 0px;
}

.centerContent {
    text-align: center;
    padding: 0px;
}
.clear {
    clear:both;
}

.personalProjects hr.cellLine {
    border-color: #b9b9b9;
}

.imageContainer {
    overflow: hidden;
    min-height: 200px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.imageContainer img{
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
}

.navbar-header {
    float:left;
}

@media (min-width: 992px) {
    .navbar {
        padding: 35px 50px 0px 50px !important;
    }
    
}
@media (max-width: 992px){
    #wideSky .navbar {
        background-color: #e64545 !important;
    }
    #words .navbar {
        background-color: rgb(30, 33, 64) !important;
    }
    #meek .navbar {
        background-color: #ffde00 !important;
    }
    #reutersTV .navbar {
        background-color: #fff !important;
    }
    #hq .navbar {
        background-color: #f7d941 !important;
    }
    #bounce .navbar {
        background-color: #76fec0 !important;
    }
   .navbar {
    background-color: #000;
    }
    .centerSmall {
        text-align: center;
    }
    .topDescription {
        margin-top: 30px;
        text-align: center;
    }
    .shortDescription {
        position: relative;
        bottom: -5px;
        font-size: 12px;
    }
    .workType {
        display: none;
        top: 0px;
        left: 0px;
        right: auto;
        font-size: 12px;
    }
}
.navbar {
    padding: 10px 30px 10px 30px;
}
.navbar-default {
    background-color:initial;
    border:none;
}

.navbar-brand {
    width:70px;
    height: 50px;
    padding:0;
}

@media (max-width: 992px) {
    .navbar-brand {
        width:50px;
        background-color: rgba(0, 0, 0, 0.0);
        height: 30px;
        padding-top: 3px;
    }
    
}
.navbar-nav>li {
    float: left;
}
.nav>li svg {
    height: 20px;
}
.navbar-right {
    margin: 0px -15px;
    float: right!important;
}
 #navBarBack {
height: 130px;
    width: 100%;
 }

#reutersTV #navBarBack {
    /* background-color: #222; */
}
#wideSky #navBarBack {
    /* background-color: #e64545; */
}
.meekColor {
    /* background-color: rgb(0, 0, 0); */
}
.meekColor2 {
    background-color: #ffde00;
}

#wideSkyCover, #cover, #reutersCover {
    width: 100%;
    height: 60%;
    max-height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#cover video {
    max-width: initial;
    background-size: cover;
    position: absolute;
    border: none !important;
    max-height: initial;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto;
    /* max-height: 150%; */
    /* max-width: 150%; */
    top: 50%;
    margin: 0;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
@media (max-width: 992px) {

 #cover {
    font-size: 0px;
    height: auto;
    padding: 0px;
 }
 #wideSky #cover {
    margin: 0px !important;
 }
     #cover video {
    position: relative;
    min-height: initial;
    max-width: 100%;
    -ms-transform: translate(-0%,-0%);
    -webkit-transform: translate(-0%,-0%);
    left: inherit;
    transform: translate(-0%,-0%);
 }
 }

.previewImage {
    width:100%;
}

.moreLink {
    float:right;
    width:15px;
    height:20px;
    position:relative;
    margin-top:19px;
}


@media (max-width: 992px) {
     #navBarBack {
    height: 60px;
    background-color: rgba(0, 0, 0,0) !important;
 }
   .short_desc {
       margin-top:10px;
   }
   .moreLink {
       margin-top:13px;
   }
   
.cellLine {
    border-color: transparent !important; 
}
}

.cover-heading h2 {
    text-align: center;
}

.highlightedContainer {
    background-color: #eaeaea;
    box-sizing: content-box;
}

.experimentsContainer {
    background-color: rgb(236, 74, 74);
    padding: 0px 0px 50px 0px;
    box-sizing: content-box;
}
.videoGrid .container {
    
    padding-bottom: 0px;
}

/*Common Elements*/
@media (min-width: 992px) {
   .divMobile {
       display:none;
   }
}

.divMobile {
       height: 50px;
   }

.smallLaurels {
    position: absolute;
    left: 50%;
    bottom: -50px;
    width:75px;
    height:auto;
    transform:translate(-50%, 0%);
}
@media (max-width: 992px) {
    .experimentsContainer {
    padding: 0px 0px 50px 0px;
}
   .desktopOnly {
       display:none;
   }
}

@media (min-width: 992px) {
    .mobileOnly {
       display:none;
   }
    .linkIcon {
        width:35px;
        height:15px;
    }
    
    #wideSkyHighlight .linkIcon, #wideSkyHighlight2 .linkIcon {
        width:85px !important;
        bottom:50% !important;
        left:25px;
        transform:translate(0, 50%);
    }

}
.linkIcon {
    position: absolute;
    left: 25px;
    bottom: 25px;
    width:35px;
    height:15px;
}
#wideSkyHighlight .linkIcon, #wideSkyHighlight2 .linkIcon {
        position: absolute;
        width:45px;
        height:auto;
        bottom:25px;
        left:25px;
        
}
.wideLink {
    padding:50px;
    text-align: center;
}
.bigLinkBox {
    min-height: 100px;
    position: relative;
}

#reutersTV .bigLinkBox {
    background-color: #ffb517;
}
.bigLinkBox .linkText {
    
    font-family: "Baskerville";
    font-size: 25px;
    display:inline-block;
}
.twitter-tweet.twitter-tweet-rendered .pl-2, .twitter-tweet.twitter-tweet-rendered .px-2 {
    padding-left: 2.5rem !important;
  }
.twitter-tweet.twitter-tweet-rendered .card {
    border-radius: 10px !important;
}
.twitter-tweet.twitter-tweet-rendered .card-footer:last-child {
    border-radius: 0 0 10px 10px !important;
  }

#footer {
    color: #fff;
    background-color: #000;
    position: relative;
    min-height: 180px;
}
#footer .noneHighlight, #footer li, #footerInfoRight a {
    color: #5d5d5d;
}
#footerLogo {
    width:60px;
    height: 100px;
    position: absolute;
    top: 90px;
    left:100px;
    transform: translate(0, -50%);
}
#footerLogo svg {
    fill: #ec4a4a;
    width:100%;
    height:100%;
}

#footerInfo {
    font-size: 12px;
    padding: 20px 50px;
    max-width: 300px;
    position: absolute;
    border-left:2px solid #222;
    left:200px;
    top:50px;
}
#footerInfoRight {
    font-size: 12px;
    padding: 20px 0px 20px 0px;
    position: absolute;
    top:90px;
    right:100px;
    transform: translate(0, -50%);
}
@media (max-width: 992px) {
    #footer {
        background-color: #000 !important;
    }
    #footerLogo {
        top: 90px;
        left:30px;
    }
    #footerInfo {
        left:initial;
        left:120px;
        padding: 20px 0px 20px 30px;
        z-index: 1;
    }
    #footerInfoRight {
    font-size: 10px;
    position: relative;
    width: 100%;
    text-align: left;
    
    padding: 180px 0px 0px 0px;
    top: inherit;
    transform: initial;
    right: initial;
}
#footer ul {
    padding:30px 0px 30px;
    background-color:#1b1b1b;
}

#footer ul li{
    float: none;
    margin-left: 0px !important;
    margin-right: 20px;
}

}
#footer p {
    margin-top:4px;
}
#footer ul {
    list-style: none;
    width: 100%;
    margin: auto;
    text-align: center;
}
#footer ul li{
    display: inline-block;
    margin-left: 20px;
}
#footerInfo a {
    color: #fff;
}

#wideSky #footerLogo svg {
    fill: #ec4a4a;
}
#reutersTV #footerLogo svg {
    fill: #ffb517;
}

#meek #footerLogo svg {
    fill: #ffde00;
}

#hq #footerLogo svg {
    fill: #de316a;
}

#words #footerLogo svg {
    fill: #F7CB2F;
}

#bounce #footerLogo svg {
    fill: #fd73af;
}

/*Wide Sky*/
#wideSkyCover {
    max-height: 800px;
}

#wideSkyHighlight, #wideSkyHighlight2 {
 
    color:#ffffff;
   
   background-color:#e64545;   
    text-align: center;
}

#wideSkyHighlight2 {
   background-color:#e64545;   
}

#wideSkyHighlight2 .col-md-4 {
    height: 150px;
}
#wideSkyHighlight2 .verticalCenter {
    width:70%;
}
#wideSkyHighlight p, #wideSkyHighlight2 p {
    color:#ffffff;
    opacity: 0.7;
}
.topBanner {
    background-color: #ffd926;
    color: white;
}
.topBanner .container {
    padding: 50px 25px 50px;
}
.topBanner p {
    color: #000000b0;
    text-align: left;
}
.topBanner h2, .topBanner {
    /* text-align: center; */
    text-align: l;
    color: #fff;
    font-size: 30px;
    }

@media (max-width: 992px) { 
    .topBanner h2 {
        margin-bottom: 25px;
        margin-top: 29px;
    }
    .centerSmall {
        text-align: center;
    }
}

@media (min-width: 992px) { 
    
    .topBanner {
        text-align: left;
    }
    .topBanner h2 {
        text-align: right;
        padding-right: 20px;
        padding-bottom: 10px;
        color: #000;
    }
    
    .bigContainer {
     padding-top: 120px !important;
     padding-bottom: 120px !important;
    }

    .personalProjects  {
        padding-top: 120px !important;
        padding-bottom: 100px !important;
       }

    .mediumContainer {
        padding-top: 70px;
     padding-bottom: 70px;
    }
}


#wideSkyHighlight .container, #wideSkyHighlight2 .container {
     padding: 100px 0px;
    position: relative;
     
}
#wideSkyHighlight h2 {
    margin-bottom: 15px;
}

@media (max-width: 992px) { 
    
    #wideSkyHighlight2 h2 {
    margin-bottom: 0px;
    }
}

/*FC*/

#fcLogo {
    text-align: left;
    background-color: #1500ad;
    width: 100%;
    padding: 20px;
}
#fcLogo svg {
    fill: white;
    max-width: 90px;
    max-height: 100px;    
}

@media (min-width: 992px) { 
    #fcLogo {
        text-align: center;
        background-color: #1500ad;
        width: 250px;
        height:100%;
        position: absolute;
    }
    #fcLogo svg {
        max-width: 120px;
    margin-top: 20px;
    }
}




#fc #footerLogo svg {
    fill: white;
}

#aeConnect svg {
    /* width: 400px; */
    max-width: 100%;
    /* max-height: 100%; */
    /* max-height: 300px; */
    /* transform: translateY(15px); */
}

.fcHighlight svg {
    width: 100%;
}

#fc .centerContent {
    text-align: center;
    padding: 0px;
}

.inlineLink {
    /* width: 100%; */
    text-align: center;
    display: inline-block;
    height: 60px;
    width: 49%;
    /* text-align: left; */
    color: white !important;
    padding: 20px 0px 0px 0px;
    box-sizing: border-box !important;
    border: none;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: white;
    fill: white !important;
    stroke: white;
    /* font-family: "Baskerville"; */
}

.inlineLink:hover {
    text-decoration: none;
    border-bottom: none;   
}

p ~ h3 {
    margin-top: 30px !important;
}

#fc .inlineLink:hover {
    text-decoration: none;
    border-bottom: none;
    background-color: #1e00ff;
}

#fc .inlineLink {
    background-color: #1A00DB;
}

@media (max-width: 992px) { 
    #fc .centerContent {
        padding: 0px 15px;
    }
    #fc .inlineLink {
        margin-bottom: 20px;;
        width:100%;
    }
    #fc h2 {
        /* font-size: 22px; */
        margin-bottom: 5px !important;
    }
    .fcHighlight svg {
        height: 100%;
    }
    #aeConnect svg {
        max-width: 100%;
        max-height: 300px;
    }
    #fc .centerContentSmall {
        text-align: center;
    
        }

    #fc .smallBuffer30 {
        height: 60px;
    }
}


    #fc #pageHeader svg {
        width: 200px
    }


#fc .container {
    padding: 40px 25px;
    position: relative;
    /* box-sizing: border-box; */
}

.fcHighlight {
    
    background-color: #1A00DB;
}


#fc h2 {
    /* color: #1A00DB !important; */
    /* font-family: "Helvetica-Neue", "Helvetica", "Arial"; */
    margin-bottom: 10px;
    /* letter-spacing: -0.4px; */
    /* line-height: 70px; */
}

#fc .fcHighlight h2, #fc .fcHighlight h3 {
    color: white !important;
}

#fc #navBarBack {
    background-color: white;
}

#fc .textHighlight {
    background-color: #1a00db;
    height: 5px;
    width: 30px;
    position: absolute;
    top: -5px;
}


#fc h3 {
    color: #555;
    display: inline-block;
    letter-spacing: -1px;
    margin: 0px 0px 20px 0px;
}
@media (min-width: 992px) {
    #fc div#pageHeader {
        transform: translateY(-30px);
        padding: 0px 25px 40px !important;
    }    
}


#fc .fcHighlight p {
    color: white;
}

#fc .verticalCenterBig {
    padding: 0px 0px 0px 0px !important;
}

/*Reuters*/

@media (min-width: 992px) {
    #pageHeader h2 {
    margin-bottom: 0px;
}

    .height600 {
        height: 600px;
    }
    .verticalCenterBig {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        padding: 0px 50px 0px 50px !important;
        margin: 0px 0px 0px 0px !important;
    }
    .reutersHighlight {
        margin:40px 0px;
        padding:40px 0px;
    }
}

#reutersTV .leftBorder {
    border-left: 5px solid #ffb517;
}

#wideSky .leftBorder {
    border-left: 5px solid #e64545;
}

.verticalCenterBig {
    padding: 0px 0px 0px 0px;
}
 .verticalCenter {
     position: absolute;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);
}
.divider {
    margin-top:10px;
}

#reutersCover {
    max-height: 600px;
}

@media screen and (max-width: 992px) {
    #reutersVideo {
       display: none;
    }
     #reutersCover {
        height: 60vw!important;
    }
}
#reutersVideo {
    position: absolute;
    max-width: 230%;
    left: -9999px;
    right: -9999px;
    margin: auto;
    bottom: 0px;
}
#wideSkyCover img, #reutersCover img {
    position: absolute;
    left: -9999px;
    right: -9999px;
    margin: auto;
    bottom: 0px;
}


@media screen and (max-width: 1600px) and (min-width: 992px) {
    #reutersCover {
    height: 32vw!important;
    }
}

.reutersHighlight {
    background-color: #171717;
    box-sizing: content-box;
    padding:20px 0px;
}
.reutersHighlight h2 {
    color: white;
}
.reutersHighlight p {
    color: #b4b4b4;
}

.reutersHighlight2 {
    background-color: #fff;
}
.reutersHighlight3 {
    background-color: #eaeaea;
}

#impressum li {
    color: #acacac;
    font-size: 12px;
}


.topDescription {
    position: relative;
    margin-bottom: 50px;
    /* text-align: center; */
}

.instaLink {
    opacity: 0.7;
}

.instaLink, .soundToggle {
    display: block;
    position: absolute;
    display: block;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    width: 30px;
    /* height: 50px; */
}

.soundToggle {
    left: 40px;
}

a.instaLink:hover, a.soundToggle:hover, .svgLink:hover{
    text-decoration: none;
    border: none;
    opacity: 1;
}

.soundOff g#symbol {
    /* fill: none; */
}

.description p {
    margin-top: 15px;
}


a.cc-btn.cc-allow {
    background-color: #8eebe6;
    color: #0000009e !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.cc-compliance a {
    
    color: #0000009e !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
}
a.cc-btn.cc-allow:hover {
    background-color: #08f6ea;
}
.cc-message {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.cc-message a {
    padding: 0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
    color: #000 !important;
}

.cc-revoke {
    display: none !important;
}

#privacyPolicy .cc-revoke {
 //   display: initial !important;
}
.cc-animate.cc-revoke.cc-bottom {
    transform: initial !important;
}